@layer components{.not-found-page{animation:page-enter var(--transition-base,0s) var(--ease-out) both}:root[data-landing] .not-found-page{animation:none}.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(--gutter-left) var(--gutter-right);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}@media (width>=56.25rem){.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-size:clamp(3.5rem, var(--stage-unit) * 17, 15rem);font-variation-settings:"opsz" 96;letter-spacing:-.01em;font-weight:800;font-stretch:80%;line-height:.9;font-size:clamp(2.5rem, var(--stage-unit) * 11, 6rem)}.not-found-page p{font-family:var(--font-display);font-size:clamp(1.25rem, var(--stage-unit) * 3, 1.75rem);letter-spacing:-.005em;color:var(--ink-muted);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:.75rem;height:.75rem}.connection-dot.connecting{background:0 0}.connection-dot.closed{animation:connection-pulse calc(var(--transition-slow,0s) * 2.3) ease-in-out infinite;background:linear-gradient(#0000 50%,currentColor 50%)}.connection-dot.refused{border-radius:0}.connection-status{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;color:var(--ink-muted);align-items:center;gap:var(--space-xs);font-weight:700;display:inline-flex}.connection-status .clock{letter-spacing:.04em;text-transform:none;font-weight:500}.room-invitation{--invitation-code-size:min(clamp(2.75rem, calc(var(--stage-unit) * 14), 9rem), 20cqi);--invitation-qr-max-width:16rem;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{--edge:.1875rem;border-radius:var(--radius-l);box-shadow:0 var(--edge) 0 0 var(--chipboard), var(--shadow-piece);transition:transform var(--transition-fast,0s) var(--ease-out), box-shadow var(--transition-fast,0s) var(--ease-out);border:0;position:relative}.room-invitation .code:before,.room-invitation .code:after{background:var(--ground,var(--board));content:"";width:.625rem;height:.1875rem;position:absolute;inset-inline-start:50%;translate:-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-size:clamp(3.5rem, var(--stage-unit) * 17, 15rem);font-variation-settings:"opsz" 96;letter-spacing:-.01em;letter-spacing:.02em;font-weight:800;font-stretch:80%;line-height:.9;font-size:var(--invitation-code-size);-webkit-user-select:text;user-select:text;word-break:break-all}.room-invitation .code-caption{font-weight:700;line-height:1.2;font-size:clamp(.9375rem, var(--stage-unit) * 2.2, 1.25rem)}.room-invitation .qr{align-items:center;gap:var(--space-s) var(--space-m);grid-template-columns:minmax(0, var(--invitation-qr-max-width));text-align:center;justify-content:center;display:grid}@container (width>=25rem){.room-invitation .qr{grid-template-columns:minmax(0, min(var(--invitation-qr-max-width), 45cqi)) minmax(0, 1fr);text-align:start;justify-content:stretch}}.room-invitation .qr-card{--edge:.1875rem;background:var(--card);border-radius:var(--radius-m);box-shadow:0 var(--edge) 0 var(--chipboard), var(--shadow-card);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{font-weight:700;line-height:1.3;font-size:clamp(1rem, var(--stage-unit) * 2.2, 1.25rem);text-wrap:balance}.room-invitation .join-url{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.8, 1rem);color:var(--ink-muted);overflow-wrap:break-word;-webkit-user-select:text;user-select:text;font-weight:500;line-height:1.35}.segmented-control{gap:var(--space-2xs);flex-direction:column;display:flex}.segmented-control .react-aria-Label{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;color:var(--ink-muted);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);gap:var(--stroke-thin);flex-wrap:wrap;flex:none;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{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.8, 1rem);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,0s) var(--ease-out), color var(--transition-fast,0s) var(--ease-out);white-space:nowrap;padding-block:var(--space-2xs);flex:1;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:11.25rem;display:flex}.slider .slider-header{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;color:var(--ink-muted);gap:var(--space-s);justify-content:space-between;font-weight:700;display:flex}.slider .react-aria-SliderTrack{cursor:pointer;align-items:center;width:100%;height:1.75rem;display:flex;position:relative}.slider .react-aria-SliderTrack:before{border:var(--stroke-thin) solid var(--rule-strong);border-radius:var(--radius-full);content:"";width:100%;height:.75rem;position:absolute}.slider .fill{background:var(--ink);border-radius:var(--radius-full);height:.75rem;width:var(--fill,0%);position:absolute}.slider .react-aria-SliderThumb[data-focus-visible],.slider .react-aria-SliderThumb:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.slider .react-aria-SliderThumb{background:var(--ink);border-radius:var(--radius-full);cursor:pointer;width:.5rem;height:1.5rem;top:50%}.slider .react-aria-SliderThumb[data-dragging]{width:.75rem;height:1.75rem}.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,0s) var(--ease-out)}.text-link[data-hovered],.text-link[data-pressed]{text-decoration-thickness:var(--stroke-thin)}.app-menu{transition:opacity var(--transition-base,0s) var(--ease-out);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(--gutter-right), 50% - var(--stage-max-width) / 2 + var(--gutter-right))}: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(--gutter-left), 50% - var(--stage-max-width) / 2 + var(--gutter-left)) 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 var(--edge) 0 var(--chipboard-dark);color:var(--on-spine-light)}.app-menu .trigger{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;--edge:.125rem;background:var(--track-a);border-radius:var(--radius-m);box-shadow:0 var(--edge) 0 var(--chipboard);color:var(--board-ink);cursor:pointer;align-items:center;gap:var(--space-xs);min-height:var(--control-height);padding:0 var(--space-s);transition:transform var(--transition-fast,0s) var(--ease-out), box-shadow var(--transition-fast,0s) var(--ease-out);border:0;font-weight:700;display:flex}.app-menu .trigger[data-pressed]{box-shadow:0 0 0 var(--chipboard);transform:translateY(var(--edge))}.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), var(--shadow-overlay);overscroll-behavior:contain;max-width:min(92vw,20rem);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,0s) var(--ease-out)}.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:11.25rem;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);font-size:clamp(1.25rem, var(--stage-unit) * 3, 1.75rem);letter-spacing:-.005em;letter-spacing:.16em;font-weight:700;font-stretch:90%;line-height:1.05;font-size:var(--text-l);text-align:center;-webkit-user-select:text;user-select:text}.app-menu-popover .recovery .hint{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.8, 1rem);color:var(--ink-muted);text-align:center;text-wrap:balance;font-weight:500;line-height:1.35}.app-menu-popover .warning{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.8, 1rem);color:var(--ink-muted);text-wrap:balance;font-weight:500;line-height:1.35}.app-menu-popover .build{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;color:var(--ink-muted);text-align:center;-webkit-user-select:text;user-select:text;font-weight:700}.app-menu-popover .credit{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.8, 1rem);color:var(--ink-muted);font-weight:500;line-height:1.35;font-size:var(--text-2xs);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+.credit{margin-block-start:calc(var(--space-m) * -.85)}.app-menu-popover .credit+.build{margin-block-start:calc(var(--space-m) * -.5)}.skip-link{--edge:.1875rem;background:var(--card);border-radius:var(--radius-s);box-shadow:0 var(--edge) 0 var(--chipboard), var(--shadow-card);color:var(--card-ink);font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;padding:var(--space-s) var(--space-m);translate:0 calc(-100% - var(--layout-padding-block-start) - var(--space-l));z-index:2;font-weight:700;text-decoration:none;position:fixed;inset-block-start:var(--layout-padding-block-start);inset-inline-start:var(--gutter-left)}.skip-link:focus-visible{translate:none}.app-shell{--menu-inset:calc(var(--layout-padding) + var(--menu-width,7.25rem));--menu-block-inset:calc(var(--layout-padding-block-start) + var(--space-xl));flex-direction:column;flex:1;display:flex}.error-screen{animation:page-enter var(--transition-base,0s) var(--ease-out) both}:root[data-landing] .error-screen{animation:none}.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(--gutter-left) var(--gutter-right);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}@media (width>=56.25rem){.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-size:clamp(1.75rem, var(--stage-unit) * 6, 4.5rem);font-variation-settings:"opsz" 96;letter-spacing:var(--tracking-tight);font-weight:800;font-stretch:85%;line-height:.95}.error-screen p{font-size:clamp(1rem, var(--stage-unit) * 2, 1.125rem);color:var(--ink-muted);max-width:var(--measure-error);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{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;color:var(--ink-muted);align-items:center;gap:var(--space-s);font-weight:700;display:flex}.loader:empty{display:none}.route-fallback{animation:page-enter var(--transition-base,0s) var(--ease-out) both}:root[data-landing] .route-fallback{animation:none}.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(--gutter-left) var(--gutter-right);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}@media (width>=56.25rem){.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(-.375rem)}}@property --reduced-motion-duration{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s}*,:before,:after{animation-duration:var(--reduced-motion-duration,0s);animation-iteration-count:1}::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:optional;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:optional;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:optional;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:optional;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}@font-face{ascent-override:101.036%;descent-override:29.654%;font-family:Bricolage Grotesque fallback;font-style:normal;font-weight:200 649;line-gap-override:0%;size-adjust:91.8202%;src:local(Arial),local(Liberation Sans),local(Arimo),local(Roboto)}@font-face{ascent-override:99.8683%;descent-override:25.6315%;font-family:Bricolage Grotesque fallback;font-style:normal;font-weight:650 749;line-gap-override:0%;size-adjust:95.6176%;src:local(Arial Bold),local(Arial-BoldMT),local(Liberation Sans Bold),local(Arimo Bold),local(Roboto Bold)}@font-face{ascent-override:108.314%;descent-override:54.7238%;font-family:Bricolage Grotesque fallback;font-style:normal;font-weight:750 800;line-gap-override:0%;size-adjust:73.6024%;src:local(Arial Bold),local(Arial-BoldMT),local(Liberation Sans Bold),local(Arimo Bold),local(Roboto Bold)}@font-face{ascent-override:99.3918%;descent-override:31.9185%;font-family:Atkinson Hyperlegible Next fallback;font-style:normal;font-weight:200 449;line-gap-override:0%;size-adjust:99.0021%;src:local(Arial),local(Liberation Sans),local(Arimo),local(Roboto)}@font-face{ascent-override:96.2797%;descent-override:30.9191%;font-family:Atkinson Hyperlegible Next fallback;font-style:normal;font-weight:450 649;line-gap-override:0%;size-adjust:102.202%;src:local(Arial),local(Liberation Sans),local(Arimo),local(Roboto)}@font-face{ascent-override:100.192%;descent-override:32.1755%;font-family:Atkinson Hyperlegible Next fallback;font-style:normal;font-weight:650 800;line-gap-override:0%;size-adjust:98.2113%;src:local(Arial Bold),local(Arial-BoldMT),local(Liberation Sans Bold),local(Arimo Bold),local(Roboto Bold)}:where(a[href],button,input,select,textarea,summary,[tabindex],[contenteditable]):where(:not([style*="inset(50%)"],[style*="inset(50%)"] *))[data-focus-visible],:where(a[href],button,input,select,textarea,summary,[tabindex],[contenteditable]):where(:not([style*="inset(50%)"],[style*="inset(50%)"] *)):focus-visible{outline:3px solid var(--ink);outline-offset:3px}html{background:var(--field);scrollbar-color:var(--rule-strong) var(--field);scrollbar-gutter:stable;transition:background-color var(--transition-slow,0s) var(--ease-out)}#root{min-block-size:100dvh;overflow:clip}body{font-size:clamp(1rem, var(--stage-unit) * 2, 1.125rem);caret-color:var(--ink);color:var(--ink);font-weight:400;line-height:1.45;font-family:var(--font-base);font-synthesis:none;container-type:inline-size}#root{flex-direction:column;display:flex}::selection{background:var(--selection);color:var(--ink)}}@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%;-webkit-tap-highlight-color:transparent;scroll-padding-block-start:var(--scroll-offset,0px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}img,picture,svg,canvas,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation;cursor:pointer;background:0 0;border:none}textarea{resize:vertical}a{color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;overflow-wrap:break-word}p{text-wrap:pretty;overflow-wrap:break-word}ul,ol{list-style:none}#root{isolation:isolate}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}}[hidden]:not([hidden=until-found]){display:none!important}@layer tokens{:root{--stroke-hair:1px;--stroke-thin:2px;--stroke-bold:3px;--hairline:var(--stroke-thin) solid var(--rule);--hairline-strong:var(--stroke-hair) solid var(--rule-strong,color-mix(in oklab, currentColor 55%, transparent));--inset-hairline:inset 0 0 0 var(--stroke-hair) var(--rule,color-mix(in oklab, currentColor 25%, transparent));--outline-thick:2px;--outline-offset:3px;--ring:var(--outline-thick) solid var(--focus,currentColor);--ring-offset:var(--outline-offset);--underline-offset:.24em;--tracking-tight:-.02em;--icon-s:1rem;--icon-m:1.25rem;--icon-l:1.5rem;--transition-fast:.14s;--transition-base:.26s;--transition-slow:.52s;--ease-out:cubic-bezier(.16, 1, .3, 1);--target:44px;--control-height:max(var(--target), 3.25rem);--measure:38.88em;--gutter:var(--layout-padding);--gutter-left:max(var(--gutter), var(--safe-area-left));--gutter-right:max(var(--gutter), var(--safe-area-right));--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-max-inset-bottom,env(safe-area-inset-bottom,0px));--safe-area-left:env(safe-area-inset-left,0px);--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-ink:var(--lightningcss-light,oklch(30% .05 250/.22))var(--lightningcss-dark,oklch(8% .02 250/.55));--shadow-piece:0 8px 14px -6px var(--shadow-ink);--shadow-card:0 10px 18px -10px var(--shadow-ink);--shadow-raised:0 12px 20px -10px var(--shadow-ink);--shadow-lifted:0 12px 18px -8px var(--shadow-ink);--shadow-pressed:0 4px 8px -6px var(--shadow-ink);--shadow-pulled:0 18px 22px -10px var(--shadow-ink);--shadow-overlay:0 24px 40px -16px var(--shadow-ink);--shadow-print:0 6px 12px -8px var(--shadow-ink);--shadow-recess:inset 0 3px 8px -2px var(--shadow-ink);--shadow-recess-shallow:inset 0 3px 6px -4px var(--shadow-ink);--shadow-field:inset 0 2px 5px -1px var(--shadow-ink);--shadow-groove:inset 0 1px 2px var(--shadow-ink);--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));--groove:var(--lightningcss-light,oklch(88% .03 218))var(--lightningcss-dark,oklch(18% .03 228));--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);--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);--radius-xs:3px;--radius-s:8px;--radius-m:12px;--radius-l:18px;--radius-full:999px;--space-2xs:.25rem;--space-xs:.5rem;--space-s:.75rem;--space-m:1.25rem;--space-l:2rem;--space-xl:3rem;--space-2xl:4.5rem;--stage-unit:1vmin;--space-stage-split:clamp(var(--space-l), calc(var(--stage-unit) * 5), var(--space-2xl));--space-stage-rows:clamp(var(--space-xs), calc(var(--stage-unit) * 2), var(--space-m));--space-framed:clamp(var(--space-xs), calc(var(--stage-unit) * 1.6), var(--space-s));--text-3xs:.75rem;--text-2xs:.8125rem;--text-xs:.875rem;--text-s:1rem;--text-m:1.25rem;--text-l:1.5rem;--text-xl:1.75rem;--text-2xl:2rem;--text-3xl:3rem;--text-4xl:4rem;--text-em-s:.8em;--text-em-l:1.15em;--text-em-xl:1.4em;--font-display:"Bricolage Grotesque", "Bricolage Grotesque fallback", system-ui, sans-serif;--font-base:"Atkinson Hyperlegible Next", "Atkinson Hyperlegible Next fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--layout-padding:clamp(1rem, calc(var(--stage-unit) * 4), 3.5rem);--layout-padding-block-start:max(var(--layout-padding), var(--safe-area-top));--layout-padding-block-end:max(var(--layout-padding), var(--safe-area-bottom));--framed-padding-block-start:max(clamp(var(--space-xs), calc(var(--stage-unit) * 2), 1rem), var(--safe-area-top));--framed-padding-block-end:max(clamp(var(--space-xs), calc(var(--stage-unit) * 2), 1rem), var(--safe-area-bottom));--stage-max-width:112.5rem;--column-max-width:38.75rem;--column-wide-max-width:56.25rem;--measure-door-headline:9.7em;--measure-door-pitch:20.74em;--measure-game-headline:11.7em;--measure-game-pitch:29.81em;--measure-tagline:13.84em;--measure-note:25.92em;--measure-error:27.22em;--measure-hint:18.28em;--measure-slate-index:7.09em;--field:var(--board);--ink:var(--board-ink);--ink-muted:var(--board-muted);--rule:color-mix(in oklab, var(--ink) 22%, var(--field));--rule-strong:color-mix(in oklab, var(--ink) 60%, var(--field));--cut:var(--card);--cut-ink:var(--card-ink);--selection:var(--lightningcss-light,oklch(83% .07 218))var(--lightningcss-dark,oklch(41% .07 226));--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(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes card-strike{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}