h1{font-family:var(--font-serif);font-optical-sizing:auto;margin:0 0 var(--space-4) 0;letter-spacing:.01em;font-size:clamp(28px,7vw,38px);font-weight:600}.diff-row{gap:var(--space-2);display:flex}.diff-btn{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--plate-line);color:var(--ruler);padding:7px var(--space-4);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-base);background:0 0;font-size:12px}.diff-btn.active{background:var(--brass);border-color:var(--brass);color:#1a2c42;font-weight:600}.board-wrap{grid-template-columns:var(--space-6) 1fr;grid-template-rows:var(--space-6) 1fr;width:min(92vw,78vh,480px);display:grid;position:relative}.corner{grid-area:1/1}#board{background:var(--plate);border:2px solid var(--brass-dim);border-radius:var(--radius-sm);box-shadow:var(--box-shadow-strong);touch-action:none;-webkit-user-select:none;user-select:none;aspect-ratio:1;grid-area:2/2;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);display:grid;position:relative;overflow:hidden}.radial-layer{z-index:50;pointer-events:none;position:fixed;inset:0}.radial-menu{opacity:0;width:220px;height:220px;transition:transform .12s cubic-bezier(.2,.9,.3,1.3),opacity .1s;position:absolute;transform:translate(-50%,-50%)scale(.6)}.radial-menu.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.radial-menu svg{width:100%;height:100%;overflow:visible}.radial-center{fill:var(--bg-deep);stroke:var(--brass-dim);stroke-width:1.5px}.radial-slice{fill:var(--plate);stroke:var(--bg-deep);stroke-width:2px;transition:fill 80ms}.radial-slice.active{fill:var(--brass)}.radial-num{font-family:var(--font-mono);fill:var(--ink);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:18px;font-weight:600}.radial-num.active{fill:#1a2c42}.radial-center-label{font-family:var(--font-mono);fill:var(--ruler);text-anchor:middle;dominant-baseline:central;letter-spacing:.05em;font-size:10px}.cell{font-family:var(--font-mono);font-size:calc(var(--board-font-scale,1) * clamp(16px, 3.6vw, 22px));color:var(--pencil);border:.5px solid var(--cell-line);transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.cell.given{color:var(--ink);font-weight:600}.cell:nth-child(3n){border-right:2.5px solid var(--ruler)}.cell:nth-child(9n){border-right:none}.cell.row-border-3{border-bottom:2.5px solid var(--ruler)}.cell.selected{background:var(--highlight-selected)}.cell:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}.cell.peer{background:var(--highlight-peer)}.cell.same-value{background:var(--highlight-same-value)}.cell.mistake{box-shadow:inset 0 0 0 2px var(--mistake);color:var(--mistake)!important}.mistake-glyph{width:calc(var(--board-font-scale,1) * 8px);height:calc(var(--board-font-scale,1) * 8px);color:var(--mistake);pointer-events:none;position:absolute;top:2px;right:2px}[data-contrast=high] .cell:nth-child(3n){border-right-width:3.5px}[data-contrast=high] .cell.row-border-3{border-bottom-width:3.5px}.cell.pressed{background:var(--highlight-pressed)}.notes-grid{font-size:max(6.5px, calc(var(--board-font-scale,1) * clamp(7px, 1.6vw, 9px)));color:var(--ruler);font-family:var(--font-mono);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:3px}.notes-grid span{justify-content:center;align-items:center;display:flex}.ruler-top,.ruler-left{font-family:var(--font-mono);color:var(--ruler);font-size:10px;display:flex}.ruler-top{grid-area:1/2}.ruler-top span{text-align:center;flex:1}.ruler-left{flex-direction:column;grid-area:2/1}.ruler-left span{flex:1;justify-content:center;align-items:center;display:flex}.generating-indicator{background:var(--plate);border:1px solid var(--plate-line);border-radius:var(--radius-lg);padding:var(--space-8) 36px;text-align:center;max-width:340px;margin:0 auto}.generating-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ruler);margin-bottom:var(--space-3);font-size:11px}.generating-indicator p{color:var(--brass);font-family:var(--font-serif);margin:0;font-size:20px;font-weight:600}.legend-row{gap:var(--space-1);display:flex}.legend-btn{font-family:var(--font-mono);border:1px solid var(--plate-line);color:var(--ruler);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-base);background:0 0;flex-direction:column;flex:1;align-items:center;gap:1px;padding:5px 0;font-size:13px;display:flex}.legend-count{opacity:.7;font-size:9px}.legend-btn.active{background:var(--brass);border-color:var(--brass);color:#1a2c42;font-weight:600}.legend-btn:disabled{opacity:.35;cursor:default}.resume-actions{gap:var(--space-3);justify-content:center;display:flex}.settings-card .modal-title{margin-bottom:var(--space-6)}.theme-row{gap:var(--space-2);display:flex}.theme-btn{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--plate-line);color:var(--ruler);padding:7px var(--space-4);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-base);background:0 0;font-size:12px}.theme-btn.active{background:var(--brass);border-color:var(--brass);color:#1a2c42;font-weight:600}.text-size-row{gap:var(--space-2);display:flex}.text-size-btn{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--plate-line);color:var(--ruler);padding:7px var(--space-4);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-base);background:0 0;font-size:12px}.text-size-btn.active{background:var(--brass);border-color:var(--brass);color:#1a2c42;font-weight:600}.settings-toggle-row{align-items:center;gap:var(--space-2);font-family:var(--font-mono);color:var(--ink);cursor:pointer;margin-top:var(--space-4);font-size:13px;display:flex}.settings-toggle-row input[type=checkbox]{accent-color:var(--brass);width:16px;height:16px}.settings-section-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ruler);text-align:left;margin:var(--space-4) 0 var(--space-2);font-size:10px}.settings-slider-row{align-items:center;gap:var(--space-3);display:flex}.settings-slider-row input[type=range]{accent-color:var(--brass);flex:1}.settings-slider-value{font-family:var(--font-mono);color:var(--ink);text-align:right;min-width:52px;font-size:13px}.test-press-area{margin-top:var(--space-2);padding:var(--space-6) var(--space-4);border:1px dashed var(--plate-line);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--ruler);-webkit-user-select:none;user-select:none;touch-action:none;font-size:13px;transition:background .15s,border-color .15s,color .15s}.test-press-area.pressing{border-color:var(--brass-dim)}.test-press-area.fired{border-color:var(--brass);color:var(--brass);background:#c69a5a1f}.settings-card .modal-btn{margin-top:var(--space-7)}.stats-card .modal-title{margin-bottom:var(--space-6)}.stats-section-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ruler);text-align:left;margin:var(--space-4) 0 var(--space-2);font-size:10px}.stats-row{font-family:var(--font-mono);color:var(--ink);padding:var(--space-2) 0;border-bottom:1px solid var(--plate-line);justify-content:space-between;font-size:13px;display:flex}.stats-card .modal-btn{margin-top:var(--space-7)}.status-row{width:100%;max-width:480px;font-family:var(--font-mono);color:var(--ruler);margin-bottom:var(--space-2);padding:0 var(--space-1);justify-content:space-between;align-items:center;font-size:13px;display:flex}.status-row .timer{color:var(--ink);letter-spacing:.04em}.status-row .hint,.status-row .hints-used{opacity:.75;font-size:11px}.status-row .technique-debug,.status-row .daily-badge{color:var(--brass);border:1px solid var(--brass-dim);border-radius:var(--radius-pill);padding:2px var(--space-2);font-size:11px}.toast{background:var(--plate);border:1px solid var(--brass-dim);color:var(--ink);font-family:var(--font-mono);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);z-index:80;opacity:0;box-shadow:var(--box-shadow-strong);pointer-events:none;white-space:nowrap;font-size:13px;transition:all .25s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toolbar{gap:var(--space-3);margin-top:var(--space-5);justify-content:space-between;width:min(92vw,480px);display:flex}.tool-btn{align-items:center;gap:var(--space-1);background:var(--plate);border:1px solid var(--plate-line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-1) var(--space-2);color:var(--ruler);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);flex-direction:column;flex:1;font-size:10px;display:flex}.tool-btn svg{width:20px;height:20px;stroke:var(--ruler);fill:none;stroke-width:1.6px}.tool-btn.active{border-color:var(--brass);color:var(--brass)}.tool-btn.active svg{stroke:var(--brass)}.tool-btn:disabled{opacity:.35;cursor:default}.tool-btn:active:not(:disabled){transform:scale(.94)}:root{--bg:#0f2036;--bg-deep:#0a1729;--plate:#16304f;--plate-line:#2c4a6e;--ruler:#7fa0be;--paper-line:#eaf2f6;--ink:#eaf2f6;--pencil:#9fbbd1;--brass:#d9a441;--brass-dim:#b98a34;--teal:#4fa8a3;--mistake:#e0764f;--success:#6fbf8b;--cell-line:#eaf2f614;--highlight-selected:#d9a44138;--highlight-peer:#7fa0be1a;--highlight-same-value:#4fa8a333;--highlight-pressed:#d9a4414d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-serif:"Fraunces", serif;--font-mono:"IBM Plex Mono", monospace;--font-sans:"IBM Plex Sans", sans-serif;--board-font-scale:1;--space-1:4px;--space-2:8px;--space-3:10px;--space-4:14px;--space-5:18px;--space-6:22px;--space-7:24px;--space-8:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--box-shadow-strong:0 20px 60px #00000073;--transition-fast:.12s ease;--transition-base:.15s ease}[data-theme=light]{--bg:#ede4d0;--bg-deep:#ddd0b3;--plate:#fbf7ec;--plate-line:#cbbfa0;--ruler:#5b6b80;--ink:#16304f;--pencil:#3f5468;--brass:#9c6b1f;--brass-dim:#7f5716;--teal:#3d8f8a;--mistake:#c14a24;--success:#3f8f5e;--cell-line:#16304f1f;--highlight-selected:#9c6b1f47;--highlight-peer:#3f546838;--highlight-same-value:#3d8f8a42;--highlight-pressed:#9c6b1f66;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark][data-contrast=high]{--ink:#fff;--pencil:#d7e6f1;--plate:#0a1729;--plate-line:#6f93b8;--ruler:#cfe0ee;--mistake:#ff8f5c}[data-theme=light][data-contrast=high]{--ink:#000;--pencil:#1c2f42;--plate:#fff;--plate-line:#33445a;--ruler:#33445a;--mistake:#a83a1a}[data-text-size=small]{--board-font-scale:.85}[data-text-size=large]{--board-font-scale:1.2}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--brass);outline-offset:2px}html,body{background:radial-gradient(circle at 50% -10%, var(--plate) 0%, var(--bg) 55%, var(--bg-deep) 100%);height:100%;color:var(--ink);font-family:var(--font-sans);margin:0;padding:0;overflow-x:hidden}body{min-height:100vh;padding:max(18px, env(safe-area-inset-top)) 14px 24px;flex-direction:column;align-items:center;display:flex}.modal-overlay{z-index:90;opacity:0;pointer-events:none;background:#0a1729e0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-card{background:var(--plate);border:1px solid var(--brass);border-radius:var(--radius-lg);padding:var(--space-8) 36px;text-align:center;box-shadow:var(--box-shadow-strong);width:min(92vw,340px)}.modal-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ruler);margin-bottom:var(--space-3);font-size:11px}.modal-title{font-family:var(--font-serif);margin:0 0 var(--space-2);color:var(--brass);font-size:30px;font-weight:600}.modal-text{color:var(--ruler);font-family:var(--font-mono);margin:0 0 var(--space-7);font-size:13px}.modal-btn{font-weight:600;font-family:var(--font-mono);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;font-size:13px}.modal-btn-primary{background:var(--brass);color:#1a2c42;border:none}.modal-btn-secondary{border:1px solid var(--plate-line);color:var(--ruler);background:0 0}