.sp-root{--sp-bg:#fffdf9;--sp-page:#faf8f4;--sp-line:#d8d3c7;--sp-line-strong:#1a1a17;--sp-given:#1a1a17;--sp-placed:#2456a6;--sp-cascade:#0e7a3c;--sp-cand:#a09c92;--sp-scan-bg:#e3ecf7;--sp-blocker-bg:#f6ddd8;--sp-blocker-fg:#b3261e;--sp-excluded-fg:#8a877f;--sp-target-bg:#ddedd8;--sp-hypo-bg:#ffe9cf;--sp-hypo-fg:#d97400;--sp-conflict-bg:#b3261e;--sp-conflict-fg:#fff6f4;--sp-panel-bg:#f1eee6;--sp-text:#1a1a17;--sp-serif:Georgia, "Songti SC", "STSong", serif;color:var(--sp-text);background:var(--sp-page);max-width:430px;margin:0 auto;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}@media (prefers-color-scheme:dark){.sp-root{--sp-bg:#1e1d19;--sp-page:#171613;--sp-line:#3a3833;--sp-line-strong:#eae7df;--sp-given:#eae7df;--sp-placed:#8fb4e8;--sp-cascade:#4fd07f;--sp-cand:#8f8b80;--sp-scan-bg:#22303f;--sp-blocker-bg:#4a211d;--sp-blocker-fg:#ff8a7e;--sp-excluded-fg:#8f8b80;--sp-target-bg:#223a26;--sp-hypo-bg:#3d2c14;--sp-hypo-fg:#ffb257;--sp-conflict-bg:#8c1d16;--sp-conflict-fg:#ffe3e0;--sp-panel-bg:#242320;--sp-text:#eae7df}}.sp-board{aspect-ratio:1;border:1.5px solid var(--sp-line-strong);background:var(--sp-bg);-webkit-user-select:none;user-select:none;grid-template-columns:repeat(9,1fr);display:grid}.sp-cell{border-right:.5px solid var(--sp-line);border-bottom:.5px solid var(--sp-line);font-family:var(--sp-serif);background:var(--sp-bg);justify-content:center;align-items:center;font-size:clamp(16px,5vw,24px);line-height:1;display:flex;position:relative}.sp-cell:nth-child(9n){border-right:none}.sp-cell:nth-child(n+73){border-bottom:none}.sp-cell.b-right{border-right:1.5px solid var(--sp-line-strong)}.sp-cell.b-bottom{border-bottom:1.5px solid var(--sp-line-strong)}.sp-cell.given{color:var(--sp-given);font-weight:600}.sp-cell.placed{color:var(--sp-placed);font-weight:500}.sp-cell.cascade{color:var(--sp-cascade);font-weight:500}.sp-cell.scan{background:var(--sp-scan-bg)}.sp-cell.blocker{background:var(--sp-blocker-bg);color:var(--sp-blocker-fg)}.sp-cell.target{background:var(--sp-target-bg)}.sp-cell.hypo{background:var(--sp-hypo-bg)}.sp-cell.conflict{background:var(--sp-conflict-bg)}.sp-cell.conflict .sp-cands{color:var(--sp-conflict-fg)}.sp-hypo-digit{color:var(--sp-hypo-fg);font-weight:700}.sp-excluded-mark{color:var(--sp-excluded-fg);pointer-events:none;justify-content:center;align-items:center;font-size:1.1em;font-weight:700;display:flex;position:absolute;inset:0}.sp-cands{color:var(--sp-cand);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);font-family:system-ui,sans-serif;font-size:clamp(7px,2vw,10px);display:grid;position:absolute;inset:1px}.sp-cands span{justify-content:center;align-items:center;display:flex}.sp-cell.pencil .sp-cands .in-pattern{color:var(--sp-hypo-fg);font-weight:700}@keyframes sp-pop{0%{transform:scale(.2)}60%{transform:scale(1.25)}to{transform:scale(1)}}.sp-pop{animation:.4s ease-out sp-pop;display:inline-block}.sp-controls{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0 8px;display:flex}.sp-controls button,.sp-controls select{border:1px solid var(--sp-line);background:var(--sp-bg);min-height:44px;color:var(--sp-text);cursor:pointer;appearance:none;border-radius:999px;padding:0 16px;font-size:14px}.sp-controls button:active{background:var(--sp-panel-bg);transform:scale(.97)}.sp-controls button:disabled{opacity:.35}.sp-progress{font-variant-numeric:tabular-nums;color:var(--sp-cand);margin-left:auto;font-size:12px}.sp-slider{width:100%;accent-color:var(--sp-given)}.sp-narration{background:var(--sp-panel-bg);border-radius:12px;margin-top:10px;padding:14px;font-size:14px;line-height:1.65}.sp-narration h4{margin:0 0 6px;font-size:15px}.sp-narration .sp-full{white-space:pre-wrap;margin-top:8px}.sp-toggle-full{color:var(--sp-placed);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:6px 0;font-size:13px}:root{--paper:#faf8f4;--card:#fffdf9;--panel:#f1eee6;--ink:#1a1a17;--ink-2:#55524b;--muted:#8a877f;--hairline:#d8d3c7;--hairline-strong:#1a1a17;--user-blue:#2456a6;--sel-bg:#eef2e6;--sel-ring:#7a9440;--peer-bg:#f3f1ea;--same-bg:#e9e4d5;--hypo-fg:#d97400;--hypo-bg:#ffe9cf;--hypo-border:#e8890c;--conflict-bg:#b3261e;--conflict-fg:#fff6f4;--error:#c42323;--cascade-green:#0e7a3c;--serif:Georgia, "Songti SC", "STSong", serif;--sans:system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--r-sm:8px;--r-md:12px;--r-full:999px}@media (prefers-color-scheme:dark){:root{--paper:#171613;--card:#1e1d19;--panel:#242320;--ink:#eae7df;--ink-2:#b5b1a6;--muted:#8f8b80;--hairline:#3a3833;--hairline-strong:#eae7df;--user-blue:#8fb4e8;--sel-bg:#2a3122;--sel-ring:#96b25c;--peer-bg:#201f1b;--same-bg:#33312a;--hypo-fg:#ffb257;--hypo-bg:#3d2c14;--hypo-border:#cf8a2e;--conflict-bg:#8c1d16;--conflict-fg:#ffe3e0;--error:#e06055;--cascade-green:#4fd07f}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{touch-action:manipulation}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}.app{max-width:430px;padding:8px 16px calc(16px + env(safe-area-inset-bottom));min-height:100dvh;margin:0 auto}button{font-family:var(--sans);color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0}button:disabled{opacity:.35}.topbar{justify-content:space-between;align-items:center;min-height:44px;padding:10px 0 8px;display:flex}.topbar .back{width:44px;height:44px;color:var(--muted);justify-content:center;align-items:center;margin-left:-12px;font-size:24px;display:flex}.topbar .back:active{color:var(--ink)}.brand{font-family:var(--serif);letter-spacing:6px;text-indent:6px;font-size:17px}.meta{color:var(--muted);font-variant-numeric:tabular-nums;gap:12px;font-size:13px;display:flex}.meta b{color:var(--ink);font-weight:600}.rule{border:none;border-top:1px solid var(--hairline);margin:0 0 14px}.board{aspect-ratio:1;border:1.5px solid var(--hairline-strong);background:var(--card);-webkit-user-select:none;user-select:none;grid-template-columns:repeat(9,1fr);display:grid}.board.hypo-active{border-color:var(--hypo-border);box-shadow:0 0 0 2px var(--hypo-border)}.cell{border-right:.5px solid var(--hairline);border-bottom:.5px solid var(--hairline);font-family:var(--serif);background:var(--card);justify-content:center;align-items:center;font-size:clamp(17px,5.4vw,24px);display:flex;position:relative}.cell:nth-child(9n){border-right:none}.cell:nth-child(n+73){border-bottom:none}.cell.b-right{border-right:1.5px solid var(--hairline-strong)}.cell.b-bottom{border-bottom:1.5px solid var(--hairline-strong)}.cell.given{color:var(--ink);font-weight:600}.cell.user{color:var(--user-blue);font-weight:500}.cell.peer{background:var(--peer-bg)}.cell.same{background:var(--same-bg)}.cell.selected{background:var(--sel-bg);box-shadow:inset 0 0 0 2px var(--sel-ring)}.cell.hypo{color:var(--hypo-fg);background:var(--hypo-bg);font-weight:600}.cell.conflict{background:var(--conflict-bg);color:var(--conflict-fg)!important}.cell.flash-error{animation:.4s flash}@keyframes flash{0%,to{background:var(--card)}50%{background:var(--conflict-bg)}}@keyframes pop{0%{transform:scale(.2)}60%{transform:scale(1.25)}to{transform:scale(1)}}.cell .pop{animation:.3s ease-out pop;display:inline-block}.notes{font-family:var(--sans);color:var(--muted);pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);font-size:clamp(7px,2.1vw,10px);display:grid;position:absolute;inset:1px}.notes span{justify-content:center;align-items:center;display:flex}.notes span.u{color:var(--ink-2);font-weight:600}.notes span.a{color:var(--muted);opacity:.55}.hypo-banner{background:var(--hypo-bg);color:var(--hypo-fg);border:1px solid var(--hypo-border);border-radius:var(--r-sm);text-align:center;margin-bottom:10px;padding:9px 12px;font-size:13px;font-weight:600}.toolrow{justify-content:space-between;margin:14px 2px 10px;display:flex}.tool{color:var(--ink-2);flex-direction:column;align-items:center;gap:4px;min-width:48px;font-size:11px;display:flex}.tool .ic{border:1px solid var(--hairline);border-radius:var(--r-full);background:var(--card);justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;transition:transform 80ms;display:flex}.tool:active .ic{transform:scale(.92)}.tool.on .ic{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tool.hypo-tool.on .ic{background:var(--hypo-fg);border-color:var(--hypo-fg)}.pad{grid-template-columns:repeat(9,1fr);gap:4px;display:grid}.pad button{aspect-ratio:.72;font-family:var(--serif);color:var(--ink);border-radius:var(--r-sm);flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:26px;transition:transform 80ms;display:flex}.pad button:active{background:var(--panel);transform:scale(.94)}.pad .cnt{font-family:var(--sans);color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.btn{border:1px solid var(--hairline);border-radius:var(--r-full);background:var(--card);color:var(--ink);min-height:44px;padding:12px 20px;font-size:14px;transition:transform 80ms}.btn:active{background:var(--panel);transform:scale(.97)}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.outline-strong{border-color:var(--ink);letter-spacing:2px}.hint-text{color:var(--muted);font-size:13px;line-height:1.6}.error-text{color:var(--error);font-size:13px;line-height:1.6}.home-title{font-family:var(--serif);letter-spacing:14px;text-indent:14px;text-align:center;margin:28px 0 4px;font-size:34px}.home-sub{text-align:center;color:var(--muted);letter-spacing:1px;margin-bottom:22px;font-size:13px}.seg{border:1px solid var(--hairline);border-radius:var(--r-full);background:var(--card);margin-bottom:16px;padding:3px;display:flex}.seg button{border-radius:var(--r-full);color:var(--muted);flex:1;min-height:40px;padding:9px 0;font-size:14px}.seg button.on{background:var(--ink);color:var(--paper)}.tier-list{flex-direction:column;gap:8px;display:flex}.tier-card{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--card);text-align:left;justify-content:space-between;align-items:center;min-height:60px;padding:14px 16px;transition:transform 80ms;display:flex}.tier-card:active{background:var(--panel);transform:scale(.98)}.tier-card .t-name{font-size:16px;font-weight:600}.tier-card .t-desc{color:var(--muted);margin-top:2px;font-size:12px}.tier-card .t-go{color:var(--muted);font-size:18px}.resume-card{border:1px solid var(--ink);border-radius:var(--r-md);background:var(--card);text-align:left;justify-content:space-between;align-items:center;width:100%;margin-bottom:14px;padding:14px 16px;display:flex}.resume-card .r-title{font-size:15px;font-weight:600}.resume-card .r-meta{color:var(--muted);margin-top:2px;font-size:12px}.home-foot{text-align:center;margin-top:18px}.dialog-mask{z-index:20;background:#14120c73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--paper);border-radius:var(--r-md);width:100%;max-width:400px;max-height:88dvh;padding:20px;overflow:auto}.dialog h2{margin:0 0 10px;font-size:17px}.sheet-mask{z-index:30;background:#14120c73;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);width:100%;max-width:430px;max-height:96dvh;padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;margin:0 auto;animation:.28s ease-out sheet-up;overflow:auto}@keyframes sheet-up{0%{opacity:.6;transform:translateY(40%)}to{opacity:1;transform:translateY(0)}}.sheet-grip{background:var(--hairline);border-radius:2px;width:40px;height:4px;margin:4px auto 10px}.sheet-close{width:100%;margin-top:10px}.win-card{border:1.5px solid var(--ink);border-radius:var(--r-md);background:var(--card);text-align:center;margin-top:16px;padding:22px 18px}.win-card .w-title{font-family:var(--serif);letter-spacing:6px;text-indent:6px;margin-bottom:12px;font-size:22px}.win-stats{justify-content:center;gap:26px;margin-bottom:16px;display:flex}.win-stats .s{flex-direction:column;gap:2px;display:flex}.win-stats .s b{font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.win-stats .s span{color:var(--muted);font-size:11px}textarea.paste{background:var(--card);width:100%;min-height:68px;color:var(--ink);border:1px solid var(--hairline);border-radius:var(--r-sm);padding:10px;font-family:ui-monospace,monospace;font-size:13px}