.sudoku-top-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.sudoku-diff-row{display:flex;gap:.4rem}.sudoku-stats{display:flex;gap:1.5rem}.sudoku-stat{display:flex;flex-direction:column;align-items:center}.sudoku-stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.sudoku-stat-value{font-size:1.25rem;font-weight:700;color:var(--text);line-height:1.2}.sudoku-mistakes{color:var(--danger)}.sudoku-board-wrap{display:flex;justify-content:center;margin-bottom:1rem}.sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);width:min(100%,450px);aspect-ratio:1;border:2.5px solid var(--text);border-radius:4px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sudoku-cell{display:flex;align-items:center;justify-content:center;border:1px solid var(--border);cursor:pointer;position:relative;background:var(--surface);transition:background .1s;aspect-ratio:1}.sudoku-cell:nth-child(9n+3),.sudoku-cell:nth-child(9n+6){border-right:2px solid var(--text)}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--text)}.sudoku-cell.highlighted{background:var(--surface2)}.sudoku-cell.selected{background:color-mix(in srgb,var(--accent) 22%,var(--surface))}.sudoku-cell.given .sudoku-digit{font-weight:700;color:var(--text)}.sudoku-cell:not(.given) .sudoku-digit{color:var(--accent);font-weight:600}.sudoku-cell.error .sudoku-digit{color:var(--danger)!important}.sudoku-cell.same-num{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.sudoku-digit{font-size:clamp(.85rem,2.5vw,1.3rem);line-height:1}.sudoku-notes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:1px;box-sizing:border-box}.sudoku-note{display:flex;align-items:center;justify-content:center;font-size:clamp(.45rem,1.2vw,.65rem);color:var(--muted);line-height:1}.sudoku-actions{gap:.5rem;margin-bottom:1rem}.sudoku-actions,.sudoku-numpad{display:flex;justify-content:center;flex-wrap:wrap}.sudoku-numpad{gap:.35rem;margin-bottom:.75rem}.sudoku-num-btn{width:42px;height:48px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.sudoku-num-btn:hover{border-color:var(--accent);color:var(--accent)}.sudoku-erase-btn{background:color-mix(in srgb,var(--danger) 12%,var(--surface2));border-color:color-mix(in srgb,var(--danger) 30%,var(--border));color:var(--danger)}.sudoku-erase-btn:hover{border-color:var(--danger);color:var(--danger)}.sudoku-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:100}.sudoku-overlay-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem 2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem;min-width:240px}.sudoku-overlay-box h2{font-size:1.5rem;font-weight:800;margin:0}.sudoku-overlay-box p{margin:0;color:var(--muted);font-size:.9rem}.sudoku-overlay-emoji{font-size:2.5rem;line-height:1}@media (max-width:480px){.game-page .sudoku-overlay-box{padding:1.25rem 1.5rem;min-width:200px}}