/* The existing office gains a compact staff editor, without moving its scorecards. */
.arena-shell .arena-office-tabs{padding-right:155px;flex-wrap:wrap}
.arena-shell .arena-office-tabs #arena-add-persona{margin-left:auto;border:1px solid #245e51;background:#093029;color:#67ffc0}
.arena-shell #arena-edit-persona{align-self:flex-start;min-height:34px;margin:-3px 0 14px;padding:6px 10px;border:1px solid #315569;border-radius:3px;background:#102536;color:#91d1e9;font:11px var(--font-sans)}
.arena-shell #simulation-team.arena-expanded-team{max-height:110px;overflow-y:auto;overscroll-behavior:contain}
#arena-persona-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #35606c;border-radius:8px;background:#091626;color:#d9edf2;box-shadow:0 28px 110px #000a;overflow:auto;overscroll-behavior:contain;font:14px/1.5 var(--font-sans,'Outfit',sans-serif);color-scheme:dark}
#arena-persona-dialog::backdrop{background:#020812c9;backdrop-filter:blur(5px)}
#arena-persona-form{padding:20px}
#arena-persona-dialog button,#arena-persona-dialog input,#arena-persona-dialog textarea,#arena-persona-dialog select{font:inherit;box-sizing:border-box}
#arena-persona-dialog button{cursor:pointer;touch-action:manipulation}
#arena-persona-dialog button:disabled{cursor:default;opacity:.5}
#arena-persona-dialog :focus-visible{outline:2px solid #00f0ff;outline-offset:3px}
.ap-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0;padding:0;border:0}
.ap-kicker{color:#00ff41;font:9px var(--font-mono,'Space Mono',monospace);letter-spacing:1.6px}
.ap-header h2{font-size:28px;line-height:1.2;margin:7px 0 0;padding:0;border:0;letter-spacing:-.7px}
#arena-cancel-persona{min-width:40px;min-height:40px;background:#10273a;color:#a9c5d7;border:1px solid #315267;border-radius:4px}
#arena-persona-note{color:#92aebe;font-size:13px;margin:15px 0 17px}
.ap-templates{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:17px}
.ap-templates>span{font-size:11px;color:#7f9fb5;margin-right:2px}
.ap-templates button{border:1px solid #2b485a;background:#102337;color:#a6c9df;border-radius:3px;padding:8px 10px;min-height:35px;font-size:11px!important}
.ap-characters{border:0;padding:0;margin:0 0 17px;min-width:0}
.ap-characters legend{font-weight:600;font-size:12px;color:#bcd6e3;margin-bottom:8px}
#arena-persona-characters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.ap-character{position:relative;display:flex;justify-content:center;align-items:center;height:70px;border:1px solid #254458;border-radius:4px;background:#0c2132;cursor:pointer;overflow:hidden}
.ap-character:has(input:checked){border-color:var(--staff-color);background:#12313d}
.ap-character:has(input:focus-visible){outline:2px solid #fff;outline-offset:2px}
.ap-character input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.ap-character-sprite{display:block;width:38px;height:58px;background-size:266px 174px;image-rendering:pixelated;pointer-events:none}
.ap-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.ap-fields>label,.ap-field{display:flex;flex-direction:column;gap:7px;font-weight:600;color:#bcd6e3;font-size:12px;min-width:0}
.ap-field{margin-bottom:14px}
.ap-mission-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#arena-persona-dialog input:not([type=radio]),#arena-persona-dialog select,#arena-persona-dialog textarea{width:100%;border:1px solid #2e4b60;border-radius:4px;background:#061321;color:#e0f4ff;min-height:42px;padding:10px 11px;font-size:14px;font-weight:400;resize:vertical;line-height:1.45}
#arena-persona-dialog textarea{min-height:74px}
#arena-persona-dialog input::placeholder,#arena-persona-dialog textarea::placeholder{color:#608296}
.ap-field small{color:#718fa3;font-weight:400;font-size:11px}
#arena-persona-error{color:#ffc4ae;margin:0;font-size:13px;overflow-wrap:anywhere}
#arena-persona-error:empty{display:none}
.ap-save-note{color:#7898ad;font-size:11px;margin:12px 0 17px}
.ap-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center;padding-top:15px;border-top:1px solid #254356}
#arena-save-persona{background:#00ff41;color:#062414;border:1px solid #00ff41;font-weight:700!important;border-radius:4px;padding:12px 18px;min-height:44px}
#arena-remove-persona{margin-right:auto;background:transparent;color:#e9a58f;border:1px solid #664839;border-radius:4px;padding:10px 12px;min-height:44px;font-size:12px!important}
#arena-persona-dialog [hidden],.arena-shell #arena-edit-persona[hidden]{display:none!important}
@media(min-width:561px){#arena-persona-note{margin:10px 0 12px}.ap-templates,.ap-characters{margin-bottom:12px}.ap-fields,.ap-field{margin-bottom:10px}.ap-actions{padding-top:12px}.ap-save-note{margin:8px 0 12px}}
@media(max-width:820px){.arena-shell .arena-office-tabs{padding-right:0}.arena-shell .arena-office-tabs #arena-add-persona{margin-left:0;min-height:34px}.arena-shell #simulation-team.arena-expanded-team{max-height:100px}}
@media(max-width:560px){.ap-mission-fields{grid-template-columns:1fr;gap:0}}
@media(max-width:560px){.arena-shell .arena-office-tabs #arena-add-persona{position:absolute;bottom:0;right:0;padding:6px 8px;font-size:9px!important}.arena-shell .arena-office-tabs #arena-open-staff{max-width:calc(100% - 115px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#arena-persona-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}#arena-persona-form{padding:18px}.ap-header h2{font-size:25px}.ap-fields{grid-template-columns:1fr;gap:14px}.ap-character{height:62px}#arena-persona-characters{gap:5px}.ap-character-sprite{width:32px;height:50px;background-size:224px 150px}#arena-persona-dialog input:not([type=radio]),#arena-persona-dialog textarea,#arena-persona-dialog select{font-size:16px}.ap-actions{flex-wrap:wrap}.ap-actions button{flex:1}.ap-templates button{padding:7px;font-size:10px!important}}