:root{--su-grid-thin:#c8d0e0;--su-grid-thick:#8b93a8;--su-given:#1c2333;--su-entry:#3457d5;--su-cell-bg:#ffffff;--su-cell-fixed-bg:#eef1f8;--su-sel:rgba(52,87,213,.22);--su-peer:rgba(52,87,213,.07);--su-same:rgba(52,87,213,.14);--su-conflict:#ef4444;--su-conflict-bg:rgba(239,68,68,.14)}html[data-theme=dark]{--su-grid-thin:#333c52;--su-grid-thick:#5a6684;--su-given:#e8ecf5;--su-entry:#7ea0ff;--su-cell-bg:#161b28;--su-cell-fixed-bg:#1f2637;--su-sel:rgba(126,160,255,.28);--su-peer:rgba(126,160,255,.08);--su-same:rgba(126,160,255,.18);--su-conflict:#f87171;--su-conflict-bg:rgba(248,113,113,.2)}.su-levels{width:100%;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.su-level{flex:1 1 0;min-width:88px;max-width:150px;display:flex;flex-direction:column;align-items:center;gap:3px;font:inherit;font-family:var(--sans);padding:9px 10px;cursor:pointer;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);color:var(--ink-2);transition:border-color .18s,background .18s,color .18s}.su-level:hover{background:var(--line-2)}.su-level.active{border-color:var(--accent);background:var(--accent-wash);color:var(--ink)}.su-level-name{font-size:.9rem;font-weight:600}.su-diff{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:2px 7px;line-height:1.3}.su-diff.diff-1{color:#0a7d3c;background:#10b98129}.su-diff.diff-2{color:#a15c00;background:#f59e0b2e}.su-diff.diff-3{color:#b3402a;background:#ef444429}html[data-theme=dark] .su-diff.diff-1{color:#4ade80;background:#10b98133}html[data-theme=dark] .su-diff.diff-2{color:#fbbf24;background:#f59e0b33}html[data-theme=dark] .su-diff.diff-3{color:#f87171;background:#ef444433}.su-par{font-size:.8rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.stats{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:300px;margin-inline:auto}.stat{background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:9px 8px;text-align:center;min-width:0}.stat .label,.stat .lbl{display:block;font-size:.68rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.stat .value,.stat .val{display:block;font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);margin-top:2px}.controls{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.controls button:not(.newgame){font:inherit;font-family:var(--sans);font-size:.95rem;font-weight:600;padding:10px 20px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);cursor:pointer;transition:background .2s}.controls button:not(.newgame):hover{background:var(--line-2)}button.newgame{font:inherit;font-family:var(--sans);font-size:.95rem;font-weight:600;padding:11px 24px;border:none;border-radius:11px;background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 6px 16px #3b82f642;transition:transform .18s,box-shadow .18s}button.newgame:hover{transform:translateY(-1px);box-shadow:0 10px 22px #3b82f652}#board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:100%;max-width:396px;margin:0 auto;aspect-ratio:1/1;background:var(--card);border:2px solid var(--su-grid-thick);border-radius:6px;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation}#board .cell{position:relative;display:flex;align-items:center;justify-content:center;background:var(--su-cell-bg);color:var(--su-entry);border-right:1px solid var(--su-grid-thin);border-bottom:1px solid var(--su-grid-thin);font-size:clamp(1rem,5.2vw,1.6rem);font-variant-numeric:tabular-nums;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s ease}#board .cell.br{border-right:2px solid var(--su-grid-thick)}#board .cell.bb{border-bottom:2px solid var(--su-grid-thick)}#board .cell:nth-child(9n){border-right:none}#board .cell:nth-child(n+73){border-bottom:none}#board .cell.given{background:var(--su-cell-fixed-bg);color:var(--su-given);font-weight:700;cursor:default}#board .cell.peer{background:var(--su-peer)}#board .cell.same{background:var(--su-same)}#board .cell.given.peer{background:color-mix(in srgb,var(--su-peer) 60%,var(--su-cell-fixed-bg))}#board .cell.given.same{background:color-mix(in srgb,var(--su-same) 60%,var(--su-cell-fixed-bg))}#board .cell.sel{background:var(--su-sel)}#board .cell.conflict{color:var(--su-conflict)}#board .cell.conflict.bad{background:var(--su-conflict-bg)}.status{width:100%;text-align:center;min-height:1.4em;font-size:1.1rem;font-weight:600;color:var(--ink);opacity:0;transition:opacity .3s ease}.status.show{opacity:1}.status.win{color:var(--accent-ink)}.pad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;max-width:396px;margin:0 auto}.pad button{font:inherit;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px 0;font-size:1.2rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:filter .12s ease,transform .06s ease,background .12s ease}.pad button:hover{background:var(--su-peer)}.pad button:active{transform:scale(.94)}.pad button.erase{font-size:1rem}