#deployment-menu{--deployment-paper:#eee5cd;--deployment-ink:#171814;--deployment-muted:#615b4d;--deployment-line:#99917e;--deployment-accent:#b83d0c;position:fixed;inset:clamp(16px,4vw,64px);z-index:12;overflow:auto;background:var(--deployment-paper);color:var(--deployment-ink);color-scheme:light;font:13px/1.5 'Courier New',monospace;scrollbar-color:var(--deployment-muted) var(--deployment-paper)}
#deployment-menu[hidden]{display:none}
#deployment-menu *{box-sizing:border-box}
#deployment-menu button{border:1px solid var(--deployment-line);border-radius:0;background:transparent;color:inherit;font:inherit;letter-spacing:.06em;min-height:48px;padding:12px 18px;cursor:pointer;text-align:left;transition:background 140ms,color 140ms}
#deployment-menu button:hover:not(:disabled){background:#e1d5ba}
#deployment-menu button:focus-visible{outline:3px solid var(--deployment-accent);outline-offset:4px}
#deployment-menu button:disabled{opacity:.5;cursor:default}
#deployment-menu button[aria-pressed=true]{background:var(--deployment-ink);color:var(--deployment-paper)}
#deployment-menu button[aria-pressed=true]:hover{background:#2a2a23}
.deployment-header{position:static;inset:auto;height:auto;margin:0;background:none;z-index:auto;display:flex;align-items:center;gap:24px;min-height:85px;padding:18px 28px;border-bottom:1px solid var(--deployment-ink)}
.deployment-header>strong{font:32px/1 Anton,sans-serif;letter-spacing:.02em;margin-right:auto}
.deployment-header>[data-room-code]{font-variant-numeric:tabular-nums;letter-spacing:.1em}
.deployment-layout{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100% - 85px)}
.deployment-rail{background:var(--deployment-ink);color:var(--deployment-paper);padding:24px 18px;display:flex;flex-direction:column;gap:10px}
#deployment-menu .deployment-rail button{border:0;display:flex;gap:16px;padding:12px 2px;font-size:12px}
#deployment-menu .deployment-rail button:hover:not(:disabled){background:#2a2a23}
#deployment-menu .deployment-rail button[aria-current=step]{color:#f79c71;opacity:1}
.deployment-rail button span{font-variant-numeric:tabular-nums}
.deployment-selection{display:grid;gap:9px;margin-top:40px;font-size:12px;overflow-wrap:anywhere}
.deployment-selection>span{color:#c6bda6}.deployment-selection strong{font-weight:400}
.deployment-content{padding:clamp(24px,4vw,52px);min-width:0}
#deployment-menu h1{font:400 clamp(34px,4vw,56px)/1.1 Anton,sans-serif;letter-spacing:.01em;margin:0 0 30px;color:var(--deployment-ink)}
.deployment-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.deployment-heading>span{font-variant-numeric:tabular-nums}
.deployment-teams{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#deployment-menu .deployment-teams button{display:flex;justify-content:space-between;align-items:flex-end;min-height:220px;padding:26px}
.deployment-teams strong{font:400 clamp(30px,4vw,48px)/1 Anton,sans-serif}
.deployment-teams span{font-variant-numeric:tabular-nums}
.deployment-assignments{display:grid;gap:12px}
#deployment-menu .deployment-assignments button{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px}
.deployment-assignments strong{font:400 clamp(23px,2.7vw,32px)/1.15 Anton,sans-serif}
.deployment-assignments span{font-size:11px}
#deployment-menu footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-top:30px;padding-top:22px;border-top:1px solid var(--deployment-line)}
#deployment-menu .deployment-primary{background:var(--deployment-accent);color:#fff8eb;border-color:var(--deployment-accent)}
#deployment-menu .deployment-primary:hover:not(:disabled){background:#96320a}
.deployment-player{display:grid;grid-template-columns:1fr .85fr 1.4fr 1fr;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--deployment-line);font-size:12px;overflow-wrap:anywhere}
.deployment-player strong{font-weight:400}.deployment-player small{display:block;color:var(--deployment-muted);font-size:11px;margin-top:4px}
.deployment-column-head{color:var(--deployment-muted);font-size:11px}
.deployment-status{font-size:12px;margin:16px 0 0;min-height:18px;max-width:60ch}
.deployment-status:empty{display:none}
#deployment-menu ::selection{background:var(--deployment-ink);color:var(--deployment-paper)}
@media(min-width:761px) and (max-height:850px){.deployment-content{padding:28px 36px}#deployment-menu h1{font-size:42px;margin-bottom:24px}#deployment-menu .deployment-assignments button{min-height:64px;padding:14px 22px}.deployment-assignments strong{font-size:28px}#deployment-menu footer{margin-top:22px;padding-top:18px}}
body[data-mode=deployment]>.header-actions,body[data-mode=deployment]>header{display:none}
@media(max-width:760px){#deployment-menu{inset:12px}.deployment-header{padding:16px;gap:14px}.deployment-header>strong{font-size:25px}.deployment-layout{grid-template-columns:1fr}.deployment-rail{padding:10px 16px;flex-direction:row;flex-wrap:wrap;gap:4px 20px}.deployment-selection{display:none}#deployment-menu .deployment-rail button{gap:8px;font-size:11px}.deployment-content{padding:24px}.deployment-player{gap:10px;font-size:11px}.deployment-teams{gap:12px}#deployment-menu .deployment-teams button{min-height:170px;padding:18px}}
@media(max-width:460px){.deployment-header{flex-wrap:wrap}.deployment-header>strong{font-size:24px}.deployment-header>[data-room-code]{font-size:11px}.deployment-header button{padding:8px 12px!important}.deployment-content{padding:22px 16px}.deployment-teams{grid-template-columns:1fr}#deployment-menu .deployment-teams button{min-height:110px}.deployment-player{grid-template-columns:1fr 1fr}.deployment-column-head{display:none}.deployment-player>span:last-child{text-align:right}.deployment-assignments span{max-width:72px}#deployment-menu .deployment-assignments button{padding:18px 16px}}
@media(prefers-reduced-motion:reduce){#deployment-menu button{transition:none}}
