@font-face{font-family:DDC Hardware;src:url(/tv/fonts/ddchardware-regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geomanist;src:url(/tv/fonts/geomanist-regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geomanist;src:url(/tv/fonts/geomanist-medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Geomanist;src:url(/tv/fonts/geomanist-bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--bg: #2c2c2c;--card: #363636;--border: #444444;--text: #f5f0e6;--text-mid: #b4b4b4;--yellow: #f4c820;--yellow-bg: #3a2e04;--cyan: #74d3e7;--green: #66d166;--red: #e65959;--dimmed-bg: #252525;--dimmed-text: #4d4d4d;--ddc: "DDC Hardware", "Geomanist", ui-monospace, monospace;--body: "Geomanist", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}#root{height:100%}.stage{min-height:100vh;display:grid;grid-template-rows:auto 1fr;padding:3.5vh 4vw}.stage-center{grid-template-rows:1fr;align-items:center;justify-items:center;text-align:center}.stage-loading{font-family:var(--ddc);font-size:3vh;letter-spacing:.14em;color:var(--text-mid)}.stage-error-title{font-size:4.5vh;font-weight:700;margin:0}.stage-error-detail{font-size:2.4vh;color:var(--text-mid);margin:1.5vh 0 0}.stage-error-hint{font-size:2.2vh;color:var(--dimmed-text);margin:3vh 0 0}.stage-header{display:grid;grid-auto-flow:column;justify-content:space-between;align-items:baseline}.brand-lockup{display:grid;grid-auto-flow:column;grid-column-gap:1vw;align-items:baseline}.brand{font-family:var(--ddc);font-size:2.4vh;letter-spacing:.18em;color:var(--yellow)}.brand-party{font-family:var(--ddc);font-size:2.4vh;letter-spacing:.18em;color:var(--text-mid)}.q-counter{font-family:var(--ddc);font-size:2.2vh;letter-spacing:.14em;color:var(--text-mid)}.q-counter-topic{color:var(--text)}.lobby{display:grid;grid-template-columns:5fr 7fr;grid-column-gap:4vw;align-items:center}.lobby-join{text-align:center}.join-label{font-family:var(--ddc);font-size:2.2vh;letter-spacing:.14em;color:var(--text-mid);margin:0}.join-url{font-size:3vh;font-weight:500;margin:.8vh 0 2.5vh;word-break:break-all}.join-qr{width:30vh;height:30vh;border-radius:12px;background:#fff;padding:1.2vh}.join-code{font-family:var(--ddc);font-size:12vh;letter-spacing:.22em;margin:2.5vh -.22em 0 0;color:var(--yellow);line-height:1}.roster-label{font-family:var(--ddc);font-size:2.2vh;letter-spacing:.14em;color:var(--text-mid);margin:0 0 2vh}.roster-empty{font-size:2.8vh;color:var(--text-mid)}.roster-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.6vh}.roster-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2.2vh 1.5vh;text-align:center}.roster-emoji{display:block;font-size:6vh;line-height:1.1}.roster-name{display:block;margin-top:1vh;font-size:2.4vh;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-dot{position:absolute;top:1.4vh;right:1.4vh;width:1.2vh;height:1.2vh;border-radius:50%;background:var(--border)}.roster-dot-on{background:var(--green)}.roster-hint{margin-top:2.5vh;font-family:var(--ddc);font-size:2vh;letter-spacing:.1em;color:var(--text-mid)}.roster-hint em{font-style:normal;color:var(--yellow)}.countdown-label{font-family:var(--ddc);font-size:3vh;letter-spacing:.16em;color:var(--text-mid);margin:0}.countdown-number{font-family:var(--ddc);font-size:30vh;line-height:1;margin:2vh 0 0;color:var(--yellow)}.question-screen{display:grid;grid-template-rows:auto auto auto 1fr;align-content:start;grid-row-gap:3vh;padding-top:2.5vh}.timer-track{height:1.2vh;border-radius:.6vh;background:var(--border);overflow:hidden}.timer-fill{height:100%;border-radius:.6vh;background:var(--yellow)}.timer-fill-urgent{background:var(--red)}.question-text{font-size:5.4vh;font-weight:500;line-height:1.25;margin:0;max-width:92vw}.option-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.6vh;align-self:start}.option{display:grid;grid-template-columns:7vh 1fr;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;font-size:3.2vh;font-weight:500}.option-letter{align-self:stretch;display:grid;align-items:center;justify-items:center;background:var(--border);font-family:var(--ddc);font-size:2.8vh;color:var(--text-mid);padding:2.2vh 0}.option-text{padding:2.2vh 2vh}.option-correct{background:#66d16624;border-color:var(--green);color:var(--green)}.option-correct .option-letter{background:#66d1663d;color:var(--green)}.option-dim{background:var(--dimmed-bg);border-color:var(--dimmed-bg);color:var(--dimmed-text)}.option-dim .option-letter{background:#1e1e1e;color:var(--dimmed-text)}.option-tally{float:right;font-family:var(--ddc);font-size:2.4vh;color:var(--text-mid)}.lockin-strip{display:grid;grid-auto-flow:column;justify-content:start;align-self:end;grid-column-gap:1.2vw}.lockin{position:relative;font-size:4.2vh;opacity:.22}.lockin-on{opacity:1}.lockin-check{position:absolute;right:-.4vh;bottom:-.2vh;font-size:1.8vh;color:var(--green)}.reveal-strip{display:grid;grid-auto-flow:column;justify-content:start;align-self:start;align-items:start;grid-column-gap:1vw}.reveal-chip{display:grid;grid-auto-flow:column;grid-column-gap:.6vw;align-items:center;background:var(--yellow-bg);border:1px solid var(--yellow);border-radius:999px;padding:1.2vh 2vh;font-size:2.6vh;font-weight:500}.reveal-chip-delta{font-family:var(--ddc);color:var(--yellow)}.reveal-chip-none{background:transparent;border-color:var(--border);color:var(--text-mid)}.standings-screen{display:grid;align-content:start;grid-row-gap:2.5vh;padding-top:2.5vh;justify-items:center}.standings-list{list-style:none;margin:0;padding:0;display:grid;grid-row-gap:1.2vh;width:62vw}.standing{display:grid;grid-template-columns:7vw 6vw 1fr auto;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.6vh 2.4vh;font-size:3vh;font-weight:500}.standing-first{background:var(--yellow-bg);border-color:var(--yellow)}.standing-rank{font-family:var(--ddc);font-size:2.6vh;color:var(--text-mid)}.standing-first .standing-rank{color:var(--yellow)}.standing-emoji{font-size:3.6vh}.standing-score{font-family:var(--ddc);font-size:3.2vh;color:var(--yellow)}.standing-delta{font-family:var(--ddc);font-size:2.2vh;color:var(--green);padding-left:1vw}.podium-screen{display:grid;grid-template-rows:auto 1fr auto;grid-row-gap:2vh;padding-top:2vh;justify-items:center}.podium-title{font-family:var(--ddc);font-size:3vh;letter-spacing:.18em;color:var(--text-mid);margin:0}.podium-blocks{display:grid;grid-template-columns:repeat(3,22vw);grid-column-gap:2vw;align-items:end}.podium-slot{display:grid;justify-items:center;grid-row-gap:1vh}.podium-face{font-size:7vh;line-height:1}.podium-name{font-size:2.8vh;font-weight:500;max-width:20vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-block{width:100%;display:grid;justify-items:center;align-content:start;background:var(--card);border:1px solid var(--border);border-radius:12px 12px 0 0;padding-top:1.6vh}.podium-block-1{height:22vh;background:var(--yellow-bg);border-color:var(--yellow)}.podium-block-2{height:15vh}.podium-block-3{height:11vh}.podium-place{font-family:var(--ddc);font-size:4vh;color:var(--text-mid)}.podium-block-1 .podium-place{color:var(--yellow)}.podium-score{font-family:var(--ddc);font-size:2.6vh;color:var(--text-mid)}.snack-rain{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:5}.snack-rain-drop{position:absolute;top:0;animation-name:snack-fall;animation-timing-function:cubic-bezier(.3,.1,.7,1);animation-iteration-count:1;animation-fill-mode:forwards}.snack-rain-spin{display:block;line-height:1;animation-timing-function:linear;animation-iteration-count:infinite}.snack-rain-spin-cw{animation-name:snack-spin-cw}.snack-rain-spin-ccw{animation-name:snack-spin-ccw}@keyframes snack-fall{0%{transform:translateY(-15vh)}to{transform:translateY(115vh)}}@keyframes snack-spin-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes snack-spin-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.snack-rain{display:none}}.podium-again{font-family:var(--ddc);font-size:2.8vh;letter-spacing:.12em;color:var(--text);text-align:center;margin-bottom:1.6vh}.podium-again em{font-style:normal;color:var(--yellow)}.podium-outro{font-family:var(--ddc);font-size:2.2vh;letter-spacing:.12em;color:var(--text-mid);text-align:center}.podium-outro em{font-style:normal;color:var(--yellow)}.topic-glyph{vertical-align:-.3vh;margin-right:.6vw}.sound-hint{margin-top:1vh;font-family:var(--ddc);font-size:1.8vh;letter-spacing:.1em;color:var(--dimmed-text)}