:root{--paper: #f3f6fb;--ruling: #b7c7e0;--margin: #d6453d;--ink: #1c1e21;--pen: #1a4fbf;--conflict: #c96b6b;--marker: #fff3b0;--desk: #12151c;--sheet: #1b212c;--graphite: #5c564c;--pencil: #d2c6b4;--same: #d9e6f7;--peer: #eef3fa;--block: #243044;--key: #2a3344;--key-line: #4c5870;--chalk: #e8eef7;--muted: #a7b3c6;--disabled: #8b97aa;--erase: #322b26;--erase-line: #c4b29a;--erase-ink: #f7f1e8;--check: #1c3d78;--check-line: #6d93d6;--check-ink: #e8f0ff;--fresh: #4e2a2e;--fresh-line: #e07a72;--fresh-ink: #ffe8e4;color:var(--chalk);font-family:IBM Plex Sans,Avenir Next,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--desk);overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;background:transparent;border:0;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app{height:100dvh;display:flex;justify-content:center;overflow:hidden;background:var(--desk)}.sheet{--chrome: 22rem;container-type:size;width:min(100%,440px);height:100%;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;background:var(--sheet);padding:calc(10px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.status{flex:none;display:flex;align-items:baseline;gap:12px;margin:0 0 8px;padding:2px 0 8px 10px;border-left:3px solid var(--margin)}.status h1{margin:0;font-family:Kalam,Segoe Print,cursive;font-size:1.85rem;font-weight:700;line-height:1}.level{margin:0;flex:1;color:var(--muted);font-size:.95rem}.time{margin:0;font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.board-slot{flex:none;width:100%;min-height:0}.board{width:min(100%,calc(100cqh - var(--chrome)));aspect-ratio:1;margin-inline:auto;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);border:2px solid var(--block);background:var(--paper);color:var(--ink);box-shadow:0 10px 28px #00000059;container-type:size}.cell{display:grid;place-items:center;min-width:0;min-height:0;border-right:1px solid var(--ruling);border-bottom:1px solid var(--ruling);font-size:calc(100cqmin / 9 * .58);line-height:1;cursor:pointer}.cell:nth-child(9n){border-right:0}.cell:nth-last-child(-n+9){border-bottom:0}.cell.block-right{border-right:2px solid var(--block)}.cell.block-bottom{border-bottom:2px solid var(--block)}.cell.is-peer{background:var(--peer)}.cell.is-same{background:var(--same)}.cell.is-selected{background:var(--marker)}.cell.is-conflict .digit,.cell.is-wrong .digit{color:var(--conflict)}.cell:has(.notes){place-items:stretch}.notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;min-width:0;min-height:0}.note{display:grid;place-items:center;color:var(--graphite);font-size:calc(100cqmin / 9 * .26);font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.cell:focus-visible{outline:2px solid var(--ink);outline-offset:-3px;z-index:1}.digit{font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}.digit-player{font-weight:500;color:var(--pen);animation:settle .12s ease-out}.footer{flex:none;padding-top:10px}.keypad,.pick,.win{display:flex;flex-direction:column;gap:8px}.mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-option{min-height:44px;border:1px solid var(--key-line);border-radius:2px;background:var(--key);color:var(--chalk);font-size:1rem;font-weight:600;cursor:pointer}.mode-option.is-active{background:var(--marker);border-color:var(--marker);color:var(--ink)}.mode-option:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tools{display:flex;justify-content:center;align-items:center;gap:8px}.key,.choice{position:relative;min-height:48px;border:1px solid var(--key-line);border-radius:2px;background:var(--key);color:var(--chalk);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:500;cursor:pointer}.key-text,.choice{font-size:.95rem;font-weight:600;white-space:nowrap}.key:active:not(:disabled),.choice:active{background:var(--marker);border-color:var(--marker);color:var(--ink)}.key:disabled{color:var(--disabled);cursor:default}.key-icon{flex:none;width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;border-radius:10px}.key-icon-svg{width:22px;height:22px;display:block}.key-erase{width:calc((100% - 16px) / 3 * 1.45);min-height:44px;border-width:2px;border-color:var(--erase-line);border-radius:10px;background:var(--erase);color:var(--erase-ink)}.key-erase:disabled{border-color:#5c534a;background:transparent;color:var(--disabled)}.key-check{background:var(--check);border-color:var(--check-line);color:var(--check-ink)}.key-new{background:var(--fresh);border-color:var(--fresh-line);color:var(--fresh-ink)}.key.is-pencil:not(:disabled){color:var(--pencil)}.key-mark{position:absolute;top:3px;right:7px;color:var(--pencil);font-size:.95rem;font-weight:600;line-height:1}.key:active:not(:disabled) .key-mark{color:var(--graphite)}.key:focus-visible,.choice:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}.pick-label,.win-time{margin:0;text-align:center;color:var(--muted)}.win-title{margin:0;text-align:center;font-family:Kalam,Segoe Print,cursive;font-size:2rem;line-height:1}.win-time{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600;color:var(--chalk)}.choice-back{background:transparent;font-weight:500}@media(prefers-reduced-motion:reduce){.digit-player{animation:none}}@keyframes settle{0%{transform:translateY(-8%) scale(1.08)}to{transform:none}}