@layer components{@media (prefers-reduced-motion:no-preference){.not-found-page{animation:page-enter var(--transition-base,0) var(--timing,ease) both}}.not-found-page{gap:var(--space-l);max-width:var(--column-max-width);padding-block:var(--layout-padding-block-start) var(--layout-padding-block-end);padding-inline:var(--layout-padding-inline-start) var(--layout-padding-inline-end);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}@media (width>=900px){.not-found-page{max-width:var(--column-wide-max-width)}}.not-found-page{text-align:center;justify-content:center;align-items:center}.not-found-page h1{font-family:var(--font-display);font-variation-settings:"opsz" 96;letter-spacing:-.01em;font-size:clamp(2.5rem,11vmin,6rem);font-weight:800;font-stretch:80%;line-height:.9}.not-found-page p{font-family:var(--font-display);letter-spacing:-.005em;color:var(--ink-muted);font-size:clamp(1.25rem,3vmin,1.75rem);font-weight:700;font-stretch:90%;line-height:1.05}.connection-dot{border:var(--stroke-thin) solid currentColor;border-radius:var(--radius-full);background:currentColor;flex:none;width:12px;height:12px}.connection-dot.connecting{background:0 0}.connection-dot.closed{animation:1.2s ease-in-out infinite connection-pulse}.connection-dot.refused{border-radius:0}.connection-status{letter-spacing:.005em;color:var(--ink-muted);align-items:center;gap:var(--space-xs);font-size:clamp(.875rem,1.7vmin,1rem);font-weight:700;display:inline-flex}.connection-status .clock{letter-spacing:.04em;text-transform:none;font-weight:500}@media (prefers-reduced-motion:reduce){.connection-dot.closed{animation:none}}.room-invitation{--invitation-code-size:min(clamp(2.75rem, 14vmin, 9rem), 20cqi);--invitation-qr-max-width:256px;align-items:stretch;gap:var(--space-l);flex-direction:column;justify-content:center;width:100%;min-width:0;display:flex;container-type:inline-size}.room-invitation .code{border-radius:var(--radius-l);box-shadow:0 3px 0 0 var(--chipboard), 0 8px 14px -6px var(--shadow);transition:transform var(--transition-fast,0) var(--timing,ease), box-shadow var(--transition-fast,0) var(--timing,ease);border:0;position:relative}.room-invitation .code:before,.room-invitation .code:after{background:var(--ground,var(--board));content:"";width:10px;height:3px;margin-inline-start:-5px;position:absolute;inset-inline-start:50%}.room-invitation .code:before{border-radius:0 0 var(--radius-xs) var(--radius-xs);top:0}.room-invitation .code:after{border-radius:var(--radius-xs) var(--radius-xs) 0 0;bottom:0}.room-invitation .code{--ground:var(--field);background:var(--tile-2);color:var(--tile-ink);align-items:center;gap:var(--space-xs);padding:var(--space-s) var(--space-m) var(--space-m);text-align:center;flex-direction:column;display:flex}.room-invitation .code .button{--ground:var(--tile-2)}.room-invitation .room-code{font-family:var(--font-display);font-variation-settings:"opsz" 96;letter-spacing:-.01em;font-size:clamp(3.5rem,17vmin,15rem);font-weight:800;font-stretch:80%;line-height:.9;font-size:var(--invitation-code-size);letter-spacing:.02em;-webkit-user-select:text;user-select:text;word-break:break-all}.room-invitation .code-caption{font-size:clamp(.9375rem,2.2vmin,1.25rem);font-weight:700;line-height:1.2}.room-invitation .qr{align-items:center;gap:var(--space-s) var(--space-m);grid-template-columns:minmax(0, var(--invitation-qr-max-width));display:grid}@container (width>=21rem){.room-invitation .qr{grid-template-columns:minmax(0, min(var(--invitation-qr-max-width), 45cqi)) minmax(0, 1fr)}}.room-invitation .qr-card{background:var(--card);border-radius:var(--radius-m);box-shadow:0 3px 0 var(--chipboard), 0 10px 18px -10px var(--shadow);color:var(--card-ink);padding:clamp(var(--space-xs), 4%, var(--space-s))}.room-invitation .qr-card svg{width:100%;height:auto;display:block}.room-invitation .qr-words{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.room-invitation .invite{text-wrap:pretty;font-size:clamp(1rem,2.2vmin,1.25rem);font-weight:700;line-height:1.3}.room-invitation .join-url{color:var(--ink-muted);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-size:clamp(.875rem,1.8vmin,1rem);font-weight:500;line-height:1.35}.segmented-control{gap:var(--space-2xs);flex-direction:column;display:flex}.segmented-control .react-aria-Label{letter-spacing:.005em;color:var(--ink-muted);font-size:clamp(.875rem,1.7vmin,1rem);font-weight:700}.segmented-control[data-disabled] .segment{cursor:not-allowed}.segmented-control[data-disabled] .segment[data-selected]{background:var(--field);box-shadow:inset 0 0 0 var(--stroke-bold) var(--ink);color:var(--ink)}.segmented-control .segments{background:var(--rule);border:var(--hairline);border-radius:var(--radius-m);flex-wrap:wrap;gap:2px;display:flex;overflow:clip}.segmented-control .segment[data-focus-visible],.segmented-control .segment:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}.segmented-control .segment{background:var(--field);color:var(--ink-muted);cursor:pointer;padding:var(--space-2xs) var(--space-s);text-align:center;text-transform:uppercase;transition:background-color var(--transition-fast,0) var(--timing,ease), color var(--transition-fast,0) var(--timing,ease);white-space:nowrap;flex:1;font-size:clamp(.875rem,1.8vmin,1rem);font-weight:700;line-height:1.35}@supports (text-box:trim-both cap alphabetic){.segmented-control .segment{padding-block:calc(var(--space-2xs) + (1lh - 1cap) / 2);text-box:trim-both cap alphabetic}}.segmented-control .segment[data-hovered],.segmented-control .segment[data-pressed]{color:var(--ink)}.segmented-control .segment[data-selected]{background:var(--ink);color:var(--field)}.segmented-control .segment-field{display:contents}.slider{gap:var(--space-2xs);flex-direction:column;min-width:180px;display:flex}.slider .slider-header{letter-spacing:.005em;color:var(--ink-muted);gap:var(--space-s);justify-content:space-between;font-size:clamp(.875rem,1.7vmin,1rem);font-weight:700;display:flex}.slider .react-aria-SliderTrack{cursor:pointer;align-items:center;width:100%;height:28px;display:flex;position:relative}.slider .react-aria-SliderTrack:before{border:var(--stroke-thin) solid var(--edge);border-radius:var(--radius-full);content:"";width:100%;height:12px;position:absolute}.slider .fill{background:var(--ink);border-radius:var(--radius-full);height:12px;width:var(--fill,0%);position:absolute}.slider .react-aria-SliderThumb{background:var(--ink);border-radius:var(--radius-full);cursor:pointer;width:8px;height:24px;top:50%}.slider .react-aria-SliderThumb[data-dragging]{width:12px;height:28px}.slider .react-aria-SliderThumb[data-focus-visible]{outline:var(--stroke-bold) solid var(--ink);outline-offset:3px}.text-link[data-focus-visible],.text-link:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.text-link{color:inherit;cursor:pointer;text-decoration:underline;text-decoration-thickness:var(--stroke-hair);text-underline-offset:.2em;transition:text-decoration-thickness var(--transition-fast,0) var(--timing,ease)}.text-link[data-hovered],.text-link[data-pressed]{text-decoration-thickness:var(--stroke-thin)}.app-menu{transition:opacity var(--transition-base,0) var(--timing,ease);z-index:1;flex-direction:column;align-items:flex-end;display:flex;position:fixed;inset-block-start:var(--layout-padding-block-start);inset-inline-end:max(var(--layout-padding-inline-end), 50% - var(--stage-max-width) / 2 + var(--layout-padding-inline-end))}:root:has(.player-page.framed,.host-console-page.framed) .app-menu{inset-block-start:var(--framed-padding-block-start)}@media (aspect-ratio>=13/10){:root:has(.player-page.framed,.host-console-page.framed) .app-menu{inset-inline:max(var(--layout-padding-inline-start), 50% - var(--stage-max-width) / 2 + var(--layout-padding-inline-start)) auto;align-items:flex-start}}:root[data-idle] .app-menu:not(:focus-within):not(:has(.trigger[aria-expanded=true])){opacity:0;pointer-events:none}.app-menu .alert{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-menu[data-connection]:not([data-connection=open]) .trigger{background:var(--spine-reflex);box-shadow:0 2px 0 var(--chipboard-dark);color:var(--on-spine-light)}.app-menu .trigger[data-focus-visible],.app-menu .trigger:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.app-menu .trigger{letter-spacing:.005em;background:var(--track-a);border-radius:var(--radius-m);box-shadow:0 2px 0 var(--chipboard);color:var(--board-ink);cursor:pointer;align-items:center;gap:var(--space-xs);min-height:var(--control-touch);padding:0 var(--space-s);transition:transform var(--transition-fast,0) var(--timing,ease), box-shadow var(--transition-fast,0) var(--timing,ease);border:0;font-size:clamp(.875rem,1.7vmin,1rem);font-weight:700;display:flex}.app-menu .trigger[data-pressed]{box-shadow:0 0 0 var(--chipboard);transform:translateY(2px)}.app-menu .trigger .trigger-label{text-box:trim-both cap alphabetic}.app-menu .trigger .menu-icon{display:none}:root:has(.player-page.framed) .app-menu .trigger .menu-icon{display:block}:root:has(.player-page.framed) .app-menu .trigger .trigger-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-menu-popover{--ground:var(--field);background:var(--field);border-radius:var(--radius-l);box-shadow:0 0 0 1px var(--rule), 0 4px 0 var(--chipboard), 0 24px 40px -16px var(--shadow);overscroll-behavior:contain;max-width:min(92vw,320px);padding:var(--space-m);scrollbar-color:var(--ink-muted) transparent;scrollbar-width:thin;overflow-y:auto}.app-menu-popover[data-entering]{animation:popover-strike var(--transition-fast,0) var(--timing,ease)}.app-menu-popover .react-aria-Dialog{gap:var(--space-m);outline:none;flex-direction:column;display:flex}.app-menu-popover .button,.app-menu-popover .link{font-size:var(--text-s);white-space:normal}.app-menu-popover .invitation,.app-menu-popover .wall-doors{gap:var(--space-s);flex-direction:column;display:flex}.app-menu-popover .wall-doors form{align-items:start;gap:var(--space-xs);flex-direction:column;display:flex}.app-menu-popover .room-invitation{--invitation-code-size:2.5rem;--invitation-qr-max-width:180px;gap:var(--space-m)}.app-menu-popover .seat-name .summary{color:var(--ink)}.app-menu-popover .seat-name .react-aria-Form{align-items:start;gap:var(--space-s);flex-direction:column;display:flex}.app-menu-popover .seat-name .react-aria-Form .text-field{align-self:stretch}.app-menu-popover .exits{gap:var(--space-s);flex-direction:column;display:flex}.app-menu-popover .recovery{gap:var(--space-xs);flex-direction:column;display:flex}.app-menu-popover .recovery .token{font-family:var(--font-display);letter-spacing:-.005em;font-size:clamp(1.25rem,3vmin,1.75rem);font-weight:700;font-stretch:90%;line-height:1.05;font-size:var(--text-l);letter-spacing:.16em;text-align:center;-webkit-user-select:text;user-select:text}.app-menu-popover .recovery .hint{color:var(--ink-muted);text-align:center;text-wrap:balance;font-size:clamp(.875rem,1.8vmin,1rem);font-weight:500;line-height:1.35}.app-menu-popover .warning{color:var(--ink-muted);text-wrap:balance;font-size:clamp(.875rem,1.8vmin,1rem);font-weight:500;line-height:1.35}.app-menu-popover .build{letter-spacing:.005em;color:var(--ink-muted);text-align:center;-webkit-user-select:text;user-select:text;font-size:clamp(.875rem,1.7vmin,1rem);font-weight:700}.app-menu-popover .credit{color:var(--ink-muted);font-size:clamp(.875rem,1.8vmin,1rem);font-weight:500;line-height:1.35;font-size:var(--text-xs);text-align:center;text-wrap:balance;-webkit-user-select:text;user-select:text;margin-block-start:calc(var(--space-m) * -.5)}.app-menu-popover .credit+.build{margin-block-start:calc(var(--space-m) * -.5)}.app-shell{--menu-inset:calc(var(--layout-padding) + var(--menu-width,116px));--menu-block-inset:calc(var(--layout-padding-block-start) + var(--space-xl));flex-direction:column;flex:1;display:flex}@media (prefers-reduced-motion:no-preference){.error-screen{animation:page-enter var(--transition-base,0) var(--timing,ease) both}}.error-screen{gap:var(--space-l);max-width:var(--column-max-width);padding-block:var(--layout-padding-block-start) var(--layout-padding-block-end);padding-inline:var(--layout-padding-inline-start) var(--layout-padding-inline-end);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}@media (width>=900px){.error-screen{max-width:var(--column-wide-max-width)}}.error-screen{text-align:center;justify-content:center;align-items:center}.error-screen h1{font-family:var(--font-display);font-variation-settings:"opsz" 96;letter-spacing:-.02em;font-size:clamp(1.75rem,6vmin,4.5rem);font-weight:800;font-stretch:85%;line-height:.95}.error-screen p{color:var(--ink-muted);max-width:42ch;font-size:clamp(1rem,2vmin,1.125rem);font-weight:400;line-height:1.45}.error-screen .ways-out{align-items:center;gap:var(--space-s);margin-top:var(--space-l);flex-direction:column;display:flex}.loader{letter-spacing:.005em;color:var(--ink-muted);align-items:center;gap:var(--space-s);font-size:clamp(.875rem,1.7vmin,1rem);font-weight:700;display:flex}.loader:empty{display:none}@media (prefers-reduced-motion:no-preference){.route-fallback{animation:page-enter var(--transition-base,0) var(--timing,ease) both}}.route-fallback{gap:var(--space-l);max-width:var(--column-max-width);padding-block:var(--layout-padding-block-start) var(--layout-padding-block-end);padding-inline:var(--layout-padding-inline-start) var(--layout-padding-inline-end);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}@media (width>=900px){.route-fallback{max-width:var(--column-wide-max-width)}}.route-fallback{justify-content:center;align-items:center}}@keyframes connection-pulse{50%{opacity:.2}}@keyframes popover-strike{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s}::view-transition-group(*){animation:none}::view-transition-image-pair(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@layer base{@font-face{font-display:swap;font-family:Bricolage Grotesque;font-stretch:75% 100%;font-style:normal;font-weight:200 800;src:url(/fonts/bricolage-grotesque-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:Bricolage Grotesque;font-stretch:75% 100%;font-style:normal;font-weight:200 800;src:url(/fonts/bricolage-grotesque-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;src:url(/fonts/atkinson-hyperlegible-next-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;src:url(/fonts/atkinson-hyperlegible-next-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}html{scrollbar-gutter:stable}#root{min-height:100dvh;overflow-y:clip}body{background:var(--field);color:var(--ink);font-family:var(--font-base);transition:background-color var(--transition-slow,0) var(--timing,ease);font-size:clamp(1rem,2vmin,1.125rem);font-weight:400;line-height:1.45}#root{flex-direction:column;display:flex}::selection{background:var(--ink);color:var(--field)}}@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{interpolate-size:allow-keywords;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,svg,canvas,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}ul,ol{list-style:none}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}h1,h2,h3,h4{font-weight:700;line-height:1.1}}@layer tokens{:root{--board:var(--lightningcss-light,oklch(92.5% .028 218))var(--lightningcss-dark,oklch(29% .04 226));--board-ink:var(--lightningcss-light,oklch(24% .035 250))var(--lightningcss-dark,oklch(95% .012 230));--board-muted:var(--lightningcss-light,oklch(43% .035 245))var(--lightningcss-dark,oklch(79% .025 230));--track-a:var(--lightningcss-light,oklch(97.5% .012 218))var(--lightningcss-dark,oklch(34.5% .042 226));--track-b:var(--lightningcss-light,oklch(88.5% .04 218))var(--lightningcss-dark,oklch(26.5% .035 226));--track-five:var(--lightningcss-light,oklch(83% .06 218))var(--lightningcss-dark,oklch(41% .06 226));--track-ink:var(--lightningcss-light,oklch(32% .04 245))var(--lightningcss-dark,oklch(86% .02 226));--chipboard:var(--lightningcss-light,oklch(60% .035 68))var(--lightningcss-dark,oklch(47% .035 68));--chipboard-dark:var(--lightningcss-light,oklch(48% .035 68))var(--lightningcss-dark,oklch(36% .03 68));--shadow:var(--lightningcss-light,oklch(30% .05 250/.22))var(--lightningcss-dark,oklch(8% .02 250/.55));--card:var(--lightningcss-light,oklch(99.5% .003 95))var(--lightningcss-dark,oklch(90% .016 95));--card-ink:oklch(21% .03 255);--card-muted:oklch(42% .03 255);--card-rule:color-mix(in oklab, var(--card-ink) 14%, var(--card));--socket:var(--lightningcss-light,oklch(88% .03 218))var(--lightningcss-dark,oklch(25% .035 226));--socket-line:var(--lightningcss-light,oklch(57.5% .05 225))var(--lightningcss-dark,oklch(55% .05 226));--socket-ink:var(--lightningcss-light,oklch(30% .04 245))var(--lightningcss-dark,oklch(92% .015 230));--tile-ink:oklch(20% .03 255);--tile-1:var(--lightningcss-light,oklch(75% .14 32))var(--lightningcss-dark,oklch(71% .14 32));--tile-2:var(--lightningcss-light,oklch(87% .13 88))var(--lightningcss-dark,oklch(81% .13 88));--tile-3:var(--lightningcss-light,oklch(77% .1 240))var(--lightningcss-dark,oklch(72% .1 240));--tile-4:var(--lightningcss-light,oklch(81% .12 155))var(--lightningcss-dark,oklch(75% .12 155));--tile-mark-1:oklch(42% .16 30);--tile-mark-2:oklch(45% .11 75);--tile-mark-3:oklch(40% .14 255);--tile-mark-4:oklch(42% .12 155);--spine-blindtest:oklch(50% .16 345);--spine-quiz:oklch(50% .15 262);--spine-buzzer:oklch(55% .19 30);--spine-reflex:oklch(82% .15 85);--spine-slate:oklch(50% .09 185);--on-spine:oklch(99% .005 95);--on-spine-light:oklch(20% .03 255);--on-spine-blindtest:var(--on-spine);--on-spine-quiz:var(--on-spine);--on-spine-buzzer:var(--on-spine);--on-spine-reflex:var(--on-spine-light);--on-spine-slate:var(--on-spine);--pawn-1:oklch(58% .19 28);--pawn-2:oklch(55% .15 258);--pawn-3:oklch(84% .15 90);--pawn-4:oklch(64% .14 152);--pawn-5:oklch(56% .16 310);--pawn-6:oklch(74% .15 58);--pawn-7:oklch(76% .12 355);--pawn-8:oklch(67% .1 200);--primary:oklch(55% .19 30);--primary-edge:oklch(40% .14 30);--on-primary:oklch(99% .005 95);--focus:var(--lightningcss-light,oklch(50% .2 262))var(--lightningcss-dark,oklch(82% .13 88));--good:oklch(52% .13 155);--good-edge:oklch(38% .1 155);--good-soft:var(--lightningcss-light,oklch(86% .09 155))var(--lightningcss-dark,oklch(75% .11 155));--danger:oklch(48.3% .1958 25.03);--danger-ink:oklch(97.13% .014 17.4);--stroke-hair:1px;--stroke-thin:2px;--stroke-bold:3px;--radius-xs:3px;--radius-s:8px;--radius-m:12px;--radius-l:18px;--radius-full:999px;--space-2xs:4px;--space-xs:8px;--space-s:12px;--space-m:20px;--space-l:32px;--space-xl:48px;--space-2xl:72px;--control-touch:44px;--control-height:52px;--text-2xs:.75rem;--text-xs:.8125rem;--text-s:1rem;--text-m:1.25rem;--text-l:1.5rem;--transition-fast:.14s;--transition-base:.26s;--transition-slow:.52s;--timing:cubic-bezier(.16, 1, .3, 1);--font-display:"Bricolage Grotesque", "Atkinson Hyperlegible Next", system-ui, sans-serif;--font-base:"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--layout-padding:clamp(16px, 4vmin, 56px);--layout-padding-block-start:max(var(--layout-padding), env(safe-area-inset-top,0px));--layout-padding-block-end:max(var(--layout-padding), env(safe-area-max-inset-bottom,env(safe-area-inset-bottom,0px)));--layout-padding-inline-start:max(var(--layout-padding), env(safe-area-inset-left,0px));--layout-padding-inline-end:max(var(--layout-padding), env(safe-area-inset-right,0px));--framed-padding-block-start:max(clamp(8px, 2vmin, 16px), env(safe-area-inset-top,0px));--framed-padding-block-end:max(clamp(8px, 2vmin, 16px), env(safe-area-max-inset-bottom,env(safe-area-inset-bottom,0px)));--stage-max-width:1800px;--column-max-width:620px;--column-wide-max-width:900px;--field:var(--board);--ink:var(--board-ink);--ink-muted:var(--board-muted);--rule:color-mix(in oklab, var(--ink) 22%, var(--field));--edge:color-mix(in oklab, var(--ink) 60%, var(--field));--cut:var(--card);--cut-ink:var(--card-ink);--hairline:var(--stroke-thin) solid var(--rule);--phase-ink:var(--track-five);--phase-on-ink:var(--track-ink)}:root[data-phase=countdown]{--phase-ink:var(--spine-reflex);--phase-on-ink:var(--on-spine-light)}:root[data-phase=playing]{--phase-ink:var(--spine-quiz);--phase-on-ink:var(--on-spine)}:root[data-flipped]{--field:var(--board-ink);--ink:var(--board);--ink-muted:color-mix(in oklab, var(--board) 85%, var(--board-ink))}:root:is([data-phase=buzzed],[data-phase=playing][data-marking]){--phase-ink:var(--primary);--phase-on-ink:var(--on-primary)}:root[data-phase=revealed]{--phase-ink:var(--good);--phase-on-ink:var(--on-spine)}:root[data-phase=finished]{--phase-ink:var(--track-five);--phase-on-ink:var(--track-ink)}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-strike{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}