:root{--bg:#f4f6fb;--surface:#fff;--surface-alt:#eef1f8;--border:#d3d9e6;--border-strong:#8b93a7;--text:#1b1f2a;--text-muted:#5d6478;--given:#1b1f2a;--entered:#2f6bd8;--accent:#2f6bd8;--accent-soft:#dbe6fb;--accent-contrast:#fff;--select:#c5d8fb;--peer:#e7edf9;--same:#cfe0fa;--danger:#c34;--danger-soft:#fadbdf;--hint:#1d9a6c;--hint-soft:#cdf0e2;--shadow:0 2px 10px #1b1f2a1a;--radius:14px;--board-line:1px;--board-line-strong:3px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#121620;--surface:#1b2130;--surface-alt:#232b3d;--border:#2f3950;--border-strong:#6d7793;--text:#e8ecf6;--text-muted:#9aa3ba;--given:#e8ecf6;--entered:#7dabff;--accent:#5b8dfb;--accent-soft:#263453;--accent-contrast:#0d1220;--select:#2d4676;--peer:#202942;--same:#2b3c60;--danger:#ff6b7d;--danger-soft:#45202a;--hint:#4fd6a3;--hint-soft:#1d3d33;--shadow:0 2px 12px #00000073}}:root[data-theme=dark]{--bg:#121620;--surface:#1b2130;--surface-alt:#232b3d;--border:#2f3950;--border-strong:#6d7793;--text:#e8ecf6;--text-muted:#9aa3ba;--given:#e8ecf6;--entered:#7dabff;--accent:#5b8dfb;--accent-soft:#263453;--accent-contrast:#0d1220;--select:#2d4676;--peer:#202942;--same:#2b3c60;--danger:#ff6b7d;--danger-soft:#45202a;--hint:#4fd6a3;--hint-soft:#1d3d33;--shadow:0 2px 12px #00000073}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}button{font:inherit;color:inherit;cursor:pointer}.app{max-width:560px;height:100svh;padding:max(8px, env(safe-area-inset-top)) 12px max(10px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;margin-inline:auto;display:flex}.topbar{align-items:center;gap:8px;min-height:44px;display:flex}.topbar-info{flex-wrap:wrap;flex:1;justify-content:center;gap:6px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:.85rem;font-weight:600}.chip-time{font-variant-numeric:tabular-nums;text-align:center;min-width:68px}.chip.warn{color:var(--danger);border-color:var(--danger)}.icon-button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex:none;place-items:center;width:44px;height:44px;display:grid}.icon-button:active{background:var(--surface-alt)}.playfield{flex-direction:column;flex:1;justify-content:space-between;gap:12px;min-height:0;display:flex}.board-wrapper{aspect-ratio:1;width:min(100%,100svh - 270px);margin-inline:auto;position:relative}@media (max-width:380px){.board-wrapper{width:min(100%,100svh - 330px)}}.board{background:var(--border-strong);gap:var(--board-line);width:100%;height:100%;padding:var(--board-line-strong);border:var(--board-line-strong) solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);display:grid;overflow:hidden}.cell{background:var(--surface);color:var(--entered);font-variant-numeric:tabular-nums;border:0;place-items:center;padding:0;font-size:clamp(1.1rem,5.6vw,1.9rem);font-weight:500;transition:background-color .12s;display:grid;position:relative}.cell[data-col="2"],.cell[data-col="5"]{margin-right:calc(var(--board-line-strong) - var(--board-line))}.cell[data-row="2"],.cell[data-row="5"]{margin-bottom:calc(var(--board-line-strong) - var(--board-line))}.cell.given{color:var(--given);font-weight:700}.cell.peer{background:var(--peer)}.cell.same-digit{background:var(--same)}.cell.selected{background:var(--select)}.cell.wrong{color:var(--danger);background:var(--danger-soft)}.cell.hint-because{background:var(--hint-soft)}.cell.hint-target{background:var(--hint-soft);box-shadow:inset 0 0 0 2px var(--hint)}.cell.flash{animation:.42s flash}@keyframes flash{0%{background:var(--accent-soft)}}.cell .notes{width:100%;height:100%;color:var(--text-muted);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:2px;font-size:clamp(.5rem,2.1vw,.72rem);font-weight:600;line-height:1;display:grid}.cell .notes span{visibility:hidden;place-items:center;display:grid}.cell .notes span.on{visibility:visible}.cell .notes span.highlight{color:var(--accent)}.board-veil{background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius);z-index:2;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.board-veil p{margin:0;font-size:1.1rem;font-weight:600}.tools{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tool{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);place-items:center;gap:2px;min-height:60px;padding:8px 4px;font-size:.72rem;font-weight:600;display:grid}.tool:active{background:var(--surface-alt)}.tool:disabled{opacity:.4}.tool[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.tool-state{opacity:.8;font-size:.62rem;font-style:normal}.keypad{grid-template-columns:repeat(9,1fr);gap:6px;display:grid}.key{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--accent);place-items:center;min-height:56px;padding:10px 0 14px;font-size:clamp(1.15rem,5.5vw,1.6rem);font-weight:600;display:grid;position:relative}.key:active{background:var(--accent-soft)}.key .left{color:var(--text-muted);font-size:.6rem;font-weight:600;position:absolute;bottom:3px}.key.done{color:var(--text-muted);opacity:.45}@media (max-width:380px){.keypad{grid-template-columns:repeat(5,1fr)}}.dialog-root{z-index:10;background:#0a0d1473;place-items:end center;padding:0;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);width:min(100%,520px);max-height:88svh;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:var(--shadow);border-radius:20px 20px 0 0;animation:.18s rise;overflow-y:auto}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.dialog h2{margin:0 0 4px;font-size:1.25rem}.dialog p.lead{color:var(--text-muted);margin:0 0 16px;font-size:.9rem}.dialog section+section{margin-top:18px}.dialog h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 8px;font-size:.8rem}.button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-alt);text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:14px 16px;font-size:.98rem;font-weight:600;display:flex}.button+.button{margin-top:8px}.button:active{filter:brightness(.96)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);justify-content:center}.button .meta{color:var(--text-muted);font-size:.78rem;font-weight:500}.button.primary .meta{color:inherit;opacity:.85}.switch{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;font-size:.95rem;display:flex}.switch:last-child{border-bottom:0}.switch input{width:46px;height:28px;accent-color:var(--accent);flex:none;margin:0}.segmented{background:var(--surface-alt);border-radius:var(--radius);grid-auto-flow:column;gap:6px;padding:4px;display:grid}.segmented button{color:var(--text-muted);background:0 0;border:0;border-radius:10px;padding:9px 4px;font-size:.88rem;font-weight:600}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.stats-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.88rem}.stats-table th,.stats-table td{text-align:right;border-bottom:1px solid var(--border);padding:8px 6px}.stats-table th:first-child,.stats-table td:first-child{text-align:left}.stats-table thead th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.72rem}.result-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.result-grid div{background:var(--surface-alt);border-radius:var(--radius);text-align:center;padding:12px 8px}.result-grid strong{font-variant-numeric:tabular-nums;font-size:1.15rem;display:block}.result-grid span{color:var(--text-muted);font-size:.72rem}.toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));border-radius:var(--radius);background:var(--text);max-width:min(92vw,460px);color:var(--bg);box-shadow:var(--shadow);z-index:20;padding:12px 16px;font-size:.88rem;line-height:1.35;animation:.16s rise;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}