:root{color-scheme:light dark;font-family:system-ui,sans-serif;--option-0: #e21b3c;--option-1: #1368ce;--option-2: #d89e00;--option-3: #1f7a0a;--bg: #ffffff;--fg: #16181d;--muted: #5b6270;--surface: #f2f3f5;--surface-border: #d7dae0}@media(prefers-color-scheme:dark){:root{--bg: #121317;--fg: #f2f3f5;--muted: #a3a9b5;--surface: #1d1f26;--surface-border: #3a3d47}}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;padding:1.5rem;background:var(--bg);color:var(--fg)}h1{font-size:1.5rem}h2{font-size:1.15rem}p{line-height:1.4}button{padding:.5rem .9rem;min-height:44px;min-width:44px;cursor:pointer;font:inherit;color:inherit}button:disabled{cursor:default}.player-shell,.name-entry{display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;max-width:640px;margin-inline:auto;padding-bottom:env(safe-area-inset-bottom)}.player-shell--top{justify-content:flex-start}.name-entry input{display:block;width:100%;font-size:1.1rem;padding:.75rem;margin-block:.75rem;border:1px solid var(--surface-border);border-radius:.5rem;background:var(--surface);color:var(--fg)}.name-entry button{width:100%;min-height:56px;font-size:1.1rem;border:none;border-radius:.5rem;background:var(--option-1);color:#fff}.name-entry button:disabled{opacity:.6}.banner{position:sticky;top:0;z-index:1;background:var(--surface);border:1px solid var(--surface-border);border-radius:.5rem;padding:.5rem .75rem;margin-bottom:1rem;text-align:center;font-size:.9rem;color:var(--muted)}.toast{position:fixed;left:1rem;right:1rem;bottom:max(1rem,env(safe-area-inset-bottom));z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.75rem;max-width:640px;margin-inline:auto;background:var(--surface);border:1px solid var(--surface-border);border-radius:.75rem;padding:.6rem .6rem .6rem 1rem;box-shadow:0 4px 16px #00000040}.toast button{min-height:36px;min-width:36px;padding:0;border:none;background:transparent;font-size:1.3rem;line-height:1;color:var(--fg)}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-block:1rem}.answer-button{min-height:64px;display:flex;align-items:center;gap:.6rem;padding:.75rem;border:3px solid transparent;border-radius:.75rem;color:#fff;font-size:1rem;text-align:left;opacity:1}.answer-button--span{grid-column:1 / -1}.answer-button--0{background:var(--option-0)}.answer-button--1{background:var(--option-1)}.answer-button--2{background:var(--option-2);color:#16181d}.answer-button--3{background:var(--option-3)}.answer-button:disabled{opacity:.75}.answer-button:disabled[aria-pressed=true]{opacity:1}.answer-button[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 3px #0006}.answer-button__marker{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-width:1.75rem;min-height:1.75rem;border-radius:50%;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.5);font-weight:700}.answer-button__text{flex:1}.countdown{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums}.distribution{list-style:none;padding:0;margin:1rem 0}.distribution__row{display:grid;grid-template-columns:7rem 1fr 2rem;align-items:center;gap:.6rem;margin-block:.4rem}.distribution__label{overflow-wrap:anywhere}.distribution__row--correct .distribution__label{font-weight:700}.distribution__track{display:block;height:.85rem;background:var(--surface-border);border-radius:.5rem;overflow:hidden}.distribution__bar{display:block;height:100%;background:var(--muted);border-radius:.5rem}.distribution__row--correct .distribution__bar{background:var(--option-3)}.distribution__count{text-align:right}.result-heading{font-size:1.75rem;font-weight:700;margin-block:.75rem .25rem}.result-heading--correct{color:var(--option-3)}.result-heading--incorrect{color:var(--option-0)}.result-points{font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums;margin-block:0 .25rem}.result-subline{color:var(--muted);margin-block:0 1rem}.leaderboard{width:100%;border-collapse:collapse;margin-block:1rem}.leaderboard td{padding:.55rem .4rem;border-bottom:1px solid var(--surface-border)}.leaderboard__rank{color:var(--muted);width:2.5rem}.leaderboard__name{overflow-wrap:anywhere}.leaderboard__score{text-align:right;font-variant-numeric:tabular-nums}.leaderboard__change{width:1.5rem;text-align:center}.leaderboard__row--you{background:var(--surface);font-weight:700}.leaderboard--host{font-size:1.3rem}.podium{display:flex;align-items:flex-end;justify-content:center;gap:.6rem;margin-block:1.5rem}.podium__place{flex:1;max-width:8rem;text-align:center;border-radius:.75rem .75rem 0 0;padding:.75rem .4rem .5rem;color:#fff}.podium__name{overflow-wrap:anywhere}.podium__place--1{order:2;background:var(--option-2);color:#16181d;padding-block-start:2rem}.podium__place--2{order:1;background:var(--option-1);padding-block-start:1.15rem}.podium__place--3{order:3;background:var(--option-0);padding-block-start:.5rem}.podium__rest{padding-left:1.5rem}.podium__you{font-weight:700}.host-shell{--host-bg: #0a0c10;--host-fg: #f4f6fa;--host-muted: #9aa1b2;--host-surface: #171a22;--host-surface-border: #2c313f;color-scheme:dark;display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;margin:-1.5rem;padding:1.5rem;width:calc(100% + 3rem);background:var(--host-bg);color:var(--host-fg)}.host-shell h1,.host-shell h2{margin-block:0 .5rem}.host-shell h2{font-size:clamp(1.15rem,2.6vh,2rem)}.host-login{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.host-login form{display:flex;flex-direction:column;gap:.75rem;width:min(420px,90%)}.host-login input{font-size:1.2rem;padding:.75rem;border-radius:.5rem;border:1px solid var(--host-surface-border);background:var(--host-surface);color:var(--host-fg)}.host-login button{min-height:56px;font-size:1.2rem;padding:.85rem;border:none;border-radius:.5rem;background:var(--option-1);color:#fff}.host-login button:disabled{opacity:.6}.host-login [role=alert]{color:var(--option-0);font-weight:700}.host-shell-body{flex:1;display:flex;flex-direction:column;min-height:0}.host-shell .banner{background:var(--host-surface);border-color:var(--host-surface-border);color:var(--host-fg);font-size:1.1rem}.host-content{flex:1;display:flex;flex-direction:column;justify-content:safe center;overflow-y:auto;padding-bottom:7rem}.host-lobby{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(.4rem,1.4vh,1rem);padding-block:clamp(.5rem,2vh,2rem)}.host-lobby__url{font-size:clamp(1.75rem,5vh,3rem);font-weight:800;letter-spacing:.02em;margin:0}.host-lobby__qr{width:min(320px,34vh,60vw);height:min(320px,34vh,60vw);flex:none;background:#fff;padding:1rem;border-radius:1rem}.host-lobby__count{font-size:clamp(1.25rem,3vh,2rem);font-weight:700;margin:0}.host-lobby__chips{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:0;margin:.5rem 0;max-width:1200px;max-height:30vh;overflow-y:auto}.host-lobby__chip{background:var(--host-surface);border:1px solid var(--host-surface-border);border-radius:999px;padding:clamp(.25rem,.8vh,.5rem) clamp(.6rem,1.6vh,1.25rem);font-size:clamp(.9rem,1.9vh,1.25rem)}.host-lobby__qr-failed{font-size:1.5rem;font-weight:700;margin:0}.host-lobby__hint{color:var(--host-muted);font-size:clamp(.95rem,2vh,1.25rem);margin:0}.host-question__text,.host-results__text{font-size:clamp(1.6rem,3.6vh,3rem);font-weight:700;line-height:1.2;margin-block:.5rem 1rem}.host-question__countdown{font-size:clamp(3rem,9vh,6rem);font-weight:800;text-align:center;font-variant-numeric:tabular-nums;margin-block:.5rem 1.5rem}.host-question__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.6rem,1.6vh,1.5rem);margin-block:clamp(.6rem,1.6vh,1.5rem)}.host-option{display:flex;align-items:center;gap:1rem;padding:clamp(.6rem,1.8vh,1.5rem);border-radius:1rem;font-size:clamp(1.1rem,2.6vh,2rem);border:4px solid transparent}.host-option--span{grid-column:1 / -1}.host-option .answer-button__marker{min-width:clamp(2rem,4vh,3rem);min-height:clamp(2rem,4vh,3rem);font-size:clamp(1rem,2vh,1.5rem)}.host-option--dimmed{opacity:.4}.host-option--correct{border-color:#fff;box-shadow:0 0 0 4px #ffffff4d}.host-question__tally{text-align:center;font-size:clamp(1rem,2vh,1.5rem);color:var(--host-muted);margin-block:clamp(.4rem,1.2vh,1rem) 0}.host-results__count{text-align:center;font-size:clamp(1rem,2vh,1.5rem);color:var(--host-muted)}.host-shell .distribution__row{grid-template-columns:18rem 1fr 4rem;gap:1rem;margin-block:clamp(.25rem,.8vh,.6rem)}.host-shell .distribution__label,.host-shell .distribution__count{font-size:clamp(.95rem,1.9vh,1.4rem)}.host-shell .distribution__track{height:clamp(.6rem,1.6vh,1.25rem);background:var(--host-surface-border)}.leaderboard--host{font-size:clamp(1rem,2.1vh,1.6rem)}.host-shell .leaderboard td{border-bottom-color:var(--host-surface-border)}.host-shell .leaderboard__rank,.host-shell .leaderboard__change{color:var(--host-muted)}.host-shell .leaderboard__row--you{background:var(--host-surface)}.host-shell .podium{gap:clamp(.75rem,2.6vh,2rem);margin-block:clamp(.75rem,2.6vh,2rem)}.host-shell .podium__place{max-width:18rem;padding:clamp(1rem,3.2vh,2.5rem) 1.5rem clamp(.75rem,2vh,1.5rem)}.host-shell .podium__place--1{padding-block-start:clamp(1.75rem,5.4vh,4.25rem)}.host-shell .podium__place--2{padding-block-start:clamp(1.3rem,4vh,3.1rem)}.host-shell .podium__place--3{padding-block-start:clamp(1rem,3.2vh,2.5rem)}.host-shell .podium__rank{font-size:clamp(1.4rem,3.2vh,2.5rem);font-weight:800;margin:0 0 .5rem}.host-shell .podium__name{font-size:clamp(1.1rem,2.4vh,1.85rem);font-weight:700;margin:0 0 .5rem}.host-shell .podium__score{font-size:clamp(1.25rem,2.9vh,2.25rem);font-weight:800;margin:0}.host-finished .podium__rest,.host-finished p{font-size:clamp(.95rem,1.9vh,1.4rem)}.host-shell .podium__you{font-size:clamp(1.1rem,2.4vh,1.85rem);font-weight:700;margin-top:1rem}.host-controls{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 2rem;background:var(--host-bg);border-top:1px solid var(--host-surface-border)}.host-controls__primary{display:flex;flex-direction:column;gap:.25rem}.host-controls__hint{margin:0;font-size:1rem;color:var(--host-muted)}.host-button{min-height:56px;padding:1rem 2rem;border:none;border-radius:.75rem;font-size:1.4rem;font-weight:700;color:#fff;cursor:pointer}.host-button:disabled{opacity:.5;cursor:default}.host-button--primary{background:var(--option-1)}.host-button--secondary{background:var(--host-surface-border);color:var(--host-fg)}.host-button--danger{background:var(--option-0)}.host-controls__offline{flex-basis:100%;margin:0;padding:.5rem;text-align:center;font-weight:700;color:#fff;background:var(--option-0);border-radius:.5rem}.host-shell .toast{bottom:7.5rem;max-width:480px;background:var(--host-surface);border-color:var(--host-surface-border);color:var(--host-fg)}