@font-face{font-family:Encode Sans Expanded;src:url(/games/sudoku/assets/fonts/EncodeSansExpanded-Regular.ttf);font-weight:400}@font-face{font-family:Encode Sans Expanded;src:url(/games/sudoku/assets/fonts/EncodeSansExpanded-Medium.ttf);font-weight:500}@font-face{font-family:Encode Sans Expanded;src:url(/games/sudoku/assets/fonts/EncodeSansExpanded-SemiBold.ttf);font-weight:600}@font-face{font-family:Encode Sans Expanded;src:url(/games/sudoku/assets/fonts/EncodeSansExpanded-Bold.ttf);font-weight:700}:root{--bg: #f3f6fa;--surface: #ffffff;--text: #344861;--text-dim: #94a3b8;--primary: #3b67e0;--primary-dim: #dce3f3;--line: #bfc6d4;--line-thick: #344861;--cell-selected: #bbdefb;--cell-region: #e2ebf3;--cell-same: #c3d7ea;--cell-conflict: #f7cfd6;--error: #e55c5c;--user-value: #325aaf;--flash: #a5d6a7}:root[data-theme=dark]{--bg: #10151f;--surface: #1a2232;--text: #dbe2ec;--text-dim: #6b7a90;--primary: #4d79f0;--primary-dim: #263450;--line: #39455a;--line-thick: #93a4bd;--cell-selected: #2f4d7a;--cell-region: #202a3d;--cell-same: #2a3f5e;--cell-conflict: #57303a;--error: #ef7070;--user-value: #7ea4f5;--flash: #2e5d40}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:Encode Sans Expanded,system-ui,sans-serif;user-select:none}#app{max-width:480px;margin:0 auto;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.hidden{display:none!important}.disabled{opacity:.35;pointer-events:none}.screen{display:flex;flex-direction:column;height:100%;padding:12px 16px;position:relative}.home-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 24px}.home-logo{height:28px}.icon-btn{font-size:20px;padding:6px 10px;border-radius:10px;color:var(--text-dim)}.icon-btn:hover{background:var(--primary-dim)}.home-main{display:flex;flex-direction:column;gap:14px;margin-top:auto;margin-bottom:auto}.mode-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}.mode-card{display:flex;align-items:center;gap:14px;background:var(--surface);border-radius:16px;padding:14px 16px;box-shadow:0 2px 10px #34486114;text-align:left;width:100%}.mode-icon{width:44px;height:44px;flex-shrink:0}.mode-icon-glyph{display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--primary);background:var(--primary-dim);border-radius:12px}.mode-text{flex:1;min-width:0}.mode-title{font-weight:600;font-size:16px}.mode-sub{color:var(--text-dim);font-size:12px;margin-top:2px}.mode-go{background:var(--primary);color:#fff;border-radius:20px;padding:7px 16px;font-weight:600;font-size:13px;flex-shrink:0}.home-summary{text-align:center;color:var(--text-dim);font-size:12px;padding-top:4px}.btn-primary,.btn-secondary{display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:26px;padding:14px;font-size:17px;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--surface);color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary-dim)}.btn-sub{font-size:12px;font-weight:400;opacity:.85}.overlay{position:absolute;inset:0;background:#0a101c8c;display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{background:var(--surface);border-radius:20px 20px 0 0;width:100%;padding:16px;display:flex;flex-direction:column;gap:4px}.sheet-title{text-align:center;color:var(--text-dim);font-size:14px;padding-bottom:8px}.sheet-item{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:12px;font-size:16px;font-weight:500}.sheet-item:hover{background:var(--primary-dim)}.sheet-icon{width:26px;height:26px;flex-shrink:0}.sheet-item-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.sheet-item-title{font-weight:500}.sheet-item-sub{font-size:11px;font-weight:400;color:var(--text-dim)}.sheet-cancel{justify-content:center;color:var(--text-dim)}.game-header{display:flex;align-items:center;justify-content:space-between;padding:4px 0 10px}.hud-item{font-size:13px;color:var(--text-dim)}.hud-difficulty{font-weight:600;color:var(--text)}#hud-timer{font-variant-numeric:tabular-nums}.board{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;width:100%;margin-top:auto;flex-shrink:0;background:var(--surface);border:2px solid var(--line-thick);border-radius:8px;overflow:hidden}.cell{display:flex;align-items:center;justify-content:center;font-size:clamp(18px,4.6vmin,26px);font-weight:500;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--user-value);cursor:pointer;position:relative}.cell:nth-child(9n){border-right:none}.cell:nth-child(n+73){border-bottom:none}.cell:nth-child(9n+3),.cell:nth-child(9n+6){border-right:2px solid var(--line-thick)}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--line-thick)}.cell.given{color:var(--text)}.cell.region{background:var(--cell-region)}.cell.same{background:var(--cell-same)}.cell.conflict{background:var(--cell-conflict)}.cell.error{color:var(--error)}.cell.selected{background:var(--cell-selected)}.cell.unit-flash{animation:flash .6s}.cell.hint-flash{animation:flash .8s}@keyframes flash{30%{background:var(--flash)}}.screen-game.paused .cell{color:transparent}.screen-game.paused .notes{visibility:hidden}.cell.shake{animation:shake .4s}@keyframes shake{20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.notes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%}.note{font-size:clamp(8px,1.9vmin,11px);color:var(--text-dim);display:flex;align-items:center;justify-content:center;font-weight:400}.btn-auto{margin:8px auto 0;background:var(--primary);color:#fff;border-radius:18px;padding:8px 20px;font-weight:600;font-size:14px}.toolbar{display:flex;justify-content:space-around;padding:14px 0 6px;margin-top:auto}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-dim);position:relative;padding:4px 10px;border-radius:10px}.tool-btn.on{color:var(--primary)}.tool-btn.on .tool-icon{background:var(--primary-dim);border-radius:50%}.tool-icon{font-size:22px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.tool-label{font-size:11px}.tool-badge{position:absolute;top:0;right:4px;background:var(--primary);color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.numpad{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;padding-bottom:10px}.num-btn{display:flex;flex-direction:column;align-items:center;border-radius:8px;padding:6px 0}.num-btn:hover{background:var(--primary-dim)}.num-btn.active{background:var(--primary)}.num-btn.active .num-digit{color:#fff}.num-digit{font-size:clamp(22px,6vmin,30px);font-weight:500;color:var(--primary);line-height:1.1}.num-btn.notes-mode .num-digit{font-size:clamp(16px,4.4vmin,22px);color:var(--text-dim)}.num-count{font-size:11px;color:var(--text-dim)}.num-btn.depleted{visibility:hidden}.overlay .dialog{background:var(--surface);border-radius:20px;padding:26px 22px;margin:auto;width:min(320px,86%);display:flex;flex-direction:column;gap:10px;text-align:center}.dialog-title{font-size:20px;font-weight:700}.dialog-sub{color:var(--text-dim);font-size:14px;margin-bottom:8px}.win-cup{width:84px;margin:0 auto}.daily-big-cup{width:92px;margin:10px auto 4px}.daily-progress{text-align:center;color:var(--text-dim);font-size:13px;margin-bottom:10px}.cal-head{display:flex;align-items:center;justify-content:space-between;padding:4px 8px}.cal-title{font-weight:600}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px 0 16px}.cal-week{text-align:center;color:var(--text-dim);font-size:12px;padding:4px 0}.cal-day{aspect-ratio:1;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center;color:var(--text)}.cal-day:hover{background:var(--primary-dim)}.cal-day.done{background:var(--flash);color:var(--text);font-weight:700}.cal-day.today{box-shadow:inset 0 0 0 2px var(--primary)}.cal-day.selected{background:var(--primary);color:#fff}.cal-day.future{opacity:.3;cursor:default}#btn-daily-play{margin-top:auto;margin-bottom:10px}.stats-tabs{display:flex;gap:6px;padding:8px 0 14px;overflow-x:auto}.stats-tab{border-radius:16px;padding:7px 14px;background:var(--surface);color:var(--text-dim);font-size:13px;white-space:nowrap}.stats-tab.active{background:var(--primary);color:#fff}.stats-body{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats-card{background:var(--surface);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px}.stats-value{font-size:22px;font-weight:700}.stats-label{color:var(--text-dim);font-size:12px}.settings-list{display:flex;flex-direction:column;gap:8px;padding-top:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:14px;padding:14px 16px}.settings-label{font-weight:500}.settings-sub{color:var(--text-dim);font-size:12px;margin-top:2px}.toggle{width:46px;height:26px;border-radius:13px;background:var(--line);position:relative;transition:background .15s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on{background:var(--primary)}.toggle.on:after{left:23px}.num-lock{display:none;position:absolute;top:-2px;right:-2px;font-size:9px}.num-btn{position:relative}.num-btn.locked{background:var(--primary);box-shadow:0 0 0 2px var(--user-value)}.num-btn.locked .num-digit{color:#fff}.num-btn.locked .num-lock{display:block}.tool-btn.out{color:var(--text-dim)}.tool-btn.out .tool-badge{background:var(--text-dim)}.toast{position:absolute;left:50%;bottom:96px;transform:translate(-50%);background:#141c2aeb;color:#fff;font-size:13px;padding:9px 16px;border-radius:18px;z-index:20;animation:toast-in .2s;white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.btn-reward:before{content:"▶ ";font-size:13px}.confetti-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:15}.confetti{position:absolute;top:-20px;border-radius:2px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.3,.6,.6,1);animation-fill-mode:forwards}@keyframes confetti-fall{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--drift),105vh) rotate(var(--spin))}}.section-title{font-weight:600;font-size:14px;padding:18px 2px 4px;flex-shrink:0}.section-sub{color:var(--text-dim);font-size:12px;padding:0 2px 10px;flex-shrink:0}.screen-trophies{overflow-y:auto}.cup-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;flex-shrink:0}.cup-item{background:var(--surface);border-radius:14px;padding:12px 10px;min-width:96px;text-align:center;flex-shrink:0}.cup-img{width:52px;height:52px;object-fit:contain;opacity:.35;filter:grayscale(1)}.cup-item.earned .cup-img{opacity:1;filter:none}.cup-label{font-size:12px;margin-top:6px}.cup-progress{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.trophy-grid{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;flex-shrink:0}.trophy{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:14px;padding:12px 14px;opacity:.6;flex-shrink:0}.trophy.earned{opacity:1;box-shadow:inset 0 0 0 1.5px var(--primary-dim)}.trophy-icon{font-size:22px;width:36px;text-align:center;flex-shrink:0}.trophy-text{flex:1;min-width:0}.trophy-name{font-weight:600;font-size:14px}.trophy-desc{color:var(--text-dim);font-size:12px;margin-top:1px}.trophy-bar{height:4px;border-radius:2px;background:var(--primary-dim);margin-top:6px;overflow:hidden}.trophy-bar-fill{display:block;height:100%;background:var(--primary);border-radius:2px}.trophy-progress{font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0}.settings-list{flex-shrink:0}.screen-settings{overflow-y:auto}.settings-action{text-decoration:none;color:inherit;cursor:pointer}.settings-chevron{color:var(--text-dim);font-size:18px}body.has-banner #app{padding-bottom:calc(env(safe-area-inset-bottom) + 60px)}.ad-banner-stub{position:fixed;left:0;right:0;bottom:0;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary-dim);color:var(--text-dim);font-size:12px;z-index:5}.hint-reason-slot:empty{display:none}.hint-reason{display:flex;align-items:flex-start;gap:8px;background:var(--surface);color:var(--text);font-size:13px;line-height:1.5;padding:12px 14px;border-radius:14px;box-shadow:0 6px 20px #3448612e;border-left:3px solid var(--primary);margin-top:10px;animation:reason-in .22s ease-out}@keyframes reason-in{0%{opacity:0;transform:translateY(6px)}}.hint-reason span{flex:1}.hint-reason-close{color:var(--text-dim);font-size:18px;line-height:1;padding:0 2px}.cell.because{box-shadow:inset 0 0 0 2px var(--primary);animation:because-in .3s}@keyframes because-in{0%{box-shadow:inset 0 0 0 0 var(--primary)}}