:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--blue:#2f6fed;--blue-soft:#e9f0ff;--blue-softer:#f2f6ff;--ink:#172033;--muted:#7d8799;--border:#d7deea;--strong-border:#5f6b7e;--error:#d64545;--error-soft:#fff0f0;--hint:#7656c9;--hint-soft:#f1edff;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#2f6fed14,#0000 32rem),#f5f7fb;min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #2f6fed47}.app-shell{width:min(100% - 28px,760px);margin:0 auto;padding:32px 0 48px}.loading-screen{min-height:70vh;color:var(--muted);place-content:center;justify-items:center;display:grid}.loader{border:3px solid #dce4f2;border-top-color:var(--blue);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-topbar{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.brand-kicker,.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700;display:block}h1{letter-spacing:-.05em;margin:2px 0 0;font-size:clamp(2rem,6vw,3rem);line-height:1}.difficulty-picker{background:#fff;border:1px solid #e2e7f0;border-radius:14px;gap:4px;padding:4px;display:flex;box-shadow:0 8px 28px #1720330d}.difficulty-picker button{color:#667085;cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:10px;padding:8px 11px}.difficulty-picker button.active{color:var(--blue);background:var(--blue-soft);font-weight:700}.game-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #dee4eef2;border-radius:24px;padding:clamp(14px,3vw,24px);box-shadow:0 24px 70px #212f4d17}.game-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.difficulty-label{text-transform:capitalize;margin-top:2px;font-size:1rem;display:block}.game-meta{align-items:center;gap:18px;display:flex}.meta-item strong{font-variant-numeric:tabular-nums;margin-top:2px;display:block}.pause-button{color:#536074;cursor:pointer;background:#f8fafc;border:1px solid #dde3ed;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.pause-symbol{justify-content:center;align-items:center;gap:4px;width:18px;height:18px;display:flex}.pause-symbol span{background:currentColor;border-radius:1.5px;width:4px;height:15px}.resume-symbol{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid;width:0;height:0;margin-left:2px}.pause-button:disabled{opacity:.35;cursor:default}.board-shell{width:min(100%,610px);margin:0 auto;position:relative}.sudoku-board{aspect-ratio:1;border:2px solid var(--strong-border);background:#fff;border-radius:12px;grid-template-columns:repeat(9,1fr);width:100%;transition:filter .16s,opacity .16s;display:grid;overflow:hidden}.sudoku-board.is-paused{filter:blur(9px);opacity:.2;pointer-events:none}.sudoku-cell{border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;min-width:0;color:inherit;-webkit-tap-highlight-color:transparent;background:#fff;place-items:center;padding:0;transition:background-color .1s;display:grid;position:relative}.sudoku-cell:focus,.sudoku-cell:focus-visible{outline-offset:0;outline:none}.sudoku-cell:nth-child(9n){border-right:0}.sudoku-cell:nth-last-child(-n+9){border-bottom:0}.sudoku-cell.box-right{border-right:2px solid var(--strong-border)}.sudoku-cell.box-bottom{border-bottom:2px solid var(--strong-border)}.sudoku-cell.is-peer{background:#f5f8fd}.sudoku-cell.is-same-number{background:#e8f0ff}.sudoku-cell.is-selected{background:#d9e6ff;box-shadow:inset 0 0 0 2px #2f6fed33}.sudoku-cell.has-error{background:var(--error-soft)}.cell-value{font-variant-numeric:tabular-nums;font-size:clamp(1.15rem,5.2vw,2.05rem);font-weight:600;line-height:1}.cell-value.given{color:#111827;font-weight:700}.cell-value.player{color:var(--blue)}.cell-value.error{color:var(--error)}.cell-value.hinted{color:var(--hint);font-weight:700}.notes-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;display:grid;position:absolute;inset:5%}.note{color:#a1a9b7;font-size:clamp(.42rem,1.7vw,.72rem);font-weight:600;line-height:1}.note.emphasized{color:#111827;font-weight:800}.pause-overlay{place-items:center;display:grid;position:absolute;inset:0}.pause-card{text-align:center;background:#fffffff5;border:1px solid #e0e6ef;border-radius:18px;width:min(78%,300px);padding:24px;box-shadow:0 18px 60px #17203321}.pause-card strong,.pause-card span{display:block}.pause-card>span:last-child{color:var(--muted);margin-top:7px;font-size:.86rem;line-height:1.45}.pause-icon{color:var(--blue);margin-bottom:8px;font-size:1.2rem}.number-pad{grid-template-columns:repeat(9,1fr);gap:6px;width:min(100%,610px);margin:18px auto 0;display:grid}.number-button{aspect-ratio:1;color:var(--blue);cursor:pointer;background:#f3f6fb;border:0;border-radius:11px;font-size:clamp(1.1rem,4vw,1.6rem);font-weight:700;transition:transform .1s,background-color .1s}.number-button:hover:not(:disabled){background:var(--blue-soft);transform:translateY(-1px)}.number-button:disabled{color:#c6ccd6;cursor:default;background:#f7f8fa}.game-controls{grid-template-columns:repeat(4,1fr);gap:8px;width:min(100%,610px);margin:12px auto 0;display:grid}.control-button{color:#596579;cursor:pointer;background:#fff;border:1px solid #e1e6ef;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:58px;font-size:.76rem;transition:border-color .1s,background-color .1s;display:flex}.control-button.active{color:var(--blue);background:var(--blue-soft);border-color:#b9cdf9;font-weight:700}.control-button:disabled{opacity:.4;cursor:default}.control-icon{font-size:1.1rem;line-height:1}.bottom-actions{width:min(100%,610px);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:15px auto 0;font-size:.78rem;display:flex}.bottom-actions button,.error-banner button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-weight:700}.error-banner{background:var(--error-soft);color:#a73838;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;font-size:.9rem;display:flex}.completion-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#161e2d47;place-items:center;padding:20px;animation:.18s fadeIn;display:grid;position:fixed;inset:0}.completion-card{text-align:center;background:#fff;border-radius:24px;width:min(100%,390px);padding:30px;animation:.22s riseIn;box-shadow:0 28px 80px #17203333}.completion-check{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);border-radius:50%;place-items:center;margin:0 auto 13px;font-size:1.4rem;font-weight:800;display:grid}.completion-card h2{letter-spacing:-.025em;margin:0;font-size:1.5rem}.completion-card>p{color:var(--muted);margin:5px 0 22px}.completion-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px;display:grid}.completion-stats div{background:#f6f8fb;border-radius:13px;padding:12px}.completion-stats span,.completion-stats strong{display:block}.completion-stats span{color:var(--muted);margin-bottom:3px;font-size:.72rem}.completion-stats strong{text-transform:capitalize}.primary-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:13px;width:100%;min-height:46px;font-weight:700}.completion-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.completion-actions .primary-button{width:100%}.completion-secondary-button{color:#344054;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:13px;min-height:46px;font-weight:700}.completion-secondary-button:hover{background:#f7f9fc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=620px){body{overscroll-behavior-y:contain;background:#f5f7fb}.app-shell{width:100%;max-width:100%;padding:10px 8px 22px}.app-topbar{flex-direction:row;align-items:center;gap:8px;margin-bottom:8px}.brand-kicker{display:none}h1{letter-spacing:-.04em;font-size:1.55rem}.difficulty-picker{min-width:0;box-shadow:none;border-radius:11px;flex:1;padding:3px}.difficulty-picker button{border-radius:8px;flex:1;min-width:0;padding:7px 2px;font-size:.7rem}.game-card{border-radius:16px;padding:8px 6px 10px;box-shadow:0 10px 34px #212f4d12}.game-header{margin-bottom:7px;padding:0 3px}.difficulty-label{font-size:.9rem}.eyebrow{font-size:.61rem}.game-meta{gap:9px}.meta-item strong{font-size:.9rem}.pause-button{border-radius:10px;width:34px;height:34px}.board-shell,.number-pad,.game-controls,.bottom-actions{width:100%;max-width:none}.sudoku-board{border-radius:8px}.cell-value{font-size:clamp(1.22rem,7.2vw,1.9rem)}.note{font-size:clamp(.42rem,2.45vw,.67rem)}.number-pad{gap:3px;margin-top:9px}.number-button{touch-action:manipulation;border-radius:8px;min-width:0;font-size:clamp(1.05rem,5.4vw,1.45rem)}.game-controls{gap:4px;margin-top:6px}.control-button{touch-action:manipulation;border-radius:9px;min-height:49px;font-size:.7rem}.control-icon{font-size:1rem}.bottom-actions{flex-direction:row;align-items:center;margin-top:9px;font-size:.69rem}.bottom-actions span{max-width:58%}.completion-backdrop{padding:12px}.completion-card{border-radius:20px;padding:24px 18px}}@media (width<=390px){.app-shell,.game-card{padding-inline:4px}h1{font-size:1.35rem}.difficulty-picker button{font-size:.64rem}.game-meta{gap:6px}.pause-button{width:32px;height:32px}.control-button{min-height:47px}}.sudoku-cell.is-completion-pulse{z-index:2;isolation:isolate}.sudoku-cell.is-completion-pulse:after{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 42%,#fffffff5 0%,#ffffff61 35%,#0000 66%),linear-gradient(145deg,#e2edfffa,#c6dcffe0);border-radius:5px;animation:1.55s cubic-bezier(.22,.75,.25,1) unitCompleteGlow;position:absolute;inset:2px;transform:scale(.94);box-shadow:inset 0 1px #fffffff2,0 4px 12px #2f6fed21}.sudoku-cell.is-completion-pulse .cell-value,.sudoku-cell.is-completion-pulse .notes-grid{z-index:1;animation:1.55s cubic-bezier(.22,.75,.25,1) unitCompleteValue;position:relative}.pause-symbol-large{color:var(--blue);margin:0 auto 10px}@keyframes unitCompleteGlow{0%{opacity:0;filter:saturate(.9);transform:scale(.94)}16%{opacity:.92;filter:saturate(1.05);transform:scale(.985)}44%{opacity:1;filter:saturate(1.08);transform:scale(1)}72%{opacity:.72;transform:scale(.99)}to{opacity:0;filter:saturate();transform:scale(.965)}}@keyframes unitCompleteValue{0%,to{transform:translateY(0)scale(1)}22%{transform:translateY(-1px)scale(1.045)}48%{transform:translateY(-1px)scale(1.055)}76%{transform:translateY(0)scale(1.02)}}.game-lifecycle-actions{align-items:center;gap:14px;display:flex}.bottom-actions .end-game-button{color:#9c5860}.bottom-actions .new-game-button{color:var(--blue)}.decision-backdrop{z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#161e2d52;place-items:center;padding:20px;animation:.18s fadeIn;display:grid;position:fixed;inset:0}.decision-card{text-align:center;background:#fff;border-radius:24px;width:min(100%,430px);padding:28px;animation:.22s riseIn;box-shadow:0 28px 80px #17203338}.decision-icon{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);border-radius:50%;place-items:center;margin:0 auto 13px;font-size:1.5rem;font-weight:500;display:grid}.decision-icon.danger{color:#b64d59;background:#fff0f1}.decision-card h2{letter-spacing:-.025em;margin:0;font-size:1.45rem}.decision-card>p{max-width:340px;color:var(--muted);margin:7px auto 20px;font-size:.9rem;line-height:1.5}.decision-difficulty-block{text-align:left;margin:2px 0 22px}.decision-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.72rem;font-weight:700;display:block}.decision-difficulties button{color:#5c6678;text-transform:capitalize;cursor:pointer;background:#f7f9fc;border:1px solid #e1e6ee;border-radius:11px;min-height:40px;font-weight:700}.decision-difficulties button.active{background:var(--blue-soft);color:var(--blue);border-color:#a9c7ff;box-shadow:inset 0 0 0 1px #326fe014}.decision-current-game{color:var(--muted);background:#f6f8fb;border-radius:12px;margin:0 0 22px;padding:11px 12px;font-size:.84rem}.decision-current-game strong{color:var(--ink);text-transform:capitalize}.decision-actions{grid-template-columns:1fr 1.3fr;gap:9px;display:grid}.decision-actions button{cursor:pointer;border-radius:13px;min-height:46px;font-weight:750}.decision-cancel{color:#536074;background:#fff;border:1px solid #dfe5ee}.decision-confirm{background:var(--blue);color:#fff;border:0}.decision-confirm.danger{background:#b64d59}@media (width<=620px){.game-lifecycle-actions{gap:10px}.decision-backdrop{align-items:end;padding:10px}.decision-card{width:100%;padding:24px 18px calc(20px + env(safe-area-inset-bottom));border-radius:22px}.decision-difficulties{gap:5px}.decision-difficulties button{min-width:0;padding:0 5px;font-size:.78rem}}.landing-shell{place-items:center;min-height:100vh;padding:34px 20px;display:grid}.landing-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border:1px solid #dce2eceb;border-radius:34px;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:clamp(36px,7vw,86px);width:min(100%,980px);min-height:590px;padding:clamp(38px,6vw,70px);display:grid;overflow:hidden;box-shadow:0 30px 90px #212f4d17}.landing-copy{z-index:2;position:relative}.landing-kicker{color:var(--blue);letter-spacing:.09em;text-transform:uppercase;font-size:.73rem;font-weight:800;display:inline-block}.landing-title{letter-spacing:-.075em;margin:10px 0 0;font-size:clamp(3.4rem,8vw,5.8rem);line-height:.92}.landing-intro{color:#6f7a8e;max-width:390px;margin:22px 0 32px;font-size:1rem;line-height:1.65}.landing-settings{margin-bottom:18px}.landing-label{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:800;display:block}.landing-difficulties{background:#f8fafc;border:1px solid #e2e7ef;border-radius:15px;grid-template-columns:repeat(4,1fr);gap:6px;width:min(100%,410px);padding:5px;display:grid}.landing-difficulties button{color:#6b7587;text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:42px;padding:0 8px;font-size:.82rem;font-weight:700;transition:background-color .12s,color .12s,box-shadow .12s}.landing-difficulties button.active{color:var(--blue);background:#fff;box-shadow:0 4px 14px #1d335614}.landing-start-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:min(100%,410px);min-height:52px;font-weight:800;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 12px 28px #2f6fed38}.landing-start-button:hover{transform:translateY(-1px);box-shadow:0 15px 32px #2f6fed40}.landing-start-button span{font-size:1.15rem;transition:transform .12s}.landing-start-button:hover span{transform:translate(2px)}.landing-footnote{color:#9aa3b2;text-align:center;width:min(100%,410px);margin:11px 0 0;font-size:.75rem}.landing-visual{place-items:center;min-height:430px;display:grid;position:relative}.landing-board-shadow{aspect-ratio:1;filter:blur(44px);background:#2f6fed1f;border-radius:28%;width:74%;position:absolute;transform:translate(16px,20px)}.landing-board-wrap{background:#ffffffd6;border-radius:25px;width:min(100%,430px);padding:12px;position:relative;transform:rotate(2.5deg);box-shadow:0 28px 55px #1e2d4621,inset 0 1px #fffffff2}.landing-sudoku-board{aspect-ratio:1;background:#fff;border:2px solid #69768a;border-radius:14px;grid-template-columns:repeat(9,1fr);width:100%;display:grid;overflow:hidden}.landing-cell{color:#20293a;border-bottom:1px solid #dde3ec;border-right:1px solid #dde3ec;place-items:center;min-width:0;font-size:clamp(.8rem,2.3vw,1.35rem);font-weight:700;display:grid}.landing-cell:nth-child(9n){border-right:0}.landing-cell:nth-last-child(-n+9){border-bottom:0}.landing-cell.box-right{border-right:2px solid #69768a}.landing-cell.box-bottom{border-bottom:2px solid #69768a}.landing-cell.sample-selected{color:var(--blue);background:#e7efff;box-shadow:inset 0 0 0 2px #2f6fed26}.landing-cell.sample-accent{color:var(--blue)}@media (width<=760px){.landing-shell{min-height:100svh;padding:18px 12px}.landing-card{border-radius:24px;grid-template-columns:1fr;gap:26px;min-height:0;padding:30px 18px 24px}.landing-copy{text-align:center}.landing-title{font-size:clamp(3.2rem,18vw,4.8rem)}.landing-intro{max-width:440px;margin:14px auto 24px;font-size:.92rem}.landing-settings,.landing-difficulties,.landing-start-button,.landing-footnote{width:100%;max-width:460px;margin-left:auto;margin-right:auto}.landing-visual{order:-1;min-height:auto}.landing-board-wrap{border-radius:18px;width:min(76vw,300px);padding:8px;transform:rotate(1.7deg)}.landing-sudoku-board{border-radius:10px}.landing-board-shadow{filter:blur(32px);width:54%}}@media (width<=390px){.landing-shell{padding:8px 6px}.landing-card{border-radius:18px;gap:18px;padding:20px 12px 18px}.landing-board-wrap{width:min(68vw,250px)}.landing-kicker{font-size:.66rem}.landing-title{margin-top:6px}.landing-intro{margin-bottom:18px;line-height:1.5}.landing-difficulties{gap:3px;padding:4px}.landing-difficulties button{min-height:39px;padding-inline:3px;font-size:.72rem}}.top-game-actions{align-items:center;gap:8px;display:flex}.top-game-actions button{min-height:36px;font:inherit;cursor:pointer;border-radius:10px;padding:0 14px;font-size:.78rem;font-weight:700;transition:transform .16s,background .16s,border-color .16s}.top-game-actions button:hover:not(:disabled){transform:translateY(-1px)}.top-game-actions button:disabled{opacity:.5;cursor:default}.top-end-game-button{color:#8b94a7;background:0 0;border:1px solid #0000}.top-end-game-button:hover:not(:disabled){color:#d05f69;background:#fff4f5}.top-new-game-button{color:#2f6fed;background:#fff;border:1px solid #dbe5f7;box-shadow:0 4px 12px #274f910f}.top-new-game-button:hover:not(:disabled){background:#f5f8ff;border-color:#cbd9f3}.app-topbar .difficulty-picker{display:none}.decision-card{border-radius:18px;width:min(92vw,390px);padding:24px}.decision-card h2{text-align:left;margin:0 0 18px;font-size:1.05rem}.decision-icon,.decision-card>p:not(.decision-short-copy),.decision-current-game{display:none}.decision-difficulty-block{margin:0}.decision-label{color:#8a94a6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-size:.67rem;font-weight:800;display:block}.decision-difficulties{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.decision-difficulties button{border-radius:9px;min-width:0;padding:9px 5px}.decision-short-copy{color:#8b94a7;margin:-6px 0 18px;font-size:.82rem;line-height:1.45}.decision-actions{grid-template-columns:1fr 1.2fr;gap:8px;margin-top:18px;display:grid}.decision-actions button{border-radius:10px;min-height:40px}@media (width<=560px){.app-topbar{align-items:center}.top-game-actions{gap:4px}.top-game-actions button{min-height:34px;padding:0 10px;font-size:.72rem}.decision-card{width:calc(100vw - 24px);padding:20px}.decision-difficulties{grid-template-columns:repeat(2,1fr)}}.sudoku-board.is-win-pulse{pointer-events:none}.win-board-overlay{z-index:8;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 44%,#ffffffd1 0%,#deebff70 38%,#b2cfff1f 72%,#0000 100%),linear-gradient(135deg,#689dff0a,#735feb1a);border-radius:12px;animation:.95s cubic-bezier(.22,.72,.24,1) both wholeBoardComplete;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 2px #4982ee33,inset 0 0 34px #4680eb29,0 10px 28px #2553a81a}.win-board-overlay:after{content:"";filter:blur(2px);background:linear-gradient(90deg,#0000,#ffffff7a,#0000);width:28%;animation:.95s ease-out both wholeBoardSweep;position:absolute;top:-18%;bottom:-18%;left:-34%;transform:skew(-13deg)}.sudoku-board.is-win-pulse .cell-value{animation:.95s cubic-bezier(.22,.72,.24,1) both wholeBoardValueLift}@keyframes wholeBoardComplete{0%{opacity:0;transform:scale(.992)}20%{opacity:.78;transform:scale(1)}52%{opacity:.92}to{opacity:0;transform:scale(1)}}@keyframes wholeBoardSweep{0%{opacity:0;left:-34%}15%{opacity:.72}72%{opacity:.52}to{opacity:0;left:112%}}@keyframes wholeBoardValueLift{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-1px)scale(1.025)}62%{transform:translateY(-1px)scale(1.018)}}@media (prefers-reduced-motion:reduce){.win-board-overlay,.win-board-overlay:after,.sudoku-board.is-win-pulse .cell-value{animation-duration:1ms!important}}