:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/1.45 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0f14;--fg:#f2f2f2;--muted:#9aa0ab;--accent:#4fb3ff;--good:#6fd38a;--bad:#ff6b6b;--panel:#191c24;--border:#2b2f3a}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}button{font:inherit}.screen{position:fixed;inset:0;overflow:hidden;container-type:size}.screen>.stage,.screen>.centered{height:100cqh}.stage{flex-direction:column;gap:2.5cqh;width:100%;height:100%;padding:5cqh 5cqw;font-size:3cqh;display:flex}.stage.centered{text-align:center;justify-content:center;align-items:center}.huge{margin:0;font-size:9cqh;line-height:1.1}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:3.5cqh}.stage-header{color:var(--muted);justify-content:space-between;align-items:center;font-size:3cqh;display:flex}.question-text{margin:0;font-size:6cqh;line-height:1.15}.question-text.small{color:var(--muted);font-size:4.5cqh}.media-area{flex:1;justify-content:center;align-items:center;gap:2cqw;min-height:0;display:flex}.media-image,.media-video{object-fit:contain;border-radius:1cqh;max-width:100%;max-height:100%}.media-video{flex:1}.audio-indicator{font-size:12cqh}.media-placeholder{color:var(--muted)}.options{grid-template-columns:1fr 1fr;gap:1.5cqh 2cqw;margin:0;padding:0;font-size:4.5cqh;list-style:none;display:grid}.options li{background:var(--panel);border:1px solid var(--border);border-radius:1cqh;padding:1.5cqh 2cqw}.options b{color:var(--accent);margin-right:1cqw}.hint{color:var(--muted);margin:0;font-size:3.5cqh}.answer{color:var(--good);margin:2cqh 0;font-size:10cqh;font-weight:700}.grading{margin:0;font-size:4cqh}.countdown{font-variant-numeric:tabular-nums;color:var(--fg);font-size:9cqh;font-weight:700}.countdown .unit{margin-left:.1em;font-size:.5em}.countdown.paused{color:var(--muted)}.countdown.urgent{color:var(--bad)}.countdown.done{color:var(--bad);font-size:6cqh}.leaderboard-title{margin:0;font-size:7cqh}.leaderboard{flex-direction:column;gap:1.2cqh;margin:0;padding:0;font-size:4.5cqh;list-style:none;display:flex;overflow:hidden}.leaderboard li{background:var(--panel);border-radius:1cqh;grid-template-columns:8cqw 1fr auto;padding:1cqh 2cqw;display:grid}.leaderboard .rank{color:var(--muted)}.leaderboard .total{font-variant-numeric:tabular-nums;font-weight:700}.team-chips{flex-wrap:wrap;justify-content:center;gap:1.5cqh;margin-top:4cqh;display:flex}.chip{background:var(--panel);border:1px solid var(--border);border-radius:99px;padding:1cqh 2.5cqw;font-size:3.5cqh}.start-gate{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.start-gate button{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:12px;padding:16px 48px;font-size:32px}.reconnecting{background:var(--bad);color:#000;z-index:10;border-radius:6px;padding:4px 12px;font-size:14px;position:fixed;top:12px;right:12px}.host{min-height:100vh;font-size:16px}.host button,.host input,.host select,.login input,.login button{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:8px;min-height:44px;padding:10px 14px}.host button{cursor:pointer}.host button:disabled{opacity:.4;cursor:default}.host button.primary,.login button{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.host button.danger{background:var(--bad);color:#000;border-color:var(--bad)}.tabs{z-index:5;background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 12px;display:flex;position:sticky;top:0}.tabs button.active{border-color:var(--accent);color:var(--accent)}.conn{border-radius:99px;margin-left:auto;padding:2px 10px;font-size:13px}.conn.ok{color:var(--good);background:#1d3a26}.conn.down{background:var(--bad);color:#000}.panels{border:none;min-width:0;margin:0;padding:12px}.offline-banner{z-index:5;background:var(--bad);color:#000;text-align:center;padding:10px 12px;font-weight:600;position:sticky;top:61px}.reset-zone{margin-top:24px}.panel:not(.active){display:none}.panel-title{margin:0 0 12px;font-size:18px;display:none}@media (width>=1024px){.tabs button{display:none}.panels{grid-template-columns:minmax(360px,1.2fr) minmax(260px,.8fr) minmax(320px,1fr);align-items:start;gap:16px;display:grid}.panel:not(.active),.panel-title{display:block}}.remote,.teams,.scores{flex-direction:column;gap:10px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card.row{flex-direction:row}.card .countdown{min-width:70px;font-size:28px}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.muted{color:var(--muted)}.now{flex-direction:column;display:flex}.preview{aspect-ratio:16/9;border:1px solid var(--border);background:var(--bg);border-radius:8px;overflow:hidden;container-type:size}.preview>.stage{height:100cqh}.answer-card strong{color:var(--good);font-size:20px}.nav-buttons{grid-template-columns:1fr 2fr;gap:8px;display:grid}.nav-buttons button{min-height:64px;font-size:20px}.media-status{font-size:14px}.media-status.ready{color:var(--good)}.media-status.failed,.media-status.stalled{color:var(--bad)}.team-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.team-list input,.teams form input{flex:1;min-width:0}.scores table{border-collapse:collapse;width:100%}.scores th,.scores td{text-align:left;border-bottom:1px solid var(--border);padding:4px}.scores th{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;font-weight:400;overflow:hidden}.scores td input{text-align:right;width:64px}.scores .total{text-align:right;font-weight:700}.login{flex-direction:column;gap:12px;max-width:320px;margin:15vh auto 0;padding:0 16px;display:flex}.login .error{color:var(--bad)}.host-loading{color:var(--muted);padding:24px}