.sudoku-client{--sudoku-blue: #1769e0;--sudoku-blue-soft: #eaf2ff;--sudoku-ink: #172033;--sudoku-muted: #667085;--sudoku-line: #cbd5e1;color:var(--sudoku-ink);background:#fff;font:inherit}.sudoku-client--loading,.sudoku-client--menu{min-block-size:100dvh;padding:calc(24px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left))}.sudoku-client--loading{display:grid;place-items:center}.sudoku-client--menu{display:grid;place-items:center;overflow-y:auto}.sudoku-menu__choices{inline-size:min(100%,340px);display:grid;gap:14px;text-align:center}.sudoku-menu__choices h1,.sudoku-pause-dialog h2{margin:0;font-size:clamp(1.8rem,7vw,2.35rem);line-height:1.05}.sudoku-menu__choices p{margin:0;color:var(--sudoku-muted)}.sudoku-menu__eyebrow{color:var(--sudoku-blue)!important;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sudoku-menu__best{padding:12px;border-radius:14px;background:#f7f9fc;font-size:.92rem}.sudoku-client button{border-radius:12px}.sudoku-menu__choices>button:first-of-type{min-block-size:48px;background:var(--sudoku-blue);color:#fff}.sudoku-difficulty-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sudoku-difficulty-picker button{min-inline-size:0;min-block-size:48px;padding-inline:6px}.sudoku-challenge-target{margin:0;padding:10px 12px;border-radius:14px;background:var(--sudoku-blue-soft);color:var(--sudoku-blue)!important;font-weight:750}.sudoku-challenge-target--gameplay{text-align:center;font-size:.82rem}.sudoku-challenge-result{margin:0;color:var(--sudoku-blue)!important;font-weight:800}.sudoku-client--gameplay{height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;gap:8px;padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left))}.sudoku-gameplay__header{display:flex;align-items:center;justify-content:space-between;min-block-size:34px}.sudoku-gameplay__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;font-size:.75rem;text-align:center}.sudoku-gameplay__stats span{display:grid;gap:2px;min-inline-size:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sudoku-gameplay__stats small{color:var(--sudoku-muted);font-size:.61rem}.sudoku-gameplay__main{min-block-size:0;display:grid;place-items:center}.sudoku-board{position:relative;inline-size:min(100%,calc(100dvh - 258px));max-inline-size:560px;aspect-ratio:1;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border:2px solid var(--sudoku-ink);background:#fff}.sudoku-client .sudoku-cell{min-inline-size:0;min-block-size:0;display:grid;place-items:center;padding:0;border:0;border-right:1px solid var(--sudoku-line);border-bottom:1px solid var(--sudoku-line);border-radius:0;box-shadow:none;background:#fff;color:var(--sudoku-ink);font-size:clamp(.94rem,4.8vw,1.4rem);font-weight:650}.sudoku-board__divider{position:absolute;z-index:1;display:block;background:var(--sudoku-ink);pointer-events:none}.sudoku-board__divider--vertical-1,.sudoku-board__divider--vertical-2{inset-block:0;inline-size:2px;transform:translate(-50%)}.sudoku-board__divider--vertical-1{inset-inline-start:33.333%}.sudoku-board__divider--vertical-2{inset-inline-start:66.666%}.sudoku-board__divider--horizontal-1,.sudoku-board__divider--horizontal-2{inset-inline:0;block-size:2px;transform:translateY(-50%)}.sudoku-board__divider--horizontal-1{inset-block-start:33.333%}.sudoku-board__divider--horizontal-2{inset-block-start:66.666%}.sudoku-cell.is-fixed{background:#f1f5f9;font-weight:800}.sudoku-cell.is-matching{background:#f3f7fd;color:#1756a9}.sudoku-cell.is-selected{background:var(--sudoku-blue-soft);color:var(--sudoku-blue)}.sudoku-cell.is-mistake{background:#fff0f0;color:#b42318;box-shadow:inset 0 0 0 2px #b4231847}.sudoku-cell__notes{inline-size:100%;block-size:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));color:var(--sudoku-muted);font-size:.42em;font-variant-numeric:tabular-nums;font-weight:500}.sudoku-cell__note-slot{display:grid;place-items:center;min-inline-size:0;min-block-size:0;line-height:1}.sudoku-gameplay__actions,.sudoku-keypad{display:grid;gap:6px}.sudoku-gameplay__actions{grid-template-columns:repeat(3,minmax(0,1fr))}.sudoku-keypad{inline-size:min(100%,560px);justify-self:center;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.sudoku-gameplay__actions button{min-inline-size:0;min-block-size:40px;padding-inline:2px}.sudoku-client .sudoku-key{inline-size:100%;min-inline-size:0;min-block-size:0;aspect-ratio:1;display:grid;place-items:center;padding:0;border:1px solid #d7e0ec;border-radius:10px;background:#f4f7fb;color:var(--sudoku-ink);font:inherit;font-size:clamp(.88rem,4vw,1.15rem);font-variant-numeric:tabular-nums;font-weight:750;line-height:1;text-align:center}.sudoku-client .sudoku-key:focus-visible{outline:3px solid rgb(23 105 224 / .35);outline-offset:2px}.sudoku-client .sudoku-key:disabled{cursor:default;opacity:.42}.sudoku-save-error{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#a13b18;font-size:.72rem}.sudoku-pause-backdrop{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:20px;background:#0f172a85}.sudoku-pause-dialog{inline-size:min(100%,320px);display:grid;gap:12px;padding:24px;border-radius:20px;background:#fff;box-shadow:0 20px 60px #0f172a47;text-align:center}.sudoku-pause-dialog p{margin:0;color:var(--sudoku-muted)}.sudoku-confirm-backdrop{position:fixed;inset:0;z-index:3;display:grid;place-items:center;padding:20px;background:#0f172a85}.sudoku-confirm-dialog{inline-size:min(100%,340px);display:grid;gap:12px;padding:24px;border-radius:20px;background:#fff;box-shadow:0 20px 60px #0f172a47;text-align:center}.sudoku-confirm-dialog h2,.sudoku-confirm-dialog p{margin:0}.sudoku-confirm-dialog p{color:var(--sudoku-muted)}@media(max-height:720px){.sudoku-client--gameplay{gap:4px;padding-block:calc(4px + env(safe-area-inset-top)) calc(4px + env(safe-area-inset-bottom))}.sudoku-board{inline-size:min(100%,calc(100dvh - 218px))}.sudoku-gameplay__actions button{min-block-size:34px}}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}