:root{--bg: #faf9f6;--fg: #1a1a1a;--muted: #8a8a8a;--surface: #ffffff;--line: #e2e0da;--hit: #34a853;--hit-fg: #ffffff;--miss: #e05252;--miss-fg: #ffffff;--note: #b8b4a8;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #141414;--fg: #ececec;--muted: #8a8a8a;--surface: #1f1f1f;--line: #333333;--hit: #3dbb5f;--hit-fg: #0b2412;--miss: #e05252;--miss-fg: #2b0d0d;--note: #6b6759}}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent}#app{max-width:26rem;margin:0 auto;padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1rem}.header{display:flex;align-items:baseline;justify-content:space-between}.title{margin:0;font-size:1.4rem;letter-spacing:.12em}.missteps{color:var(--muted);font-variant-numeric:tabular-nums}.board{display:grid;grid-template-columns:1.4rem repeat(var(--size),1fr);gap:4px;touch-action:manipulation;user-select:none}.board.shake{animation:shake .25s ease-in-out}.clue{display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums;transition:color .2s}.clue.solved{color:var(--hit)}.cell{aspect-ratio:1;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg);font:inherit;font-weight:700;padding:0}.cell.pop{animation:pop .2s ease-out}.cell[data-mark=path]{background:var(--hit);border-color:var(--hit);color:var(--hit-fg)}.cell[data-mark=miss]{background:var(--miss);border-color:var(--miss);color:var(--miss-fg)}.cell[data-mark=miss]:after{content:"✕"}.cell[data-mark=note]:after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--note)}.cell:disabled{opacity:1}.modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.mode{min-height:44px;border:none;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-weight:600}.mode[aria-pressed=true]{background:var(--fg);color:var(--bg)}.intro{padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.intro-heading{margin:0;font-weight:700}.intro-steps{margin:.75rem 0 1rem;padding-left:1.25rem;display:grid;gap:.5rem}.primary{width:100%;min-height:44px;border:none;border-radius:10px;background:var(--fg);color:var(--bg);font:inherit;font-weight:700}.ghost{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--fg);font:inherit;font-weight:600}.result-screen{display:flex;flex-direction:column;gap:.75rem;text-align:center}.result-heading{margin:0;font-size:1.4rem;font-weight:700}.result-score{margin:-.5rem 0 0;color:var(--muted)}.result-meta{margin:0;color:var(--muted);font-size:.9rem}.result-percentile{margin:0 auto;padding:.25rem .75rem;border-radius:999px;background:var(--hit);color:var(--hit-fg);font-weight:600}.result-statline{margin:-.25rem 0 0;color:var(--muted);font-size:.9rem}.share-preview{margin:0;padding:.75rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-family:inherit;font-size:.85rem;line-height:1.3;overflow-x:auto}.countdown{margin:0;color:var(--muted);font-variant-numeric:tabular-nums}.trail-line{margin:0;color:var(--muted);font-weight:600}.board-box{display:grid;gap:1rem}@keyframes pop{50%{transform:scale(1.12)}}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}