:root{color:#f4f7f2;font-synthesis:none;text-rendering:optimizelegibility;background:#0d0f10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,select{max-width:100%;font:inherit}.game-shell{background:linear-gradient(#0d0f10e0,#0d0f10f5),#0d0f10;width:100vw;min-width:320px;height:100vh;min-height:360px;position:relative;overflow:hidden}.canvas-stage{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.game-canvas{background:#172033;border:1px solid #587064;border-radius:6px;display:block;box-shadow:0 18px 60px #0000006b}.canvas-error{z-index:4;color:#ffd7d7;text-align:center;background:#1c1414eb;border:1px solid #9f3a3a;border-radius:6px;place-items:center;padding:16px;display:grid;position:absolute;inset:12px}.hud-overlay{z-index:3;pointer-events:none;grid-template-columns:repeat(3,minmax(72px,auto)) minmax(190px,auto) repeat(3,minmax(72px,auto)) minmax(150px,auto) auto auto;align-items:start;gap:8px;display:grid;position:absolute;top:12px;left:12px;right:12px}.score-pill,.round-pill,.map-pill,.room-roster-panel,.realtime-overlay,.lobby-panel,.staging-screen,.staging-slot,.overlay-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111312c2;border:1px solid #7894849e;border-radius:6px;box-shadow:0 10px 28px #00000057}.score-pill,.round-pill,.map-pill{gap:2px;min-height:58px;padding:10px 12px;display:grid}.score-pill strong{font-size:26px;line-height:1}.p2-score{text-align:right}.round-pill{text-align:center;justify-items:center}.round-pill strong,.map-pill strong{font-size:16px;line-height:1.2}.map-pill{justify-self:end;min-width:150px}.room-roster-panel{z-index:4;gap:10px;width:min(340px,100vw - 24px);max-height:min(46vh,420px);padding:12px;display:grid;position:absolute;bottom:12px;right:12px;overflow:auto}.room-roster-panel>div:first-child{gap:2px;display:grid}.room-roster-list,.room-pending-list,.room-spectator-list,.room-new-session-panel{gap:6px;display:grid}.room-roster-list span,.room-pending-list span,.room-spectator-list span,.room-new-session-panel span{color:#d7ded3;overflow-wrap:anywhere;background:#101715b8;border:1px solid #596b6294;border-radius:6px;min-height:28px;padding:6px 8px;font-size:12px;font-weight:700;line-height:1.25}.noninteractive-room-status{color:#d7ded3;font-size:13px;font-weight:700}.label{color:#91d6b8;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:750}.status-text,.map-pill span:last-child{color:#d7ded3;font-size:13px;font-weight:650}.overlay-panel{z-index:5;color:#f4f7f2;gap:12px;width:min(560px,100vw - 24px);padding:16px;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.realtime-overlay{z-index:4;color:#f4f7f2;gap:8px;width:min(340px,100vw - 24px);padding:12px;display:grid;position:absolute;bottom:12px;left:12px}.lobby-screen,.staging-screen{z-index:6;color:#f4f7f2;display:grid;position:absolute;inset:0}.lobby-screen{grid-template-rows:auto minmax(0,1fr);gap:18px;padding:24px;overflow:hidden}.staging-screen{color:#f4f7f2;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:24px;overflow:auto}.lobby-screen-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.lobby-screen-header h1{margin:0;font-size:34px;line-height:1}.lobby-header-actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.lobby-screen-grid{grid-template-columns:minmax(360px,.92fr) minmax(220px,300px) minmax(360px,480px);gap:18px;min-height:0;display:grid}.lobby-panel{gap:12px;min-width:0;min-height:0;padding:16px;display:grid}.lobby-main-panel{grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto}.lobby-chat-panel{grid-template-rows:auto minmax(0,1fr) auto}.lobby-players-panel{grid-template-rows:auto auto minmax(0,1fr)}.realtime-overlay>div:first-child{gap:2px;display:grid}.realtime-overlay strong{font-size:16px;line-height:1.1}.realtime-overlay span:not(.label){color:#d7ded3;font-size:12px;font-weight:650}.lobby-titlebar,.lobby-header,.room-list-row,.participant-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.lobby-titlebar{border-bottom:1px solid #7894846b;padding-bottom:8px}.lobby-header>div,.lobby-titlebar>div,.room-list-row>div{gap:2px;min-width:0;display:grid}.lobby-header strong,.lobby-titlebar strong,.room-list-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby-header span,.lobby-titlebar span,.room-list-row span,.participant-row span,.lobby-chat-list span,.lobby-muted,.lobby-counts span,.lobby-notification{color:#d7ded3;font-size:12px;font-weight:650;line-height:1.25}.lobby-titlebar strong{font-size:18px;line-height:1.1}.lobby-status{text-align:center;color:#f4f7f2;background:#13231fe6;border:1px solid #43c0a0b3;border-radius:6px;min-width:96px;padding:5px 8px}.lobby-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.server-player-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.lobby-counts span,.server-player-counts span,.lobby-section-heading{background:#101715a6;border:1px solid #596b6299;border-radius:6px;align-items:center;min-height:28px;padding:4px 8px;display:grid}.lobby-section-heading{margin-top:2px}.realtime-message-row,.room-join-row,.lobby-row,.lobby-actions{grid-template-columns:1fr auto;gap:8px;display:grid}.realtime-message-row input,.room-join-row input,.lobby-row input,.lobby-create-grid input,.lobby-create-grid select{color:#f4f7f2;background:#101715;border:1px solid #596b62;border-radius:6px;min-width:0;min-height:40px;padding:0 10px}.lobby-create-grid{grid-template-columns:minmax(0,1fr) 72px minmax(150px,180px) auto;gap:8px;display:grid}.room-list,.participant-list,.server-player-list,.lobby-chat-list{gap:6px;display:grid}.room-list,.participant-list,.server-player-list{align-content:start;min-height:0;overflow:auto}.lobby-chat-list{background:#10171585;border:1px solid #596b6299;border-radius:6px;align-content:start;min-height:0;padding:8px;overflow:auto}.room-list-row,.server-player-row,.participant-row{background:#101715d1;border:1px solid #596b62c7;border-radius:6px;min-height:34px;padding:6px 8px}.server-player-row{align-content:center;gap:4px;min-height:52px;padding:8px;display:grid}.server-player-row strong{overflow-wrap:anywhere;text-overflow:ellipsis;white-space:normal;color:#f4f7f2;min-width:0;font-size:14px;line-height:1.3}.server-player-row span,.server-player-counts span{color:#d7ded3;font-size:12px;font-weight:650;line-height:1.25}.server-player-row.in-room strong{color:#43c0a0}.server-player-row.in-room[data-accent="1"] strong{color:#7db6ff}.server-player-row.in-room[data-accent="2"] strong{color:#f1c15b}.server-player-row.in-room[data-accent="3"] strong{color:#ef8f74}.recent-records-panel{gap:8px;min-width:0;display:grid}.recent-record-list{align-content:start;gap:6px;min-height:40px;max-height:220px;display:grid;overflow:auto}.recent-record-row{background:#101715d1;border:1px solid #596b62c7;border-radius:6px;gap:5px;min-width:0;padding:8px;display:grid}.recent-record-primary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.recent-record-primary strong{overflow-wrap:anywhere;color:#f4f7f2;min-width:0;font-size:14px;line-height:1.2}.recent-record-primary span,.recent-record-meta span,.recent-record-ranking{color:#d7ded3;font-size:12px;font-weight:650;line-height:1.25}.recent-record-meta{flex-wrap:wrap;gap:6px 10px;display:flex}.recent-record-ranking{overflow-wrap:anywhere}.participant-row{grid-template-columns:minmax(0,1fr) auto auto}.staging-panel{gap:8px;display:grid}.staging-status{text-align:right;color:#d7ded3;gap:4px;min-width:180px;font-weight:750;display:grid}.staging-status strong{color:#f4f7f2;font-size:18px}.room-map-line,.staging-map-summary{color:#43c0a0}.staging-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:12px;min-height:0;display:grid}.staging-slot{align-content:center;gap:8px;min-height:118px;padding:14px;display:grid}.staging-slot strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.staging-slot span{color:#d7ded3;font-size:13px;font-weight:700}.staging-actions{grid-template-columns:repeat(2,minmax(140px,220px));justify-content:end;gap:10px;display:grid}.realtime-last-message{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby-notification{overflow-wrap:anywhere;min-height:18px}.match-ended-grid{color:#d7ded3;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:13px;font-weight:700;display:grid}.setup-panel{top:50%;bottom:auto;transform:translate(-50%,-50%)}.setup-panel>div:first-child,.round-over-panel>div:first-child,.vote-panel>div:first-child{gap:4px;display:grid}.setup-panel strong,.round-over-panel strong,.vote-panel strong{font-size:18px}.round-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.map-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.round-options button,.map-option,.primary-button,.secondary-button,.new-match-button,.compact-button{color:#f4f7f2;cursor:pointer;background:#13231f;border:1px solid #43c0a0;border-radius:6px;min-height:40px;padding:0 14px;font-weight:750}.secondary-button{background:#101715;border-color:#596b62;min-height:40px}.compact-button{min-height:28px;padding:0 10px;font-size:12px}.map-option{text-align:left;align-content:center;gap:4px;min-height:58px;display:grid}.map-name{color:#f4f7f2;font-size:15px;font-weight:800;line-height:1.1}.map-meta{color:#d7ded3;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.1}.round-options button:hover,.round-options button:focus-visible,.round-options button.is-selected,.map-option:hover,.map-option:focus-visible,.map-option.is-selected,.primary-button:hover,.primary-button:focus-visible,.new-match-button:hover,.new-match-button:focus-visible{background:#16725f}.primary-button:disabled,.new-match-button:disabled,.compact-button:disabled{color:#aab3ad;cursor:default;background:#2b312e;border-color:#5f6963}.new-match-button{pointer-events:auto;min-height:58px}.controls-help{color:#d7ded3;gap:4px;font-size:13px;line-height:1.35;display:grid}.vote-panel{width:min(680px,100vw - 24px)}.vote-row{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.vote-row label{gap:4px;display:grid}.vote-row select{color:#f4f7f2;background:#101715;border:1px solid #596b62;border-radius:6px;width:100%;min-height:40px;padding:0 10px}@media (width<=700px){.hud-overlay{grid-template-columns:repeat(2,minmax(56px,1fr));gap:6px;top:8px;left:8px;right:8px}.round-pill{grid-column:1/-1}.p2-score{grid-column:auto}.map-pill{grid-column:1/-1}.new-match-button{grid-column:auto;min-width:0;font-size:13px}.score-pill,.round-pill,.map-pill,.new-match-button{min-height:44px;padding:7px 8px}.score-pill strong{font-size:22px}.round-pill{text-align:left;justify-items:start}.map-pill{justify-self:stretch}.overlay-panel{width:calc(100vw - 16px);padding:12px;bottom:12px}.realtime-overlay{width:auto;padding:10px;bottom:8px;left:8px;right:8px}.room-roster-panel{width:auto;max-height:34vh;padding:10px;bottom:8px;left:8px;right:8px}.lobby-screen,.staging-screen{gap:12px;padding:12px;overflow:hidden auto}.lobby-screen-header{grid-template-columns:1fr}.lobby-screen-header h1{font-size:28px}.lobby-header-actions{justify-content:start}.lobby-screen-grid{grid-template-columns:minmax(0,1fr);overflow:visible}.lobby-screen-grid>*,.lobby-screen-header>*,.lobby-row>*,.lobby-create-grid>*{min-width:0}.lobby-panel{padding:12px}.lobby-main-panel,.lobby-chat-panel,.lobby-players-panel{flex-direction:column;grid-template-rows:none;display:flex}.room-list,.server-player-list{flex:none;min-height:auto;overflow:visible}.lobby-chat-panel{min-height:320px}.staging-slot-grid,.staging-actions{grid-template-columns:1fr}.lobby-row,.lobby-create-grid,.lobby-counts,.server-player-counts{grid-template-columns:minmax(0,1fr)}.lobby-create-grid .primary-button{grid-column:auto}.map-options{grid-template-columns:1fr}.setup-panel{top:auto;bottom:128px;transform:translate(-50%)}.vote-row,.match-ended-grid{grid-template-columns:1fr}}