.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-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{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;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-cell:nth-child(3n){border-right-width:2px;border-right-color:var(--sudoku-ink)}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:2px;border-bottom-color:var(--sudoku-ink)}.sudoku-cell.is-fixed{background:#f1f5f9;font-weight:800}.sudoku-cell.is-selected{background:var(--sudoku-blue-soft);color:var(--sudoku-blue)}.sudoku-cell__notes{font-size:.55em;letter-spacing:.05em}.sudoku-gameplay__actions,.sudoku-keypad{display:grid;gap:6px}.sudoku-gameplay__actions{grid-template-columns:repeat(3,minmax(0,1fr))}.sudoku-keypad{grid-template-columns:repeat(9,minmax(0,1fr))}.sudoku-gameplay__actions button,.sudoku-keypad button{min-inline-size:0;min-block-size:40px;padding-inline:2px}.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)}@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,.sudoku-keypad 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}