@layer reset{*,:before,:after{box-sizing:border-box}:where(body,h1,h2,h3,p,ol,ul,dl,dd,blockquote,figure){margin:0}:where(ol,ul){padding:0;list-style:none}:where(button,input,select,textarea){font:inherit;color:inherit}:where(img,svg){max-inline-size:100%;display:block}[hidden]{display:none!important}}@layer tokens{:root{color-scheme:light dark;--color-canvas:light-dark(oklch(97% .012 280),oklch(16% .03 275));--color-surface:light-dark(oklch(99.5% .004 280),oklch(21% .035 275));--color-surface-raised:light-dark(oklch(94% .014 280),oklch(27% .04 275));--color-text:light-dark(oklch(24% .035 275),oklch(95% .01 275));--color-text-muted:light-dark(oklch(47% .03 275),oklch(74% .03 275));--color-border:light-dark(oklch(86% .02 275),oklch(35% .04 275));--color-accent:light-dark(oklch(50% .15 250),oklch(80% .095 238));--color-accent-strong:light-dark(oklch(42% .15 252),oklch(88% .065 238));--color-accent-surface:color-mix(in oklch, var(--color-accent) 12%, var(--color-surface));--color-cue:light-dark(oklch(53% .17 357),oklch(82% .1 355));--color-cue-strong:light-dark(oklch(45% .16 358),oklch(89% .065 355));--color-cue-surface:color-mix(in oklch, var(--color-cue) 12%, var(--color-surface));--color-on-accent:light-dark(oklch(99% .005 262),oklch(20% .07 265));--color-success:light-dark(oklch(52% .14 150),oklch(76% .15 150));--color-error:light-dark(oklch(54% .2 27),oklch(70% .18 27));--color-error-strong:light-dark(oklch(44% .18 27),oklch(82% .11 27));--color-error-surface:color-mix(in oklch, var(--color-error) 12%, var(--color-surface));--show-pink:oklch(84% .085 355);--show-pink-pale:oklch(94% .035 355);--show-pink-deep:oklch(60% .14 358);--show-blue:oklch(82% .085 238);--show-blue-pale:oklch(93% .035 238);--show-blue-deep:oklch(55% .13 248);--set-night:oklch(17% .075 266);--set-deep:oklch(24% .11 265);--board-backing:oklch(11% .04 266);--board-panel:oklch(45% .2 263);--board-panel-edge:oklch(70% .13 250);--board-panel-deep:oklch(30% .15 265);--board-trim:var(--show-pink);--board-trim-line:var(--show-blue-deep);--board-trim-alt:var(--show-blue);--board-trim-alt-line:var(--show-pink-deep);--board-ink:oklch(99% .004 90);--board-ink-soft:oklch(80% .04 255);--board-strike:oklch(57% .23 28);--board-strike-dark:oklch(36% .15 28);--board-shadow:oklch(8% .03 266);--rattle-head:var(--board-ink);--rattle-dot:var(--show-pink-deep);--rattle-knob:var(--show-blue-deep);--rattle-edge:oklch(30% .15 265);--team-left:var(--show-pink);--team-left-edge:var(--show-pink-pale);--team-right:var(--show-blue);--team-right-edge:var(--show-blue-pale);--team-ink:var(--set-night);--boy:oklch(60% .16 245);--boy-light:oklch(88% .08 240);--boy-deep:oklch(36% .15 255);--girl:oklch(68% .17 355);--girl-light:oklch(90% .07 355);--girl-deep:oklch(42% .16 0);--board-frame-width:1.3cqi;--board-frame-line:.3cqi;--board-frame-radius:.8cqi;--board-trim-lit:oklch(from var(--board-trim) calc(l + .02) c h);--board-trim-shade:oklch(from var(--board-trim) calc(l - .17) calc(c + .06) h);--board-frame-border:var(--board-frame-width) solid var(--board-trim);--board-frame-bevel:var(--board-trim-lit) var(--board-trim-shade) var(--board-trim-shade) var(--board-trim-lit);--board-frame-lines:0 0 0 var(--board-frame-line) var(--board-trim-line), 0 .6cqi 0 var(--board-frame-line) var(--board-shadow), inset 0 0 0 var(--board-frame-line) var(--board-trim-alt);--board-panel-lines:inset 0 0 0 .25cqi var(--board-panel-edge);--font-show:"Archivo", ui-sans-serif, system-ui, sans-serif;--stretch-board:72%;--font-mono:ui-monospace, "SF Mono", monospace;--space-xs:.35rem;--space-sm:.6rem;--space-md:.9rem;--space-lg:1.4rem;--space-xl:2.2rem;--text-xs:.72rem;--text-sm:.85rem;--text-md:1rem;--text-lg:1.15rem;--text-xl:1.35rem;--text-2xl:clamp(1.6rem, 1.3rem + 1vw, 2.1rem);--text-3xl:clamp(2.2rem, 1.6rem + 2.5vw, 3.4rem);--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.85rem;--radius-lg:1.4rem;--control-size:2.3rem;--sidebar-width:clamp(18rem, 12rem + 12vw, 24rem);--motion-fast:.14s;--motion-flip:.65s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);@media (pointer:coarse){--control-size:2.75rem}@media (prefers-reduced-motion:reduce){--motion-fast:0s;--motion-flip:0s}}}@layer base{@font-face{font-family:Archivo;src:url(/assets/archivo-latin-DY7AcnAa.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:block}:where(body){min-block-size:100dvh;padding-block:env(safe-area-inset-top,0px) env(safe-area-inset-bottom,0px);padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);background:var(--color-canvas);color:var(--color-text);font-family:var(--font-show);line-height:1.4}:where(a,button,summary,label,input,select){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(button,summary){-webkit-user-select:none;user-select:none}:where(kbd){font-family:var(--font-mono)}:where(:focus-visible){outline:3px solid var(--color-accent);outline-offset:2px}}@layer components{.rattle{inline-size:var(--rattle-size,4rem);transform-origin:85% 85%;block-size:auto;margin-inline:auto;display:block;overflow:visible;@media (prefers-reduced-motion:no-preference){animation:2.4s ease-in-out infinite rattle-shake}}.rattle__head{fill:var(--rattle-head);stroke:var(--rattle-edge);stroke-width:3px}.rattle__dot{fill:var(--rattle-dot)}.rattle__handle{fill:none;stroke:var(--rattle-edge);stroke-width:9px;stroke-linecap:round}.rattle__knob{fill:var(--rattle-knob);stroke:var(--rattle-edge);stroke-width:3px}@keyframes rattle-shake{0%,70%,to{rotate:0deg}76%{rotate:-14deg}82%{rotate:12deg}88%{rotate:-8deg}94%{rotate:5deg}}}@layer app{.home{align-content:start;gap:var(--space-lg);min-block-size:100dvh;max-inline-size:52rem;padding:var(--space-xl) var(--space-lg);margin-inline:auto;display:grid}.home__title{font-size:var(--text-3xl);text-transform:uppercase;font-weight:900}.home__screens{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.home__screen{padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;gap:.3rem;text-decoration:none;display:grid;@media (hover:hover){&:hover{border-color:var(--color-accent)}}&:active{scale:.99}}.home__screen-title{font-size:var(--text-xl);font-weight:800}.home__screen-detail{color:var(--color-text-muted)}.home__screen-path{color:var(--color-cue-strong);font-family:var(--font-mono)}.gate{min-block-size:100dvh;padding:var(--space-lg);background:var(--set-night);color:var(--board-ink);place-items:center;display:grid}.gate__card{--rattle-size:5rem;gap:var(--space-md);inline-size:min(100%,24rem);padding:var(--space-xl);border:.4rem solid var(--board-trim);border-radius:var(--radius-md);background:var(--board-panel);box-shadow:0 0 0 .15rem var(--board-trim-line);text-align:center;display:grid}.gate__title{color:var(--show-pink);font-size:var(--text-3xl);font-weight:900;font-stretch:var(--stretch-board);text-shadow:.12em .12em 0 var(--board-shadow);text-transform:uppercase;line-height:1}.gate__label{text-align:start;text-transform:uppercase;font-weight:800}.gate__input{min-block-size:var(--control-size);padding-inline:var(--space-md);border:.15rem solid var(--board-panel-edge);border-radius:var(--radius-xs);background:var(--board-backing);color:var(--board-ink);font-size:var(--text-lg)}.gate__error{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);background:var(--board-strike);font-weight:800}.gate__submit{min-block-size:var(--control-size);border-radius:var(--radius-xs);background:var(--show-blue);box-shadow:0 .25rem 0 var(--show-blue-deep);color:var(--set-night);font-weight:900;font-stretch:var(--stretch-board);font-size:var(--text-lg);text-transform:uppercase;cursor:pointer;border:0;&:active:not(:disabled){box-shadow:0 .05rem 0 var(--show-blue-deep);translate:0 .2rem}&:disabled{opacity:.6;cursor:default}}.display{--stage-size:min(100vw, calc(100dvh * 16 / 9));background:var(--board-backing);block-size:100dvh;color:var(--board-ink);cursor:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:relative;overflow:hidden}.display__waiting{font-size:var(--text-2xl);color:var(--board-ink-soft);font-weight:800}.display__offline{aspect-ratio:1;background:var(--board-strike);opacity:.6;inline-size:.6rem;border-radius:50%;position:absolute;inset-block-start:var(--space-xs);inset-inline-end:var(--space-xs)}.display__muted{inline-size:var(--space-lg);color:var(--board-ink-soft);opacity:.35;position:absolute;inset-block-end:var(--space-xs);inset-inline-end:var(--space-xs)}.sound-off{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:auto;inline-size:100%;display:block}.stage{inline-size:var(--stage-size,100%);aspect-ratio:16/9;color:var(--board-ink);font-family:var(--font-show);font-stretch:var(--stretch-board);line-height:1.1;container:stage/inline-size}.stage__screen{--top-size:6.8cqi;grid-template-rows:var(--top-size) minmax(0, 1fr);background:var(--set-night);gap:1.3cqi;block-size:100%;padding:1.6cqi 2.4cqi 1.8cqi;display:grid;position:relative;overflow:hidden}.stage__top{grid-template-columns:minmax(0,1fr) 20cqi minmax(0,1fr);align-items:stretch;gap:2cqi;display:grid}.stage__scene{min-block-size:0}.podium{border:.35cqi solid var(--team);background:var(--board-backing);box-shadow:0 0 0 .2cqi var(--team-line);border-radius:.6cqi;justify-self:start;align-items:stretch;display:flex;overflow:hidden;&.podium--left{--team:var(--team-left);--team-edge:var(--team-left-edge);--team-line:var(--show-pink-deep)}&.podium--right{--team:var(--team-right);--team-edge:var(--team-right-edge);--team-line:var(--show-blue-deep);flex-direction:row-reverse;justify-self:end}&.podium--buzzed{border-color:var(--board-ink);@media (prefers-reduced-motion:no-preference){animation:.16s steps(2,jump-none) 10 podium-flash}}&.podium--won{@media (prefers-reduced-motion:no-preference){animation:podium-bounce .45s var(--ease-pop) 3}}}.podium__name{background:var(--team);box-shadow:inset 0 0 0 .25cqi var(--team-edge);color:var(--team-ink);letter-spacing:.04em;text-transform:uppercase;place-items:center;padding-inline:1.6cqi;font-size:2.3cqi;font-weight:800;display:grid;:is(.podium--control,.podium--won,.podium--buzzed) &{background:var(--board-ink);box-shadow:none;color:var(--set-night)}}.podium__score{inline-size:10cqi;color:var(--team);font-variant-numeric:tabular-nums;text-align:center;place-items:center;font-size:4.6cqi;font-weight:900;display:grid}.bank{border:.5cqi solid var(--board-trim-alt);background:var(--board-backing);inline-size:14cqi;box-shadow:0 0 0 .25cqi var(--board-trim-alt-line);font-variant-numeric:tabular-nums;border-radius:.6cqi;justify-self:center;place-items:center;font-size:5.6cqi;font-weight:900;line-height:1;display:grid}.marquee{border:.35cqi solid var(--board-trim-alt);background:var(--board-panel);color:var(--show-pink);letter-spacing:.04em;text-transform:uppercase;border-radius:50%;place-self:center;padding:.5cqi 2.6cqi;font-size:2.6cqi;font-weight:900;&:empty{visibility:hidden}}.board{grid-template-rows:10.6cqi minmax(0,1fr) 4.4cqi;gap:1.1cqi;block-size:100%;display:grid;position:relative}.board__header{background:var(--set-deep);text-align:center;border-radius:.6cqi;grid-template-rows:auto minmax(0,1fr);justify-items:center;row-gap:.5cqi;min-block-size:0;padding:.9cqi 3cqi .8cqi;display:grid;overflow:hidden}.board__kicker{white-space:nowrap;align-items:baseline;gap:1.2cqi;max-inline-size:100%;font-size:1.7cqi;line-height:1.2;display:flex}.board__round{color:var(--board-ink);letter-spacing:.14em;text-transform:uppercase;font-weight:900;&.board__round--double{color:var(--show-blue)}&.board__round--triple{color:var(--show-pink)}}.board__survey{border-inline-start:.2cqi solid var(--board-panel-edge);color:var(--board-ink-soft);letter-spacing:.02em;text-overflow:ellipsis;padding-inline-start:1.2cqi;font-weight:600;overflow:hidden}.board__question{text-transform:uppercase;text-wrap:balance;place-items:center;min-block-size:0;inline-size:100%;font-size:2.9cqi;font-weight:800;line-height:1.08;display:grid;overflow:hidden;&.board__question--long{font-size:2.5cqi}&.board__question--longest{font-size:2cqi;line-height:1.04}&.board__question--sealed{color:color-mix(in oklch, var(--board-ink-soft) 45%, transparent);letter-spacing:.6em}&.board__question--asked{@media (prefers-reduced-motion:no-preference){animation:question-ask .5s var(--ease-standard) both}}}.board__tiles{padding:calc(var(--board-frame-line) + .7cqi);border:var(--board-frame-border);border-color:var(--board-frame-bevel);border-radius:var(--board-frame-radius);background:var(--board-backing);box-shadow:var(--board-frame-lines);grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:.7cqi;display:grid;position:relative}.tile{perspective:80cqi;min-block-size:0;&.tile--empty{background:var(--set-night);border-radius:.4cqi}}.tile__card{block-size:100%;transform-style:preserve-3d;transition:rotate var(--motion-flip) var(--ease-pop);position:relative;&.tile__card--shown{rotate:x 180deg}}.tile__front,.tile__back{background:var(--board-panel);box-shadow:var(--board-panel-lines);backface-visibility:hidden;border-radius:.4cqi;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.tile__front{justify-content:center}.tile__number{aspect-ratio:1.9;border:.3cqi solid var(--board-ink);background:var(--board-panel-deep);border-radius:50%;place-items:center;inline-size:7.2cqi;font-size:3.1cqi;font-weight:900;display:grid}.tile__back{align-items:stretch;rotate:x 180deg}.tile__answer{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;flex:1;align-self:center;padding-inline:1.6cqi 1cqi;font-size:2.9cqi;font-weight:800;overflow:hidden}.tile__points{border-inline-start:.3cqi solid var(--board-panel-edge);background:var(--board-panel-deep);font-variant-numeric:tabular-nums;place-items:center;min-inline-size:7.4cqi;font-size:3.4cqi;font-weight:900;display:grid}.call-up{inset:var(--board-frame-line);background:color-mix(in oklch, var(--board-backing) 90%, transparent);text-align:center;text-transform:uppercase;text-shadow:0 .5cqi 0 var(--board-shadow);place-content:center;justify-items:center;gap:1.2cqi;padding:2cqi 3cqi;font-weight:900;line-height:1;display:grid;position:absolute;@media (prefers-reduced-motion:no-preference){animation:call-up-fade .3s var(--ease-standard) both}&.call-up--gone{visibility:hidden;@media (prefers-reduced-motion:no-preference){animation:call-up-leave .5s var(--ease-standard) both}}}.call-up__kicker{color:var(--board-ink);letter-spacing:.1em;font-size:5.6cqi;@media (prefers-reduced-motion:no-preference){animation:call-up-punch .45s var(--ease-pop) .1s both}}.call-up__names{letter-spacing:.02em;text-wrap:balance;max-inline-size:86cqi;font-size:9cqi;@media (prefers-reduced-motion:no-preference){animation:call-up-punch .5s var(--ease-pop) .4s both}}.call-up__name{white-space:nowrap;&.call-up__name--left{color:var(--team-left)}&.call-up__name--right{color:var(--team-right)}}.call-up__and{color:var(--board-ink);letter-spacing:.08em;font-size:.62em}.status{text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:2.4cqi;min-block-size:0;font-size:2.3cqi;font-weight:800;display:flex;&.status--armed{color:var(--show-pink);@media (prefers-reduced-motion:no-preference){animation:.6s ease-in-out infinite alternate status-pulse}}&.status--steal,&.status--won{color:var(--show-blue)}}.status__headline{font-size:3cqi;font-weight:900}.status__family{&.status__family--left{color:var(--team-left)}&.status__family--right{color:var(--team-right)}}.status__player{text-align:center;text-overflow:ellipsis;inline-size:22cqi;overflow:hidden;&.status__player--left{color:var(--team-left)}&.status__player--right{color:var(--team-right)}.status--armed &{@media (prefers-reduced-motion:no-preference){animation:status-player-land .45s var(--ease-pop) .25s both}}}.status__versus{text-align:center;background:var(--board-panel);letter-spacing:.14em;border-radius:.4cqi;inline-size:16cqi;padding-block:.4cqi;font-size:1.7cqi;.status--armed &{background:var(--show-pink);color:var(--set-night)}}.status__strikes{gap:.6cqi;display:flex}.status__strike{opacity:.2;inline-size:3.8cqi;transition:opacity var(--motion-fast) var(--ease-standard);&.status__strike--on{opacity:1}}.strike-overlay{pointer-events:none;grid-row:2/3;justify-content:center;align-items:center;gap:1.4cqi;display:flex;position:absolute;inset:0}.strike-overlay__mark{inline-size:21cqi;animation:strike-pop .3s var(--ease-pop) both}.strike-mark{inline-size:var(--mark-size,100%);block-size:auto;display:block;overflow:visible}.strike-mark__edge{fill:none;stroke:var(--board-shadow);stroke-width:18px;stroke-linejoin:round}.strike-mark__x{fill:var(--board-strike);stroke:var(--board-ink);stroke-width:8px;stroke-linejoin:round;paint-order:stroke}@keyframes podium-flash{0%{background:var(--team)}to{background:var(--board-backing)}}@keyframes podium-bounce{50%{translate:0 -.8cqi}}@keyframes status-pulse{to{scale:1.06}}@keyframes question-ask{0%{opacity:0}}@keyframes strike-pop{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}@keyframes call-up-fade{0%{opacity:0}}@keyframes call-up-punch{0%{opacity:0;scale:.4}}@keyframes call-up-leave{0%{visibility:visible}to{opacity:0;scale:.85}}@keyframes status-player-land{0%{opacity:0;translate:0 -2cqi;scale:1.8}}.money{--clock-size:8cqi;grid-template-rows:var(--clock-size) minmax(0, 1fr) auto;gap:1.2cqi;block-size:100%;display:grid;position:relative}.money__header{grid-template-columns:minmax(0,1fr) 14cqi minmax(0,1fr);align-items:center;gap:2cqi;display:grid}.money__title{color:var(--show-pink);text-shadow:.35cqi .35cqi 0 var(--board-shadow);text-transform:uppercase;justify-self:start;font-size:4.4cqi;font-weight:900}.money__player{max-inline-size:100%;color:var(--board-ink-soft);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;justify-self:end;font-size:2.2cqi;font-weight:800;overflow:hidden}.clock{block-size:var(--clock-size);transition:opacity var(--motion-fast) var(--ease-standard);border:.5cqi solid var(--board-trim-alt);background:var(--board-backing);box-shadow:0 0 0 .25cqi var(--board-trim-alt-line);font-variant-numeric:tabular-nums;text-align:center;border-radius:.6cqi;place-items:center;font-size:5.6cqi;font-weight:900;display:grid;&.clock--running{color:var(--show-blue)}&.clock--hurry{color:var(--board-strike);@media (prefers-reduced-motion:no-preference){animation:.25s ease-in-out infinite alternate status-pulse}}&.clock--stopped{opacity:0}}.money__board{min-block-size:0;padding:calc(var(--board-frame-line) + .7cqi);border:var(--board-frame-border);border-color:var(--board-frame-bevel);border-radius:var(--board-frame-radius);background:var(--board-backing);box-shadow:var(--board-frame-lines);grid-template-columns:1fr 1fr;gap:1.6cqi;display:grid}.money__column{grid-template-rows:repeat(5,minmax(0,1fr));gap:.7cqi;min-block-size:0;display:grid}.money__footer{justify-content:space-between;align-items:center;gap:2cqi;display:flex}.money__target{color:var(--board-ink-soft);text-transform:uppercase;font-size:2.2cqi;font-weight:800}.money__total{border:.4cqi solid var(--board-trim);background:var(--board-backing);box-shadow:0 0 0 .25cqi var(--board-trim-line);border-radius:.6cqi;align-items:stretch;display:flex;overflow:hidden}.money__total-label{background:var(--board-panel);box-shadow:var(--board-panel-lines);letter-spacing:.08em;text-transform:uppercase;place-items:center;padding-inline:1.6cqi;font-size:2.4cqi;font-weight:800;display:grid}.money__total-points{min-inline-size:10cqi;color:var(--show-pink);font-variant-numeric:tabular-nums;text-align:center;padding:.2cqi 1.4cqi;font-size:4.4cqi;font-weight:900}.money__result{border:.5cqi solid var(--board-ink);background:var(--team);box-shadow:inset 0 0 0 .4cqi var(--team-edge), 0 1cqi 0 var(--board-shadow);color:var(--team-ink);text-align:center;text-transform:uppercase;text-wrap:balance;animation:strike-pop .5s var(--ease-pop) both;border-radius:1cqi;gap:1cqi;padding:2cqi 3cqi;font-weight:900;display:grid;position:absolute;inset-block-start:30%;inset-inline:8cqi;&.money__result--left{--team:var(--team-left);--team-edge:var(--team-left-edge)}&.money__result--right{--team:var(--team-right);--team-edge:var(--team-right-edge)}}.money__result-line{font-size:3.4cqi}.money__result-call{font-size:5cqi;line-height:1}.money-cell{background:var(--board-panel);min-block-size:0;box-shadow:var(--board-panel-lines);animation:strike-pop .3s var(--ease-pop) both;border-radius:.4cqi;align-items:stretch;display:flex;overflow:hidden;&.money-cell--blank{background:var(--set-night);box-shadow:none;animation:none}&.money-cell--covered{animation:none}}.money-cell__said{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;flex:1;align-self:center;padding-inline:1.4cqi 1cqi;font-size:2.6cqi;font-weight:800;overflow:hidden}.money-cell__points{border-inline-start:.3cqi solid var(--board-panel-edge);background:var(--board-panel-deep);font-variant-numeric:tabular-nums;place-items:center;min-inline-size:6.6cqi;font-size:3cqi;font-weight:900;display:grid;.money-cell--miss &{background:var(--board-strike)}}.lobby{text-align:center;place-content:center;justify-items:center;gap:2.6cqi;block-size:100%;display:grid}.logo{border:var(--board-frame-border);background:var(--board-panel);box-shadow:var(--board-frame-lines), 0 1.2cqi 0 .3cqi var(--board-shadow);border-radius:50%;place-items:center;padding:2.6cqi 9cqi 3.2cqi;display:grid;rotate:-4deg}.logo__word{color:var(--show-pink);letter-spacing:.06em;text-shadow:.4cqi .4cqi 0 var(--board-shadow);text-transform:uppercase;font-size:6cqi;font-weight:900;font-stretch:80%;line-height:.9;&.logo__word--feud{color:var(--show-blue);letter-spacing:.02em;text-shadow:.6cqi .6cqi 0 var(--board-shadow);font-size:14cqi}}.lobby__subtitle{background:var(--show-blue);color:var(--set-night);letter-spacing:.1em;text-transform:uppercase;border-radius:.4cqi;padding:.6cqi 3cqi;font-size:2.6cqi;font-weight:800}.lobby__matchup{align-items:center;gap:2cqi;display:flex}.lobby__family{background:var(--team);min-inline-size:22cqi;box-shadow:inset 0 0 0 .25cqi var(--team-edge);color:var(--team-ink);text-transform:uppercase;border-radius:.5cqi;padding:.9cqi 3cqi;font-size:3.6cqi;font-weight:900;&.lobby__family--left{--team:var(--team-left);--team-edge:var(--team-left-edge)}&.lobby__family--right{--team:var(--team-right);--team-edge:var(--team-right-edge)}}.lobby__versus{color:var(--board-ink);text-transform:uppercase;font-size:2.6cqi;font-style:italic;font-weight:900}.splash{border:var(--board-frame-border);border-color:var(--board-frame-bevel);border-radius:var(--board-frame-radius);background:var(--board-panel);block-size:100%;box-shadow:var(--board-frame-lines);text-align:center;place-content:center;justify-items:center;gap:2cqi;padding:3cqi;display:grid}.splash__kicker{color:var(--show-pink);letter-spacing:.14em;text-transform:uppercase;font-size:2.4cqi;font-weight:800}.splash__title{text-shadow:.5cqi .5cqi 0 var(--board-shadow);text-transform:uppercase;text-wrap:balance;animation:strike-pop .6s var(--ease-pop) both;font-size:8cqi;font-weight:900;line-height:1}.splash__detail{color:var(--board-ink-soft);font-size:2.8cqi;font-weight:700}.splash__call{color:var(--board-ink);text-shadow:.8cqi .8cqi 0 var(--board-shadow);animation:stamp .5s var(--ease-pop) both;font-size:16cqi;font-weight:900;line-height:1}.choices{align-items:center;gap:4cqi;margin-block-start:1.5cqi;display:flex}.choices__option{--choice:var(--show-blue);border:.45cqi solid var(--choice);background:var(--board-backing);min-inline-size:24cqi;color:var(--choice);border-radius:.8cqi;padding:1.2cqi 4cqi;font-size:6cqi;font-weight:900;&:last-child{--choice:var(--show-pink)}@media (prefers-reduced-motion:no-preference){animation:1.4s ease-in-out infinite alternate bob;&:last-child{animation-delay:.7s}}}.choices__or{color:var(--board-ink);text-transform:uppercase;font-size:3cqi;font-style:italic;font-weight:800}.final{text-align:center;align-content:center;justify-items:center;gap:2.6cqi;block-size:100%;display:grid}.final__header{gap:.8cqi;display:grid}.final__survey{color:var(--board-ink-soft);font-size:2.4cqi;font-style:italic;font-weight:500}.final__question{text-transform:uppercase;font-size:6cqi;font-weight:900}.final__call{background:var(--set-deep);color:var(--board-ink-soft);text-transform:uppercase;border-radius:.4cqi;padding:.5cqi 2cqi;font-size:2.2cqi;font-weight:800}.sealed{border:var(--board-frame-border);border-color:var(--board-frame-bevel);border-radius:var(--board-frame-radius);background:var(--board-panel);block-size:12cqi;inline-size:62cqi;box-shadow:var(--board-frame-lines), inset 0 0 0 .8cqi var(--board-backing), inset 0 0 0 1.05cqi var(--board-panel-edge);place-items:center;display:grid}.sealed__number{aspect-ratio:1.9;border:.35cqi solid var(--board-ink);background:var(--board-panel-deep);border-radius:50%;place-items:center;inline-size:9cqi;font-size:4cqi;font-weight:900;display:grid}.reveal{z-index:1;background:var(--reveal);text-align:center;animation:takeover .6s var(--ease-standard) both;place-content:center;justify-items:center;gap:2.6cqi;display:grid;position:absolute;inset:0;overflow:hidden;&.reveal--boy{--reveal:var(--boy);--reveal-light:var(--boy-light);--reveal-deep:var(--boy-deep)}&.reveal--girl{--reveal:var(--girl);--reveal-light:var(--girl-light);--reveal-deep:var(--girl-deep)}}.reveal__tile{border:.9cqi solid var(--board-ink);background:var(--board-panel);box-shadow:0 0 0 .3cqi var(--reveal-deep), inset 0 0 0 .3cqi var(--reveal-deep), 0 1.4cqi 0 .3cqi var(--reveal-deep);animation:flip-in .9s var(--ease-pop) both;border-radius:1.4cqi;align-items:stretch;display:flex;overflow:hidden}.reveal__answer{letter-spacing:.04em;padding:1.4cqi 7cqi;font-size:17cqi;font-weight:900;line-height:1}.reveal__points{border-inline-start:.5cqi solid var(--board-panel-edge);background:var(--board-panel-deep);place-items:center;padding-inline:3.4cqi;font-size:7cqi;font-weight:900;display:grid}.reveal__headline{text-shadow:.6cqi .6cqi 0 var(--reveal-deep);text-transform:uppercase;animation:rise .6s .6s var(--ease-pop) both;font-size:8cqi;font-weight:900}.reveal__verdict{background:var(--reveal-deep);animation:rise .6s 1s var(--ease-pop) both;border-radius:.5cqi;padding:.6cqi 2.4cqi;font-size:2.6cqi;font-weight:800}.credits{z-index:1;background:var(--reveal-deep);position:absolute;inset:0;overflow:hidden;&.credits--boy{--reveal:var(--boy);--reveal-light:var(--boy-light);--reveal-deep:var(--boy-deep)}&.credits--girl{--reveal:var(--girl);--reveal-light:var(--girl-light);--reveal-deep:var(--girl-deep)}}.credits__roll{text-align:center;gap:2.4cqi;padding-inline:10cqi;display:grid;position:absolute;inset-block-start:6cqi;inset-inline:0;@media (prefers-reduced-motion:no-preference){animation:40s linear forwards credits-roll;inset-block-start:80%}}.credits__line{text-transform:uppercase;text-wrap:balance;font-size:3.2cqi;font-weight:800;&:first-child{color:var(--reveal-light);text-shadow:.4cqi .4cqi 0 var(--board-shadow);font-size:5.4cqi;font-weight:900}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti__piece{background:var(--board-ink);block-size:1.9cqi;inline-size:1.1cqi;border-radius:.15cqi;position:absolute;inset-block-start:var(--x);inset-inline-start:var(--x);&:nth-child(3n+1){background:var(--reveal-light)}&:nth-child(3n+2){background:var(--reveal-deep,var(--board-panel))}@media (prefers-reduced-motion:no-preference){animation:confetti-fall var(--duration) linear var(--delay) infinite;inset-block-start:-4cqi}}@keyframes stamp{0%{opacity:0;scale:3}to{opacity:1;scale:1}}@keyframes bob{to{translate:0 -1cqi}}@keyframes takeover{0%{clip-path:circle(0%)}to{clip-path:circle(80%)}}@keyframes flip-in{0%{rotate:x 90deg;scale:.6}to{rotate:x 0deg;scale:1}}@keyframes rise{0%{opacity:0;translate:0 3cqi}to{opacity:1;translate:0}}@keyframes credits-roll{to{translate:0 calc(-100% - 70cqi)}}@keyframes confetti-fall{0%{translate:0;rotate:0turn}to{translate:var(--drift) 70cqi;rotate:var(--spin)}}.host{grid-template-rows:auto auto 1fr;min-block-size:100dvh;display:grid}.host__bar{z-index:2;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-block-end:1px solid var(--color-border);background:var(--color-canvas);display:flex;position:sticky;inset-block-start:0}.host__title{margin-inline-end:auto;font-weight:800}.host__offline{color:var(--color-error);font-size:var(--text-sm);font-weight:700}.host__notice{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-block-end:1px solid var(--color-border);background:var(--color-error-surface);color:var(--color-error-strong);font-weight:700;display:flex}.host__notice-text{text-wrap:pretty}.host__waiting{padding:var(--space-xl) var(--space-lg);color:var(--color-text-muted)}.host__layout{grid-template-columns:minmax(0, 1fr) var(--sidebar-width);align-items:start;gap:var(--space-xl);padding-inline:var(--space-lg);display:grid;@media (width<1000px){grid-template-columns:minmax(0,1fr);gap:0}}.host__rail{padding-block:var(--space-lg);display:grid;position:sticky;inset-block-start:4rem;@media (width<1000px){position:static}}.host__preview{border:1px solid var(--color-border);margin-block-end:var(--space-sm)}.control{min-block-size:var(--control-size);padding-inline:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-xs);color:var(--color-text);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard);background:0 0;justify-content:center;align-items:center;gap:.6em;font-weight:700;display:inline-flex;@media (hover:hover){&:hover:not(:disabled){background:var(--color-surface-raised)}}&:active:not(:disabled){background:var(--color-accent-surface)}&:disabled{opacity:.4;cursor:default}&.control--commit{min-block-size:calc(var(--control-size) * 1.3);padding-inline:var(--space-lg);font-size:var(--text-lg)}&.control--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);@media (hover:hover){&:hover:not(:disabled){background:var(--color-accent-strong)}}&:active:not(:disabled){background:var(--color-accent-strong)}}&.control--danger{border-color:color-mix(in oklch, var(--color-error) 50%, var(--color-border));color:var(--color-error-strong)}}.control__key{font-size:var(--text-xs);opacity:.7;font-weight:600}.screen{gap:var(--space-lg);max-inline-size:60rem;flex-direction:column;padding-block-start:var(--space-lg);display:flex;@media (width<1000px){min-block-size:100svh}}.screen__heading{gap:var(--space-xs);display:grid}.screen__eyebrow{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:700}.screen__context{color:var(--color-text-muted);text-wrap:balance}.screen__title{font-size:var(--text-2xl);font-variant-numeric:tabular-nums;text-wrap:balance;font-weight:800;line-height:1.15}.screen__detail{max-inline-size:65ch;color:var(--color-text-muted);text-wrap:pretty}.screen__phones{gap:var(--space-xs) var(--space-lg);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.screen__picks{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));max-inline-size:36rem;display:grid}.screen__actions{justify-content:flex-end;gap:var(--space-sm);padding-block:var(--space-md);border-block-start:1px solid var(--color-border);background:var(--color-canvas);flex-wrap:wrap;margin-block-start:auto;display:flex;position:sticky;inset-block-end:0}.phone{color:var(--color-error);font-weight:700;&.phone--connected{color:var(--color-text-muted);font-weight:600}}.say{gap:var(--space-xs);display:grid}.say__label{color:var(--color-cue-strong);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.say__line{max-inline-size:60ch;font-size:var(--text-xl);text-wrap:pretty;line-height:1.4}.answers{border-block-start:1px solid var(--color-border);grid-template-columns:minmax(0,1fr);display:grid}.answer{align-items:center;column-gap:var(--space-sm);inline-size:100%;padding:var(--space-sm);border:0;border-block-end:1px solid var(--color-border);color:var(--color-text);text-align:start;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard);background:0 0;grid-template-columns:2rem minmax(0,1fr) auto;grid-template-areas:"key text points""key alternates points";display:grid;@media (hover:hover){&:hover:not(:disabled){background:var(--color-surface-raised)}}&:active:not(:disabled){background:var(--color-accent-surface)}&:disabled{cursor:default}&.answer--shown{color:var(--color-text-muted)}&.answer--miss{color:var(--color-error-strong)}}.answer__key{color:var(--color-text-muted);font-size:var(--text-sm);grid-area:key;.answer--miss &{color:inherit}}.answer__text{font-size:var(--text-lg);grid-area:text;font-weight:700;.answer--shown &{text-decoration:line-through}}.answer__points{font-size:var(--text-lg);font-variant-numeric:tabular-nums;grid-area:points;font-weight:800}.answer__alternates{color:var(--color-text-muted);font-size:var(--text-sm);grid-area:alternates}.pick{gap:var(--space-xs);display:grid}.pick__label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:700}.pick__select{min-block-size:var(--control-size);padding-inline:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-text)}.questions{border-block-start:1px solid var(--color-border);grid-template-columns:minmax(0,1fr);display:grid}.question{gap:var(--space-sm);padding:var(--space-sm);border-block-end:1px solid var(--color-border);display:grid;&.question--open{background:var(--color-accent-surface)}&.question--next{box-shadow:inset .3rem 0 0 var(--color-cue);background:var(--color-cue-surface)}}.question__header{align-items:baseline;column-gap:var(--space-sm);inline-size:100%;color:inherit;text-align:start;background:0 0;border:0;grid-template-columns:2rem minmax(0,1fr) minmax(0,auto);padding:0;display:grid;&:enabled{cursor:pointer}}.question__key{color:var(--color-text-muted);font-size:var(--text-sm)}.question__text{text-wrap:pretty;font-weight:700}.question__entry{font-variant-numeric:tabular-nums;text-align:end;text-wrap:pretty;max-inline-size:24rem;font-weight:700;&.question__entry--missing{color:var(--color-error-strong)}&.question__entry--shown{color:var(--color-text-muted);font-weight:600}}.question__first{color:var(--color-cue-strong);font-size:var(--text-sm);padding-inline-start:calc(2rem + var(--space-sm));font-weight:700}.question__editor{gap:var(--space-sm);padding-inline-start:calc(2rem + var(--space-sm));display:grid}.question__form{display:flex}.question__said{max-inline-size:36rem;min-block-size:calc(var(--control-size) * 1.2);padding-inline:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-text);font-size:var(--text-lg);flex:1}.question__answers{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));display:grid}.question__answer{align-items:center;gap:var(--space-sm);min-block-size:var(--control-size);padding-inline:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-text);text-align:start;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto;font-weight:600;display:grid;@media (hover:hover){&:hover:not(:disabled){background:var(--color-surface-raised)}}&:active:not(:disabled){background:var(--color-accent-surface)}&:disabled{opacity:.45;cursor:default}&.question__answer--chosen{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}&.question__answer--enter{outline:2px solid var(--color-accent);outline-offset:2px}&.question__answer--repeat{color:var(--color-cue-strong);border-style:dashed}&.question__answer--miss{color:var(--color-error-strong);&.question__answer--chosen{border-color:var(--color-error);background:var(--color-error-surface)}}}.question__answer-key{font-size:var(--text-xs);opacity:.7}.question__answer-text{text-wrap:pretty}.question__points{font-variant-numeric:tabular-nums;opacity:.75}.question__clear{color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-weight:700;text-decoration:underline}.tool{border-block-start:1px solid var(--color-border);&:last-child{border-block-end:1px solid var(--color-border)}}.tool__summary{padding-block:var(--space-sm);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;font-weight:700}.tool__body{justify-items:start;gap:var(--space-sm);padding-block-end:var(--space-md);display:grid}.tool__sounds{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));inline-size:100%;display:grid}.tool__jumps{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));inline-size:100%;display:grid}.tool__note{color:var(--color-text-muted);font-size:var(--text-sm)}.score{justify-content:space-between;align-items:center;gap:var(--space-sm);inline-size:100%;display:flex}.score__family{font-weight:700}.score__input{inline-size:7rem;min-block-size:var(--control-size);padding-inline:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-text);font-size:var(--text-lg);font-variant-numeric:tabular-nums;text-align:end;font-weight:800}.buzzer{--team:var(--board-panel);--dome:var(--team);--dome-edge:color-mix(in oklch, var(--team) 45%, var(--set-night));--dome-ink:var(--team-ink);background:var(--set-night);block-size:100dvh;color:var(--board-ink);font-stretch:var(--stretch-board);-webkit-user-select:none;user-select:none;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden;&.buzzer--left{--team:var(--team-left)}&.buzzer--right{--team:var(--team-right)}&.buzzer--armed{--dome:var(--board-strike);--dome-edge:var(--board-strike-dark);--dome-ink:var(--board-ink)}&.buzzer--won{--dome:var(--board-ink);--dome-edge:var(--team);--dome-ink:var(--set-night);background:var(--set-deep)}&.buzzer--beaten{--dome:var(--set-deep);--dome-edge:var(--board-backing);--dome-ink:var(--board-ink-soft)}&.buzzer--early{--dome:var(--board-strike-dark);--dome-edge:var(--board-backing);--dome-ink:var(--board-ink)}&.buzzer--offline{--dome:var(--set-deep);--dome-edge:var(--board-backing);--dome-ink:var(--board-ink-soft)}}.buzzer__waiting{color:var(--board-ink-soft);font-size:var(--text-xl);text-transform:uppercase;grid-row:1/-1;place-self:center;font-weight:800}.buzzer__header{padding:var(--space-md) var(--space-lg);border-block-end:.3rem solid var(--board-ink);background:var(--team);color:var(--team-ink);justify-content:space-between;align-items:center;display:flex}.buzzer__family{font-size:var(--text-2xl);letter-spacing:.04em;text-transform:uppercase;font-weight:900}.buzzer__signal{aspect-ratio:1;background:var(--board-strike);inline-size:.9rem;box-shadow:0 0 0 .15rem var(--board-ink);border-radius:50%;&.buzzer__signal--live{background:var(--color-success)}}.buzzer__button{--rattle-size:22vmin;place-content:center;place-self:center;justify-items:center;gap:var(--space-sm);aspect-ratio:1;inline-size:min(86vw,62dvh);padding:var(--space-lg);border:.6rem solid var(--board-ink);background:var(--dome);box-shadow:0 0 0 .25rem var(--dome-edge), 0 1.4rem 0 .25rem var(--dome-edge);color:var(--dome-ink);cursor:pointer;touch-action:manipulation;transition:translate var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);border-radius:50%;display:grid;&:active:enabled{box-shadow:0 0 0 .25rem var(--dome-edge), 0 .4rem 0 .25rem var(--dome-edge);translate:0 1rem}&:disabled{cursor:default}.buzzer--armed &{@media (prefers-reduced-motion:no-preference){animation:.7s ease-in-out infinite alternate buzzer-pulse}}.buzzer--early &{@media (prefers-reduced-motion:no-preference){animation:.4s ease-in-out buzzer-shake}}}.buzzer__headline{text-align:center;text-transform:uppercase;text-wrap:balance;font-size:clamp(2.4rem,13vw,6rem);font-weight:900;line-height:1;.buzzer--offline &{font-size:clamp(1.6rem,8vw,3.6rem)}}.buzzer__detail{font-size:var(--text-xl);text-align:center;text-wrap:balance;font-weight:800}@keyframes buzzer-pulse{to{scale:1.04}}@keyframes buzzer-shake{20%,60%{translate:-.6rem}40%,80%{translate:.6rem}}}