:root{--canvas:#fff;--board:#fff;--ink:#344861;--line:#bec6d4;--box-line:#344861;--given:#344861;--entry:#22489a;--note:#344861;--selected:#bbdefb;--related:#d3dfec;--same:#afc8e4;--conflict-bg:#f7cfd6;--conflict-ink:#b3261e;--accent:#325aaf;--muted:#5b6b7d;--tab-muted:#5b6b7d;--ok:#2e9d5b;--hint-bg:#fdf1c7;--hint:#a35c00;--pad-bg:#eaeef4;--pad-hover:#dce3ec;--overlay-bg:#ffffffeb;--shadow:#202a3740;--backdrop:#202a3759;--on-accent:#fff;--canvas-image:none;--selected-given:var(--given);--selected-entry:var(--entry);--selected-ok:var(--ok);--selected-note:var(--note);--glow:transparent;--given-weight:300;--entry-weight:400;--radius:10px;--fast:.14s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--canvas-image) var(--canvas);font-family:Inter,Geist,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-theme=dark]{--canvas:#0b2442;--canvas-image:radial-gradient(120% 90% at 50% 0%, #16426b 0%, #0b2442 45%, #06142a 100%);--board:#172231;--ink:#e2e8f0;--line:#3f5672;--box-line:#6f9bea;--glow:#6f9bea73;--given:#a9b9cc;--given-weight:400;--entry:#67d4ff;--entry-weight:700;--note:#a9b9cc;--selected:#5fd0ff;--selected-given:#0b1a2a;--selected-entry:#0b1a2a;--selected-ok:#0b1a2a;--selected-note:#0b1a2a;--related:#27446a;--same:#3b3f86;--conflict-bg:#6b1d24;--conflict-ink:#fca5a5;--accent:#5fd0ff;--muted:#aab6c8;--tab-muted:#aab6c8;--ok:#4ade80;--hint-bg:#4a3d14;--hint:#fbbf24;--pad-bg:#253246;--pad-hover:#33435b;--overlay-bg:#0b2442eb;--shadow:#00000080;--backdrop:#02061799;--on-accent:#0b1a2a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:#0b2442;--canvas-image:radial-gradient(120% 90% at 50% 0%, #16426b 0%, #0b2442 45%, #06142a 100%);--board:#172231;--ink:#e2e8f0;--line:#3f5672;--box-line:#6f9bea;--glow:#6f9bea73;--given:#a9b9cc;--given-weight:400;--entry:#67d4ff;--entry-weight:700;--note:#a9b9cc;--selected:#5fd0ff;--selected-given:#0b1a2a;--selected-entry:#0b1a2a;--selected-ok:#0b1a2a;--selected-note:#0b1a2a;--related:#27446a;--same:#3b3f86;--conflict-bg:#6b1d24;--conflict-ink:#fca5a5;--accent:#5fd0ff;--muted:#aab6c8;--tab-muted:#aab6c8;--ok:#4ade80;--hint-bg:#4a3d14;--hint:#fbbf24;--pad-bg:#253246;--pad-hover:#33435b;--overlay-bg:#0b2442eb;--shadow:#00000080;--backdrop:#02061799;--on-accent:#0b1a2a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{min-height:100dvh;margin:0}#app{flex-direction:column;gap:10px;max-width:1100px;min-height:100dvh;margin:0 auto;padding:8px 16px 12px;display:flex}.icon{place-items:center;line-height:0;display:inline-grid}.icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:6px 0 8px;display:flex}.brand{letter-spacing:.01em;align-items:center;gap:8px;margin:0;font-size:1.3rem;font-weight:700;display:flex}.brand .icon{color:var(--accent)}.brand .icon svg{stroke:none;width:28px;height:28px}.brand .icon svg path{stroke:var(--on-accent)}.modes{align-self:stretch;gap:20px;display:flex}button.mode{color:var(--tab-muted);background:0 0;border:none;border-radius:0;padding:0 0 2px;font-size:.95rem;box-shadow:inset 0 -2px #0000}button.mode[aria-selected=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent);font-weight:600}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.timer{text-align:right;min-width:4.5ch;font-weight:600}.difficulty{flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-size:.95rem;display:flex}.difficulty-label{color:var(--muted);margin-right:2px}.difficulty .level{font:inherit;color:var(--muted);cursor:pointer;transition:color var(--fast);background:0 0;border:0;padding:2px 0}.difficulty .level:hover{color:var(--ink)}.difficulty .level[aria-pressed=true]{color:var(--accent);font-weight:600}.difficulty .level[hidden]{display:none}@media (width<=520px){.difficulty{justify-content:space-between;gap:4px 8px}.difficulty-label{display:none}}button,select{font:inherit;color:var(--ink);background:var(--board);border:1px solid var(--line);cursor:pointer;transition:background var(--fast), border-color var(--fast), color var(--fast);border-radius:8px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.round{background:var(--pad-bg);border:none;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}button.round:hover:not(:disabled){background:var(--pad-hover)}button.round .icon svg{width:18px;height:18px}button.round.lang{letter-spacing:.02em;color:var(--ink);font-size:.75rem;font-weight:700}button.primary{background:var(--accent);color:var(--on-accent);border:none;min-height:44px;padding:11px 16px;font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.08)}.game-info{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;display:flex}.size-pick{align-items:center;gap:8px;display:flex}.size-pick select{padding:4px 8px}main{flex-direction:column;flex:1;align-items:center;gap:14px;display:flex}.board-wrap{aspect-ratio:1;width:min(100%,100dvh - 330px,640px);min-width:240px;position:relative}.board{grid-template-columns:repeat(var(--N), 1fr);grid-template-rows:repeat(var(--N), 1fr);background:var(--board);border:2px solid var(--box-line);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:4px;width:100%;height:100%;display:grid;overflow:hidden;container-type:size}.row{display:contents}.cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:calc(100cqw / var(--N) * .62);font-weight:var(--given-weight);color:var(--given);cursor:pointer;transition:background var(--fast), color var(--fast);justify-content:center;align-items:center;line-height:1;display:flex;position:relative}.cell:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.row>.cell:last-child{border-right:none}.row:last-child>.cell{border-bottom:none}.cell.box-r{border-right:2px solid var(--box-line)}.cell.box-b{border-bottom:2px solid var(--box-line)}.cell.entry{color:var(--entry);font-weight:var(--entry-weight)}.cell.related{background:var(--related)}.cell.same{background:var(--same)}.cell.hint-region{background:var(--hint-bg)}.cell.selected{background:var(--selected)}.cell.conflict{background:var(--conflict-bg);-webkit-text-decoration:underline wavy var(--conflict-ink);text-decoration:underline wavy var(--conflict-ink);text-underline-offset:3px;text-decoration-thickness:2px}.cell.conflict.entry,.cell.conflict.selected{color:var(--conflict-ink)}.cell.selected:not(.conflict){color:var(--selected-given)}.cell.selected.entry:not(.conflict){color:var(--selected-entry)}.cell.selected.correct:after{border-color:var(--selected-ok)}.board{box-shadow:0 0 14px var(--glow)}.cell.box-r{box-shadow:3px 0 6px -2px var(--glow)}.cell.box-b{box-shadow:0 3px 6px -2px var(--glow)}.cell.box-r.box-b{box-shadow:3px 0 6px -2px var(--glow), 0 3px 6px -2px var(--glow)}.cell .notes{grid-template-columns:repeat(var(--n), 1fr);grid-template-rows:repeat(var(--n), 1fr);pointer-events:none;display:grid;position:absolute;inset:4%}.note{font-size:calc(100cqw / var(--N) / var(--n) * .78);color:var(--note);justify-content:center;align-items:center;font-weight:400;line-height:1;display:flex}.note:before{content:attr(data-sym)}.cell.selected .note{color:var(--selected-note)}.cell.correct:after{content:"";border:solid var(--ok);border-width:0 .045em .045em 0;width:.13em;height:.24em;position:absolute;bottom:.2em;right:.22em;transform:rotate(45deg)}.cell.hinted:before{content:"";background:var(--hint);width:.3em;height:.3em;position:absolute;top:.14em;left:.16em;-webkit-mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2a7 7 0 0 0-4 12.7c.6.5 1 1.3 1 2.1V18h6v-1.2c0-.8.4-1.6 1-2.1A7 7 0 0 0 12 2zM9 20h6v2H9z\"/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2a7 7 0 0 0-4 12.7c.6.5 1 1.3 1 2.1V18h6v-1.2c0-.8.4-1.6 1-2.1A7 7 0 0 0 12 2zM9 20h6v2H9z\"/></svg>") 50%/contain no-repeat}.cell.pop{animation:.16s ease-out pop}@keyframes pop{0%{color:#0000}}.cell.wrong{outline:2px dashed var(--conflict-ink);outline-offset:-3px;animation:.3s ease-in-out wrong}@keyframes wrong{20%,60%{background:var(--conflict-bg);transform:translate(-3px)}40%,80%{background:var(--conflict-bg);transform:translate(3px)}}.mistakes,.target{color:var(--muted);font-size:.9rem}.shared{text-align:center;min-height:1.4em;color:var(--muted);margin:8px 0 0;font-size:.9rem}.board.solved .cell{animation:.34s ease-out both solved;animation-delay:calc(var(--box) * var(--wave-step))}@keyframes solved{45%{background:var(--same)}}.board.is-paused .cell{color:#0000;background:var(--board);transition:none}.board.is-paused .cell:before,.board.is-paused .cell:after,.board.is-paused .notes{display:none}.overlay{background:var(--overlay-bg);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:1.1rem;display:flex;position:absolute;inset:0}.overlay[hidden],.icon[hidden],.timer[hidden],button.action[hidden]{display:none}.overlay p{margin:0}.ring{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.side{flex-direction:column;gap:10px;width:min(100%,640px);display:flex}.actions{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}button.action{color:var(--muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;font-size:.75rem;display:flex}button.action .icon{background:var(--pad-bg);width:44px;height:44px;color:var(--accent);transition:background var(--fast);border-radius:50%}button.action:hover:not(:disabled) .icon{background:var(--pad-hover)}button.action[aria-pressed=true] .icon{background:var(--accent);color:var(--on-accent)}button.action[aria-pressed=true]{color:var(--accent)}.pad.notes-mode .pad-key .sym{color:var(--note);display:inline-block;transform:scale(.6)}.side-row{align-items:center;gap:12px;display:flex}.side-row #new-game{flex:1}.setting{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.setting input{width:18px;height:18px;accent-color:var(--accent);margin:0}.pad{grid-template-columns:repeat(var(--cols-narrow), 1fr);gap:6px;display:grid}.pad-key{background:var(--pad-bg);border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:48px;padding:4px 0;display:flex}.pad-key:hover:not(:disabled){background:var(--pad-hover)}.pad-key .sym{color:var(--entry);font-size:1.6rem;font-weight:300;line-height:1.1}.pad.many .pad-key .sym{font-size:1.05rem}.pad-key .count{min-height:1lh;color:var(--muted);font-size:.68rem}.pad-key.done .sym{color:var(--muted)}.pad-key.active{box-shadow:inset 0 0 0 2px var(--accent)}.note.hl{background:var(--same);color:var(--entry);border-radius:3px;font-weight:600}.status{min-height:1.3em;color:var(--muted);margin:0;font-size:.9rem}footer{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}dialog{border-radius:var(--radius);box-shadow:0 10px 40px var(--shadow);color:var(--ink);background:var(--board);text-align:center;border:none;padding:24px 28px}dialog::backdrop{background:var(--backdrop)}dialog h2{margin:0 0 8px}dialog .hardest{margin:12px 0 6px}.techniques{text-align:left;max-width:260px;margin:0 auto;padding:0;font-size:.9rem;list-style:none}.techniques li{border-bottom:1px solid var(--line);animation:.22s ease-out both rise;animation-delay:calc(var(--i) * 60ms);justify-content:space-between;gap:16px;padding:3px 0;display:flex}.techniques .count{color:var(--muted);font-variant-numeric:tabular-nums}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}.settings-level{color:var(--muted);margin:0 0 4px;font-size:.85rem}.assists{text-align:left;flex-direction:column;display:flex}.assists .setting{min-height:36px;color:var(--ink)}.dialog-actions{justify-content:center;gap:8px;margin-top:16px;display:flex}dialog button:not(.secondary){background:var(--accent);border-color:var(--accent);color:var(--on-accent)}@media (prefers-reduced-motion:reduce){.cell.pop,.cell.wrong,.board.solved .cell,.techniques li{animation:none}}@media (width<=479px){.topbar{gap:6px}.modes{gap:12px}.topbar-actions{gap:2px}.topbar-actions button.round{width:30px;height:30px}.brand span:not(.icon){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pad-key{min-height:52px}}@media (width>=760px){main{flex-direction:row;justify-content:center;align-items:flex-start;gap:28px}.board-wrap{width:min(100dvh - 150px,62vw,720px)}.side{width:300px}.side-row{flex-direction:column;align-items:stretch;gap:10px}.pad{grid-template-columns:repeat(var(--cols-wide), 1fr)}.pad:not(.many) .pad-key{aspect-ratio:4/3}.pad:not(.many) .pad-key .sym{font-size:2rem}}table.stats{border-collapse:collapse;font-variant-numeric:tabular-nums;margin:.5rem 0 1rem}table.stats th,table.stats td{text-align:right;padding:.25rem .75rem}table.stats th[scope=row],table.stats thead th:first-child{text-align:left}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}