:root{--glass-surface: rgba(10, 22, 30, .5);--glass-surface-strong: rgba(11, 24, 32, .68);--glass-border: rgba(206, 240, 255, .2);--glass-border-bright: rgba(143, 232, 255, .46);--cyan: #7be2ff;--ice: #eaf9ff;--mint: #8dffc0;--violet: #9d8cff;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#05070a;color:#f7fbff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;min-height:100dvh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 12% 100%,rgba(123,226,255,.22),transparent 34%),radial-gradient(circle at 88% 100%,rgba(157,140,255,.18),transparent 36%),linear-gradient(180deg,#0d212b00,#13364057 72%,#163e4875),linear-gradient(90deg,#05070ae6,#071920ad),linear-gradient(180deg,#05070a1a,#05070ab8),url(/stadium-hero.png) center / cover no-repeat}button,input{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.72}.app-shell{display:flex;flex-direction:column;gap:clamp(18px,4vh,34px);width:min(1180px,calc(100% - clamp(20px,5vw,56px)));min-height:100vh;min-height:100dvh;margin:0 auto;padding:clamp(18px,5vh,48px) 0}.topbar{display:flex;align-items:center;justify-content:center;gap:20px}.brand{display:flex;align-items:center;justify-content:center;gap:14px}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--glass-border);border-radius:8px;background:linear-gradient(145deg,#ffffff29,#7be2ff14),#0812197a;color:var(--cyan);box-shadow:inset 0 1px #ffffff3d,0 14px 36px #00000040;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}.brand h1,.brand p{margin:0}.brand h1{font-size:clamp(2.8rem,9vw,6.4rem);line-height:.88;text-align:center}.eyebrow{color:#7be2ff;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.status-strip{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.status-pill{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid var(--glass-border);border-radius:8px;background:linear-gradient(145deg,#ffffff24,#ffffff0a),#0b1a228a;color:#dbe7ef;font-size:.9rem;font-weight:800}.status-pill.ready{border-color:#64e28e6b;color:var(--mint)}.status-pill.waiting{border-color:#9d8cff6b;color:#d7d1ff}.workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:clamp(16px,3vw,28px);align-items:start}.workspace.setup-mode{grid-template-columns:minmax(280px,540px);justify-content:center}.control-panel,.leaderboard{border:1px solid var(--glass-border);border-radius:8px;background:linear-gradient(145deg,#ffffff1f,#ffffff09 45%),var(--glass-surface);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #ffffff0d,0 28px 80px #0000005c;-webkit-backdrop-filter:blur(26px) saturate(145%);backdrop-filter:blur(26px) saturate(145%)}.control-panel{display:flex;flex-direction:column;gap:16px;padding:22px}.setup-mode .control-panel{width:100%}.mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-tabs button,.secondary-action,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border:1px solid var(--glass-border);border-radius:8px;background:linear-gradient(145deg,#ffffff21,#ffffff0a),#09161d85;color:#eef7fb;cursor:pointer;font-weight:800}.mode-tabs button.active{border-color:var(--glass-border-bright);background:linear-gradient(145deg,#7be2ff47,#9d8cff1a),#091c2494;color:#fff;box-shadow:inset 0 1px #ffffff2e,0 0 24px #7be2ff1f}.field-label{color:#9fb4be;font-size:.86rem;font-weight:800}.text-input{width:100%;min-height:52px;border:1px solid var(--glass-border);border-radius:8px;background:linear-gradient(145deg,#ffffff26,#ffffff0b),#08141b94;color:#fff;padding:0 12px;outline:none;box-shadow:inset 0 1px #ffffff1f}.text-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #7be2ff2e}.code-input{font-weight:900;text-transform:uppercase}.join-row{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px}.icon-button{width:46px;padding:0}.action-stack,.room-actions{display:grid;gap:8px}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:1px solid var(--glass-border-bright);border-radius:8px;background:linear-gradient(145deg,#7be2ff59,#9d8cff29),#0818209e;color:var(--ice);cursor:pointer;font-weight:900;box-shadow:inset 0 1px #ffffff3b,0 12px 30px #00000038,0 0 22px #7be2ff1a}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.mode-tabs button:hover:not(:disabled),.icon-button:hover:not(:disabled),.choice-button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--glass-border-bright)}.score-summary{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 14px;border:1px solid var(--glass-border);border-radius:8px;background:linear-gradient(145deg,#ffffff21,#ffffff0a),#08141b8a}.score-summary span{color:#9fb4be;font-weight:800}.score-summary strong{color:var(--cyan);font-size:1.9rem}.notice{margin:0;border-left:3px solid #7be2ff;color:#dbe7ef;padding:4px 0 4px 10px;font-weight:700}.arena-panel{min-width:0}.multiplayer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:clamp(14px,2.2vw,22px);align-items:start}.quiz-board{display:flex;flex-direction:column;min-height:clamp(320px,calc(100dvh - 220px),520px);padding:clamp(4px,1.4vw,16px) 0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.question-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100%,850px);margin-bottom:clamp(12px,2vh,22px)}.question-meta{display:flex;flex:1;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;color:#9fb4be;font-size:.88rem;font-weight:900;text-transform:uppercase}.round-timer{--progress: 360deg;display:grid;flex:0 0 auto;width:clamp(62px,9vw,82px);aspect-ratio:1;place-items:center;border:1px solid rgba(143,232,255,.36);border-radius:50%;background:radial-gradient(circle at center,rgba(7,18,24,.86) 0 58%,transparent 59%),conic-gradient(var(--cyan) var(--progress),rgba(255,255,255,.14) 0deg);box-shadow:inset 0 1px #ffffff29,0 12px 28px #0000003d,0 0 24px #7be2ff1f}.round-timer span{color:#fff;font-size:clamp(1.35rem,3.8vw,1.75rem);font-weight:1000;line-height:1}.quiz-board h2{max-width:850px;min-height:clamp(78px,15vh,150px);margin:0 0 clamp(18px,3vh,34px);font-size:clamp(1.85rem,5.2vw,4.6rem);line-height:1;overflow-wrap:anywhere}.empty-state{max-width:680px;margin:0 0 22px;color:#b8c7cf;font-size:1rem;font-weight:700}.choice-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(10px,1.8vh,16px);width:min(100%,780px);margin-top:auto}.choice-button{display:grid;grid-template-columns:clamp(42px,7vw,52px) minmax(0,1fr);align-items:center;gap:clamp(10px,2.2vw,16px);min-height:clamp(68px,10vh,88px);padding:clamp(12px,2.1vw,18px);border:1px solid var(--glass-border);border-radius:8px;background:linear-gradient(145deg,#ffffff24,#ffffff0b),#08131a94;color:#fff;cursor:pointer;text-align:left;font-size:clamp(1rem,2.4vw,1.2rem);font-weight:900;overflow-wrap:anywhere;box-shadow:inset 0 1px #ffffff1f,0 12px 30px #0000002e}.choice-button.selected{border-color:var(--cyan);background:linear-gradient(145deg,#7be2ff40,#9d8cff1a),#0818209e}.choice-button.correct{border-color:#64e28eb3;background:#64e28e2e}.choice-key{display:grid;width:clamp(42px,7vw,52px);aspect-ratio:1;place-items:center;border-radius:8px;background:linear-gradient(145deg,#f5655bd9,#9d8cff9e),#ffffff14;color:#fff;font-weight:1000;box-shadow:inset 0 1px #ffffff38,0 8px 18px #f5655b2e}.leaderboard{display:grid;gap:8px;padding:14px}.room-lobby{min-height:420px;padding:clamp(18px,3vw,34px);border:1px solid var(--glass-border);border-radius:8px;background:linear-gradient(145deg,#ffffff1f,#ffffff09 45%),var(--glass-surface);box-shadow:inset 0 1px #ffffff2e,0 28px 80px #0000005c;-webkit-backdrop-filter:blur(26px) saturate(145%);backdrop-filter:blur(26px) saturate(145%)}.room-lobby h2{margin:0 0 20px;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1}.lobby-list{max-width:560px}.leaderboard-head,.player-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.leaderboard-head{color:#9fb4be;font-weight:900;text-transform:uppercase}.leaderboard-head strong{color:var(--cyan)}.player-row{min-height:62px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:linear-gradient(145deg,#ffffff1f,#ffffff09),#08141b80}.player-row strong,.player-row span{display:block}.player-row span{margin-top:3px;color:#9fb4be;font-size:.82rem;font-weight:800}.player-row.muted{opacity:.6}.player-score{display:inline-flex;align-items:center;gap:6px;color:var(--mint)}.player-score strong{min-width:28px;color:#fff;font-size:1.4rem;text-align:right}.next-button{margin-top:18px}svg{width:18px;height:18px;stroke-width:2.4}@media(max-width:940px){.workspace,.multiplayer-layout{grid-template-columns:1fr}.workspace.play-mode .arena-panel{order:-1}.topbar{align-items:center;flex-direction:column}.status-strip{justify-content:flex-start}}@media(min-width:700px)and (max-width:1120px){.app-shell{width:min(100% - 48px,940px);gap:32px;padding:46px 0}.brand h1{font-size:clamp(4.4rem,10vw,6rem)}.workspace.setup-mode{grid-template-columns:minmax(430px,540px)}.control-panel{padding:24px}}@media(max-width:620px){.app-shell{width:min(100% - 18px,1180px);gap:16px;padding:16px 0}.brand h1{font-size:clamp(2.45rem,14vw,3.6rem)}.choice-grid{grid-template-columns:1fr}.quiz-board{min-height:auto}.quiz-board h2{min-height:74px}.question-topline{align-items:flex-start}.control-panel{padding:16px}}@media(max-height:680px)and (min-width:700px){.app-shell{gap:16px;padding:18px 0}.brand h1{font-size:clamp(2.6rem,7vw,4.4rem)}.quiz-board{min-height:360px}.quiz-board h2{min-height:70px;margin-bottom:16px}}