@layer tokens{:root{--ink:#20221f;--ink-soft:#43453f;--muted:#66675e;--paper:#f5f3ed;--paper-bright:#fff;--game-stack:#c8b6f8;--game-orbit:#e4ed62;--game-flip:#f6ad95;--game-turn:#a6cbea;--game-split:#a8d9bc;--game-pack:#f2ce73;--piece-a:#a5b9ee;--piece-b:#f4a88e;--piece-c:#8ec8ad;--piece-d:#c9b5e7;--piece-e:#f6d671;--game:var(--paper);--hazard:#cf5239;--danger:#a32727;--tint-faint:#20221f14;--tint-track:#20221f26;--tint-hairline:#20221f30;--tint-quiet:#20221f55;--tint-strong:#20221f66;--glass:#ffffff20;--glass-hover:#fff5;--surface:var(--paper);--text:var(--ink);--text-quiet:var(--muted);--line:var(--ink);--field:#edeae3;--field-orbit:#f0f0df;--field-line:#d5d2ca;--scrim:#f5f3edd9;--disabled-opacity:.62;--font-display:"Inter Display", Arial, sans-serif;--font-body:Arial, "Helvetica Neue", sans-serif;--weight-bold:700;--weight-heavy:800;--weight-black:900;--text-hero:clamp(64px, 7.4vw, 108px);--text-poster:clamp(38px, 4.2vw, 62px);--text-title:36px;--text-prompt:clamp(26px, 4vw, 40px);--text-stat:30px;--text-result:22px;--text-body:15px;--text-control:14px;--text-note:13px;--text-label:12px;--track-tightest:-.06em;--track-tight:-.05em;--track-caps:.08em;--leading-display:1.05;--leading-body:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-meta:18px;--radius-cell:3px;--radius-control:4px;--radius-board:6px;--stroke-hair:1px;--stroke-icon:2px;--focus-ring:3px;--focus-offset:5px;--focus-offset-tight:2px;--focus-inset:-4px;--tap:44px;--tap-large:48px;--dur-snap:.12s;--dur-quick:.24s;--dur-settle:.35s;--dur-loop:3.6s;--ease-standard:ease;--ease-out:cubic-bezier(.2, .8, .3, 1);--page-max:1440px;--game-max:min(650px, max(320px, calc((100svh - 300px) * 1.2)))}@media (width<=599px){:root{--text-title:30px;--text-stat:24px;--text-body:13px}}@media (height<=520px){:root{--game-max:max(220px, calc((100svh - 190px) * 1.2))}}@media (prefers-reduced-motion:reduce){:root{--dur-snap:0s;--dur-quick:0s;--dur-settle:0s}}}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:var(--focus-ring) solid currentColor;outline-offset:var(--focus-offset)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}}@layer primitives{.stat-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-meta);display:flex}.stat{align-items:baseline;gap:var(--space-3);margin:0;display:flex}.stat-quiet{color:var(--text-quiet)}.stat-label{font-size:var(--text-label);font-weight:var(--weight-bold);letter-spacing:var(--track-caps);text-transform:uppercase}.stat-value{font-size:var(--text-stat);font-weight:var(--weight-heavy);letter-spacing:var(--track-tightest);font-variant-numeric:tabular-nums}.board{border-radius:var(--radius-board);background:var(--game);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow:hidden}.scrim{padding:var(--space-6);background:var(--scrim);place-items:center;display:grid;position:absolute;inset:0}.prompt{text-align:center;max-width:330px}.prompt h2{margin:0 0 var(--space-4);font-size:var(--text-prompt);line-height:var(--leading-display);letter-spacing:var(--track-tight)}.prompt p{margin:0 0 var(--space-6);font-size:var(--text-body);line-height:var(--leading-body)}.outcome{text-align:center}.outcome strong{font-size:var(--text-result);font-weight:var(--weight-heavy);letter-spacing:-.04em}.outcome p{margin:var(--space-2) 0 0;font-size:var(--text-note);line-height:1.45}.controls-bar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--tap);margin-top:var(--space-3);display:flex}.controls-bar .actions{gap:var(--space-8);display:flex}.hint{color:var(--text-quiet);font-size:var(--text-note);line-height:var(--leading-body);margin:0}.hint span{white-space:nowrap}.touch-hint{display:none}@media (hover:none){.key-hint{display:none}.touch-hint{display:inline}}.status-line{min-height:14px;margin:var(--space-2) 0 0;color:var(--text-quiet);font-size:var(--text-label)}.button{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--tap);min-height:var(--tap);border-radius:var(--radius-control);color:inherit;font-size:var(--text-control);font-weight:var(--weight-bold);background:0 0;border:0;display:inline-flex}.button:disabled,.button[aria-disabled=true]{opacity:var(--disabled-opacity)}.button svg{fill:none;stroke:currentColor;width:18px;stroke-width:var(--stroke-icon)}.button-solid{border:var(--stroke-hair) solid var(--ink);background:var(--ink);color:var(--paper);justify-content:space-between;padding:13px 20px;text-decoration:none}.button-solid:hover:not(:disabled){background:var(--ink-soft)}.button-solid:focus-visible{outline-color:var(--ink)}.button-solid.wide{gap:36px}.button-outline{border:var(--stroke-hair) solid var(--ink);background:var(--surface);color:var(--ink);padding:6px 12px}.button-outline:hover:not(:disabled){background:var(--paper-bright)}.button-text{text-underline-offset:4px;padding:10px 0;text-decoration:underline}.next-game{margin:var(--space-2) auto 0;padding-block:var(--space-2);display:flex}.puzzle-controls{margin-top:var(--space-3);flex-wrap:wrap;align-items:center;gap:6px clamp(10px,4vw,22px);display:flex}.puzzle-controls .next{min-width:10rem;min-height:var(--tap-large);margin-left:auto}.puzzle-controls .next.button-text{justify-content:flex-end}@media (height<=900px){.puzzle-controls{margin-top:var(--space-2)}}@media (width<=599px){.puzzle-controls .next{flex-grow:1}.puzzle-controls .next.button-solid{justify-content:space-between}.stat,.stat-row{gap:6px}.scrim{padding:var(--space-5)}.button-solid{padding:13px 18px}}@media (height<=520px){.stat-row{margin-bottom:var(--space-1)}.stat-value{font-size:22px}.controls-bar{margin-top:var(--space-1)}.status-line{margin-top:0}.prompt h2{margin-bottom:var(--space-1);font-size:20px}.prompt p{margin-bottom:var(--space-2);font-size:var(--text-note);line-height:1.35}.scrim{padding:var(--space-2)}}@media (height<=520px),(width<=380px){.prompt .best{display:none}.next-game{margin-top:0;padding-block:0}}}@font-face{font-family:Inter Display;font-style:normal;font-weight:900;font-display:swap;src:url(../../../fonts/inter-display-black-latin.woff2)format("woff2")}
