:root{--bg: oklch(.115 .022 274);--surface: oklch(.158 .026 274);--surface-2: oklch(.198 .028 274);--cell: oklch(.205 .028 274);--line: oklch(.3 .03 274);--line-soft: oklch(.255 .028 274);--ink: oklch(.972 .006 274);--ink-soft: oklch(.8 .013 274);--ink-mute: oklch(.64 .016 274);--ink-faint: oklch(.5 .018 274);--primary: oklch(.64 .2 274);--primary-bright: oklch(.72 .19 276);--primary-ink: oklch(.985 .005 274);--accent: oklch(.84 .14 86);--accent-bright: oklch(.9 .13 90);--danger: oklch(.64 .19 25);--focus: oklch(.78 .15 270);--tier-0: oklch(.43 .105 282);--tier-1: oklch(.485 .135 280);--tier-2: oklch(.54 .16 278);--tier-3: oklch(.595 .18 275);--tier-4: oklch(.65 .198 272);--tier-5: oklch(.705 .205 285);--tier-6: oklch(.755 .2 300);--tier-7: oklch(.795 .19 318);--tier-8: oklch(.825 .175 335);--tier-9: oklch(.855 .155 350);--tier-10: oklch(.86 .14 86);--font-display: "Space Grotesk", system-ui, sans-serif;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--fs-display: clamp(2.75rem, 9vw, 5rem);--fs-h1: clamp(1.6rem, 4.5vw, 2.4rem);--fs-h2: clamp(1.3rem, 3vw, 1.6rem);--fs-h3: 1.15rem;--fs-body: 1rem;--fs-small: .875rem;--fs-label: .74rem;--fs-score: clamp(1.5rem, 4vw, 2rem);--lh-tight: 1.05;--lh-snug: 1.25;--lh-body: 1.55;--tracking-display: -.02em;--tracking-label: .12em;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--sp-9: 6rem;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-tile: 15px;--r-pill: 999px;--shadow-sm: 0 1px 2px oklch(0 0 0 / .3);--shadow-md: 0 8px 24px -8px oklch(0 0 0 / .5);--shadow-lg: 0 24px 64px -16px oklch(0 0 0 / .6);--glow-primary: 0 0 24px -2px oklch(.64 .2 274 / .45);--glow-accent: 0 0 28px -2px oklch(.84 .14 86 / .5);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s;--shell-max: 30rem;--z-board: 1;--z-hud: 5;--z-overlay: 20;--z-toast: 30}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:100svh;font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);background:var(--bg);background-image:radial-gradient(120% 80% at 50% -10%,oklch(.2 .05 280 / .55),transparent 60%),radial-gradient(90% 60% at 50% 120%,oklch(.16 .04 300 / .4),transparent 55%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul,ol{list-style:none}svg{display:block}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-sm)}::selection{background:#6b7cff66;background:oklch(.64 .2 274 / .4);color:var(--ink)}h1,h2,h3{line-height:var(--lh-snug);text-wrap:balance;font-weight:600}p{text-wrap:pretty;max-width:62ch}#app{min-height:100svh;display:grid;place-items:center;padding:var(--sp-5) var(--sp-4)}.screen{width:100%;max-width:var(--shell-max);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.85rem 1.4rem;font-family:var(--font-ui);font-size:var(--fs-body);font-weight:600;letter-spacing:-.01em;color:var(--ink);border:1px solid transparent;border-radius:var(--r-md);transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.btn:active{transform:translateY(1px) scale(.99)}.btn svg{flex:none}.btn--full{width:100%}.btn--primary{color:var(--primary-ink);background:var(--primary);box-shadow:var(--glow-primary)}.btn--primary:hover{background:var(--primary-bright)}.btn--ghost{color:var(--ink);background:var(--surface);border-color:var(--line)}.btn--ghost:hover{background:var(--surface-2);border-color:var(--line)}.btn--subtle{color:var(--ink-soft);background:transparent}.btn--subtle:hover{color:var(--ink);background:var(--surface)}.btn--danger{color:var(--danger);background:transparent;border-color:color-mix(in oklab,var(--danger) 45%,transparent)}.btn--danger:hover{background:color-mix(in oklab,var(--danger) 14%,transparent)}.btn[disabled]{opacity:.5;pointer-events:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);transition:color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.icon-btn:hover{color:var(--ink);background:var(--surface-2)}.icon-btn:active{transform:scale(.94)}.icon-btn[disabled]{opacity:.4;pointer-events:none}.topbar{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5)}.topbar-title{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:600;letter-spacing:var(--tracking-display);text-align:center}.topbar-right{display:inline-flex;gap:var(--sp-2);justify-content:flex-end;min-width:42px}.subscreen{display:flex;flex-direction:column}.home{display:flex;flex-direction:column;gap:var(--sp-6);text-align:center;padding-top:var(--sp-4)}.home-hero{display:flex;flex-direction:column;gap:var(--sp-3)}.wordmark{font-family:var(--font-display);font-size:var(--fs-display);font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--tracking-display);background:linear-gradient(180deg,var(--ink) 0%,var(--primary-bright) 160%);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin-inline:auto;max-width:28ch;color:var(--ink-soft);font-size:var(--fs-body);line-height:var(--lh-snug)}.poly-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-2) 0}.poly-strip-item{display:flex}.home-actions{display:flex;flex-direction:column;gap:var(--sp-3)}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.home-grid .btn{justify-content:flex-start}.home-chip{display:inline-flex;align-items:center;gap:var(--sp-2);margin-inline:auto;padding:.5rem 1rem;font-size:var(--fs-small);color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-pill);transition:border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.home-chip:hover{color:var(--ink);border-color:var(--line)}.home-chip-mode{font-weight:600;color:var(--ink)}.home-chip-dot{color:var(--ink-faint)}.home-chip-best{display:inline-flex;align-items:center;gap:var(--sp-1);margin-left:var(--sp-1);padding-left:var(--sp-2);border-left:1px solid var(--line);color:var(--accent);font-variant-numeric:tabular-nums}.select-list{display:flex;flex-direction:column;gap:var(--sp-3)}.select-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-4);padding:var(--sp-4);text-align:left;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);transition:border-color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.select-card:hover{background:var(--surface-2);border-color:var(--line)}.select-card:active{transform:scale(.992)}.select-card.is-selected{border-color:var(--primary);box-shadow:var(--glow-primary)}.select-card-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--primary-bright);background:var(--surface-2);border-radius:var(--r-md)}.select-card.is-selected .select-card-icon{color:var(--primary-ink);background:var(--primary)}.select-card-body{display:flex;flex-direction:column;gap:.15rem}.select-card-title{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:600}.select-card-desc{font-size:var(--fs-small);line-height:var(--lh-snug);color:var(--ink-mute)}.select-card-meta{display:inline-flex;align-items:center;gap:var(--sp-1);align-self:flex-start;color:var(--accent);font-size:var(--fs-small);font-variant-numeric:tabular-nums}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.map-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4);text-align:center;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);transition:border-color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.map-card:hover{background:var(--surface-2);border-color:var(--line)}.map-card:active{transform:scale(.99)}.map-card.is-selected{border-color:var(--primary);box-shadow:var(--glow-primary)}.map-card-preview{display:flex;align-items:center;justify-content:center;height:100px;margin-bottom:var(--sp-1)}.map-card-title{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:600}.map-card-dims{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.02em;color:var(--ink-mute)}.map-card-desc{font-size:var(--fs-small);line-height:var(--lh-snug);color:var(--ink-mute)}.mini-shape{overflow:visible}.map-preview-cell{fill:var(--cell)}.map-card.is-selected .map-preview-cell{fill:color-mix(in oklab,var(--primary) 40%,var(--cell))}.settings-list{display:flex;flex-direction:column;padding:0 var(--sp-4);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg)}.setting-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--line-soft)}.setting-row:last-child{border-bottom:none}.setting-text{display:flex;flex-direction:column;gap:.15rem}.setting-title{font-size:var(--fs-body);font-weight:600}.setting-desc{font-size:var(--fs-small);line-height:var(--lh-snug);color:var(--ink-mute)}.switch{position:relative;width:48px;height:28px;flex:none;background:var(--line);border-radius:var(--r-pill);transition:background-color var(--dur-base) var(--ease-out)}.switch[aria-checked=true]{background:var(--primary)}.switch-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;background:var(--ink);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out)}.switch[aria-checked=true] .switch-thumb{transform:translate(20px)}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--r-pill)}.seg{padding:.4rem .85rem;font-size:var(--fs-small);font-weight:600;color:var(--ink-mute);border-radius:var(--r-pill);transition:color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.seg:hover{color:var(--ink-soft)}.seg.is-active{color:var(--primary-ink);background:var(--primary)}.settings-danger{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-5);padding:var(--sp-4);background:color-mix(in oklab,var(--danger) 7%,var(--surface));border:1px solid color-mix(in oklab,var(--danger) 30%,transparent);border-radius:var(--r-lg)}.settings-danger .setting-desc{color:var(--ink-soft)}.credits{margin:var(--sp-6) auto 0;text-align:center;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.04em;color:var(--ink-faint)}.help-body{display:flex;flex-direction:column;gap:var(--sp-5)}.help-lead{color:var(--ink-soft);font-size:var(--fs-body);line-height:var(--lh-body)}.help-steps{display:flex;flex-direction:column;gap:var(--sp-5)}.help-step{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-4);align-items:start}.help-step-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-family:var(--font-display);font-weight:700;color:var(--primary-bright);background:var(--surface-2);border:1px solid var(--line-soft);border-radius:50%}.help-step-text{display:flex;flex-direction:column;gap:var(--sp-2);padding-top:.3rem}.help-step-title{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:600}.help-step-body{font-size:var(--fs-small);line-height:var(--lh-body);color:var(--ink-mute)}.help-demo{display:inline-flex;align-items:center;gap:var(--sp-3);align-self:flex-start;margin-top:var(--sp-1);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-md)}.help-demo-op{font-family:var(--font-mono);font-size:1.1rem;color:var(--ink-mute)}.help-ladder{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) .4rem;margin-top:var(--sp-1)}.help-ladder-arrow{color:var(--ink-faint);font-size:var(--fs-small)}.help-goal{display:flex;justify-content:flex-start;margin-top:var(--sp-2)}.help-tip{padding:var(--sp-4);font-size:var(--fs-small);line-height:var(--lh-body);color:var(--ink-soft);background:color-mix(in oklab,var(--accent) 8%,var(--surface));border-left:2px solid var(--accent);border-radius:var(--r-sm)}.game{display:flex;flex-direction:column;gap:var(--sp-4)}.game-context{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);margin-top:calc(-1 * var(--sp-2));font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-mute)}.game-context-dot{color:var(--ink-faint)}.game-context-goal{display:inline-flex;align-items:center;gap:.3rem}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.stat{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-2);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-md)}.stat-label{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-mute)}.stat-value{font-family:var(--font-mono);font-size:var(--fs-score);font-weight:700;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.stat.is-urgent .stat-value{color:var(--danger)}.game-stage{position:relative}.board-host{width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.board{width:100%;height:auto;overflow:visible}.board-well{fill:var(--cell)}.tile{pointer-events:none}.tile-num{font-family:var(--font-mono);font-size:30px;font-weight:700}.game-hint{margin-inline:auto;text-align:center;font-size:var(--fs-small);color:var(--ink-mute)}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--sp-3);background:color-mix(in oklab,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-lg);overflow:auto}.game-overlay[hidden]{display:none}.overlay-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);width:100%;max-width:22rem;padding:var(--sp-5);text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.overlay-shape{display:flex;justify-content:center}.overlay-title{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:600;letter-spacing:var(--tracking-display)}.overlay-sub{max-width:26ch;font-size:var(--fs-small);line-height:var(--lh-snug);color:var(--ink-soft)}.overlay-badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:.3rem .8rem;font-size:var(--fs-small);font-weight:600;color:var(--accent-bright);background:color-mix(in oklab,var(--accent) 16%,transparent);border:1px solid color-mix(in oklab,var(--accent) 40%,transparent);border-radius:var(--r-pill)}.overlay-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);width:100%;margin:var(--sp-1) 0}.overlay-stat{display:flex;flex-direction:column;gap:.2rem;padding:var(--sp-3) var(--sp-1);background:var(--surface-2);border-radius:var(--r-md)}.overlay-stat-label{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-mute)}.overlay-stat-value{font-family:var(--font-mono);font-size:var(--fs-body);font-weight:700;color:var(--ink)}.overlay-actions{display:flex;flex-direction:column;gap:var(--sp-2);width:100%;margin-top:var(--sp-2)}.daily-locked{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);text-align:center;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg)}.daily-locked-mark{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;color:var(--primary-bright);background:var(--surface-2);border-radius:50%}.daily-locked .overlay-stats{max-width:22rem}.daily-locked .overlay-actions{max-width:18rem}