@layer components{.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}.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}}@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}html{font-size:var(--root-size)}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));--scrim:var(--lightningcss-light,oklch(24% .035 250/.35))var(--lightningcss-dark,oklch(8% .02 250/.6));--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-sheet:0 -12px 28px -12px 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);--spine-worldmap:oklch(48% .11 140);--spine-challenge:oklch(42% .09 52);--spine-innerclock:oklch(44% .08 235);--spine-matchsticks:oklch(45% .14 305);--spine-timeline:oklch(46% .09 100);--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);--on-spine-worldmap:var(--on-spine);--on-spine-challenge:var(--on-spine);--on-spine-innerclock:var(--on-spine);--on-spine-matchsticks:var(--on-spine);--on-spine-timeline:var(--on-spine);--match-wood:oklch(85% .07 80);--match-edge:oklch(47% .06 65);--match-head:oklch(53% .19 27);--match-head-edge:oklch(38% .13 27);--map-sea:var(--lightningcss-light,oklch(80% .055 225))var(--lightningcss-dark,oklch(50% .06 228));--map-graticule:var(--lightningcss-light,oklch(74% .05 225))var(--lightningcss-dark,oklch(45% .05 228));--map-land:var(--lightningcss-light,oklch(96% .025 95))var(--lightningcss-dark,oklch(82% .03 95));--map-border:var(--lightningcss-light,oklch(52% .04 245))var(--lightningcss-dark,oklch(40% .04 245));--map-target:var(--lightningcss-light,oklch(30% .05 250))var(--lightningcss-dark,oklch(24% .04 250));--map-target-edge:oklch(96% .025 95);--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;--root-size:max(100%, calc(100vmin / 67.5));--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;--font-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", 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)}}