:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#ecebe7;--surface:#e2e0d9;--surface-2:#d6d3c8;--surface-3:#c9c5b8;--paper:#f7f5ef;--ink:#333f12;--muted:#5d683a;--line:#c4bfae;--line-strong:#7d7a5e;--accent:#38450f;--accent-ink:#f4f3ee;--accent-weak:#e3e8d0;--accent-strong:#2b350c;--given-bg:#ddd9cc;--user:#4c6a12;--danger:#a63a2a;--danger-weak:#f2e2dc;--warn:#8a5a14;--warn-weak:#f3e9d2;--ok:#4a7c1e;--ok-weak:#e2ecd6;--font-display:"Pilcrow Rounded", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--step-small:.8125rem;--step-body:1rem;--step-lead:1.125rem;--step-head:1.375rem;--step-title:clamp(1.5rem, 1.2rem + 1.2vw, 1.9rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius:10px;--radius-sm:6px;font-family:var(--font-display);-webkit-text-size-adjust:100%}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15170f;--surface:#1c1f15;--surface-2:#262a1c;--surface-3:#32382a;--paper:#1a1d13;--ink:#e9e7db;--muted:#a3a78d;--line:#3b412e;--line-strong:#6f7455;--accent:#b9cf6b;--accent-ink:#1a1d10;--accent-weak:#2c3319;--accent-strong:#d4e68a;--given-bg:#272b1d;--user:#c6dd7a;--danger:#ff8a73;--danger-weak:#3a221c;--warn:#e0b25f;--warn-weak:#3a2f18;--ok:#7fc95a;--ok-weak:#1f3017}}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);min-height:100svh;font-size:var(--step-body);justify-content:center;line-height:1.5;display:flex;overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{width:100%;max-width:980px;padding:var(--space-5) var(--space-5) var(--space-6);gap:var(--space-4) var(--space-5);grid-template-columns:minmax(0,5fr) minmax(0,4fr);align-items:start;display:grid}.app-head{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;grid-column:1/-1;display:flex}.app-brand{align-items:center;gap:var(--space-3);display:flex}.app-logo{border-radius:var(--radius-sm);background:var(--accent);flex:none;grid-template-rows:repeat(3,9px);grid-template-columns:repeat(3,9px);gap:2px;width:36px;height:36px;padding:4px;display:grid}.app-logo i{border-radius:1px;display:block}.app-logo i.filled{background:var(--accent-ink)}.app-title{font-size:var(--step-title);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}.app-subtitle{font-size:var(--step-small);color:var(--muted);margin:3px 0 0}.head-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--step-small);grid-column:1/-1;display:flex}.banner-text{flex:1;min-width:0}.banner-corrupted,.banner-unavailable{background:var(--danger-weak);color:var(--danger)}.banner-repaired,.banner-info{background:var(--warn-weak);color:var(--warn)}.banner-seeded{background:var(--accent-weak);color:var(--accent)}.banner-close{flex:none}.play-area{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);clip-path:polygon(18px 0,100% 0,100% 100%,0 100%,0 18px);flex-direction:column;grid-column:1;display:flex}.status{justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--step-small);flex-wrap:wrap;display:flex}.status-main{font-weight:700}.status-live{font-variant-numeric:tabular-nums;font-weight:700}.status-sub,.status-empty{color:var(--muted)}.status-warn{color:var(--danger);font-weight:700}.status.win{background:var(--ok-weak);color:var(--ok)}.chip{border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:700;line-height:1.5;display:inline-block}.chip-easy{background:var(--ok-weak);color:var(--ok)}.chip-medium{background:var(--warn-weak);color:var(--warn)}.chip-hard{background:var(--danger-weak);color:var(--danger)}.board[data-ui]{aspect-ratio:1;border:2px solid var(--line-strong);background:var(--paper);-webkit-user-select:none;user-select:none;grid-template-columns:repeat(9,minmax(0,1fr));width:min(100%,460px);display:grid;overflow:hidden}.board[data-ui] .cell{appearance:none;border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-top:none;border-left:none;justify-content:center;align-items:center;min-width:0;padding:0;font-size:clamp(1.05rem,5.4vw,1.55rem);font-weight:600;transition:background .1s;display:flex;position:relative}.board[data-ui] .cell:nth-child(9n+1){border-left:none}.board[data-ui] .cell.band{border-left:2px solid var(--line-strong)}.board[data-ui] .cell.stack{border-top:2px solid var(--line-strong)}.board[data-ui] .cell.given{background:var(--given-bg);cursor:default;font-weight:700}.board[data-ui] .cell.user .cell-value{color:var(--user);font-weight:700}.board[data-ui] .cell.selected{background:var(--accent-weak);box-shadow:inset 0 0 0 2px var(--accent);z-index:1}.board[data-ui] .cell.peer{background:color-mix(in srgb, var(--accent-weak) 55%, transparent)}.board[data-ui] .cell.same{background:color-mix(in srgb, var(--accent-weak) 80%, transparent)}.board[data-ui] .cell.same .cell-value{font-weight:700}.board[data-ui] .cell.conflict{background:var(--danger-weak)}.board[data-ui] .cell.conflict .cell-value{color:var(--danger)}.board[data-ui] .cell.wrong{background:var(--warn-weak)}.board[data-ui] .cell.wrong .cell-value{color:var(--warn)}.board[data-ui] .cell.done{cursor:default}.board[data-ui] .cell:disabled{opacity:1;color:inherit}.board[data-ui] .cell:not(.given):not(:disabled):hover{background:color-mix(in srgb, var(--accent-weak) 45%, transparent)}.board[data-ui] .cell-notes{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;display:grid}.board[data-ui] .note{color:var(--muted);justify-content:center;align-items:center;font-size:clamp(.44rem,1.8vw,.62rem);font-weight:600;line-height:1;display:flex}.toolbar{gap:var(--space-2);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.numpad{gap:var(--space-2);grid-template-columns:repeat(3,48px);justify-content:center;width:100%;display:grid}.key{width:48px;height:48px;font:inherit;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);cursor:pointer;border:0;font-size:1.15rem;font-weight:700;transition:background .12s,transform 60ms}.key:hover:not(:disabled){background:var(--accent-weak);color:var(--accent)}.key:active:not(:disabled){transform:translateY(1px)}.key:disabled{opacity:.45;cursor:default}.key-clear{background:var(--surface-3);width:auto;height:40px;color:var(--muted);grid-column:1/-1;font-size:.85rem;font-weight:600}.key-clear:hover:not(:disabled){background:var(--danger-weak);color:var(--danger)}.ctrl{font:inherit;font-size:var(--step-small);border-radius:var(--radius-sm);background:var(--surface-2);min-height:34px;color:var(--ink);cursor:pointer;border:0;padding:7px 13px;font-weight:600;transition:background .12s,color .12s,transform 60ms}.ctrl:hover:not(:disabled){background:var(--surface-3)}.ctrl:active:not(:disabled){transform:translateY(1px)}.ctrl:disabled{opacity:.45;cursor:default}.ctrl-sm{min-height:28px;padding:5px 10px;font-size:.78rem}.ctrl-primary{background:var(--accent);color:var(--accent-ink)}.ctrl-primary:hover:not(:disabled){background:var(--accent-strong);color:var(--accent-ink)}.ctrl-on{background:var(--accent);color:var(--accent-ink)}.ctrl-on:hover:not(:disabled){background:var(--accent-strong);color:var(--accent-ink)}.ctrl-danger{background:var(--danger-weak);color:var(--danger)}.ctrl-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger-weak) 72%, var(--danger));color:var(--danger)}.panel{background:var(--surface);border-radius:var(--radius);padding:var(--space-4)}.panel-title{font-size:var(--step-head);letter-spacing:-.01em;margin:0;font-weight:700}.panel-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.panel-sub{font-size:var(--step-small);color:var(--muted)}.stats{grid-column:2}.stat-grid{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(96px,1fr));display:grid}.stat-item{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);flex-direction:column;gap:2px;display:flex}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700}.stat-label{font-size:var(--step-small);color:var(--muted)}.overview{gap:var(--space-1);font-size:var(--step-small);color:var(--muted);margin-bottom:var(--space-3);flex-direction:column;display:flex}.bars{gap:var(--space-2);display:grid}.bar-row{align-items:center;gap:var(--space-2);grid-template-columns:6.5em 1fr;display:grid}.bar-label{font-size:var(--step-small);color:var(--muted);font-weight:600}.bar-track{background:var(--surface-2);border-radius:999px;height:10px;display:block;overflow:hidden}.bar-fill{border-radius:999px;height:100%;transition:width .35s;display:block}.bar-easy{background:var(--ok)}.bar-medium{background:var(--warn)}.bar-hard{background:var(--danger)}.puzzle-list{grid-column:2}.filters{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}select.filter-select{font:inherit;font-size:var(--step-small);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);min-height:34px;color:var(--ink);padding:6px 10px;font-weight:600}.only-unfinished{font-size:var(--step-small);align-items:center;gap:var(--space-1);cursor:pointer;color:var(--muted);font-weight:600;display:inline-flex}.only-unfinished input{accent-color:var(--accent);width:16px;height:16px}.gen-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.gen-label{font-size:var(--step-small);color:var(--muted)}.puzzle-items{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.puzzle-item{align-items:stretch;gap:var(--space-2);display:flex}.puzzle-item-btn{gap:var(--space-1);text-align:left;min-width:0;font:inherit;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);cursor:pointer;border:0;flex-direction:column;flex:1;transition:background .12s;display:flex}.puzzle-item-btn:hover{background:var(--surface-3)}.puzzle-item.active .puzzle-item-btn{background:var(--accent-weak);border-left:3px solid var(--accent);padding-left:calc(var(--space-3) - 3px)}.puzzle-meta{align-items:center;gap:var(--space-2);font-size:var(--step-small);flex-wrap:wrap;display:flex}.puzzle-date,.puzzle-id{color:var(--muted)}.puzzle-state{font-size:var(--step-small);color:var(--muted);font-weight:600}.puzzle-item.active .puzzle-state{color:var(--accent)}.puzzle-actions{justify-content:center;gap:var(--space-1);flex-direction:column;display:flex}.empty-state{text-align:center;padding:var(--space-4) var(--space-3) var(--space-3)}.empty-state:before{content:"0";color:var(--surface-3);margin-bottom:var(--space-2);font-size:3.4rem;font-weight:700;line-height:1;display:block}.empty-title{margin:0 0 var(--space-1);font-weight:700;font-size:var(--step-lead)}.empty-text{font-size:var(--step-small);color:var(--muted);margin:0;max-width:40ch;margin-inline:auto}.empty-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.puzzle-empty{padding:var(--space-4);border-radius:var(--radius-sm);background:var(--surface-2);text-align:center}.puzzle-empty:before{content:"0";color:var(--surface-3);margin-bottom:var(--space-2);font-size:3rem;font-weight:700;line-height:1;display:block}.help{grid-column:1}.help-list{font-size:var(--step-small);color:var(--muted);gap:var(--space-1);margin:0;padding-left:18px;display:grid}.app-foot{text-align:center;font-size:var(--step-small);color:var(--accent-ink);background:var(--accent);border-radius:var(--radius);padding:var(--space-4);grid-column:1/-1;font-weight:600}.toast-host{gap:var(--space-2);z-index:50;pointer-events:none;flex-direction:column;align-items:center;width:min(92vw,420px);display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--ink);color:var(--bg);font-size:var(--step-small);text-align:center;border:0;font-weight:600;animation:.22s ease-out toast-in}.toast-out{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateY(6px)}.toast-success{background:var(--ok-weak);color:var(--ok)}.toast-warn{background:var(--warn-weak);color:var(--warn)}.toast-error{background:var(--danger-weak);color:var(--danger)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#app.boot .app-head,#app.boot .play-area,#app.boot .panel,#app.boot .app-foot{animation:.45s ease-out backwards rise}#app.boot .play-area{animation-delay:50ms}#app.boot .stats{animation-delay:.12s}#app.boot .puzzle-list{animation-delay:.18s}#app.boot .help{animation-delay:.24s}#app.boot .app-foot{animation-delay:.3s}@media (width<=860px){#app{padding:var(--space-4) var(--space-3) var(--space-5);gap:var(--space-3);grid-template-columns:1fr}.play-area,.stats,.puzzle-list,.help{grid-column:auto}.play-area{padding:var(--space-3)}.puzzle-item{flex-direction:column}.puzzle-actions{flex-direction:row;justify-content:flex-end}}@media (width<=420px){#app{padding:var(--space-3) var(--space-2) var(--space-4)}.app-title{font-size:1.3rem}.head-actions{width:100%}.panel{padding:var(--space-3)}.numpad{grid-template-columns:repeat(3,44px)}.key{width:44px;height:44px}.board[data-ui]{width:100%}.gen-row{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}