.sudoku-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.sudoku-grid{display:grid;grid-template-columns:repeat(9,1fr);width:100%;max-width:468px;border:3px solid var(--text);border-radius:6px;overflow:hidden;user-select:none;touch-action:manipulation}.s-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(.85rem,3.8vw,1.3rem);font-weight:700;cursor:pointer;border-right:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;transition:background .1s;background:var(--card-bg);color:var(--text);-webkit-tap-highlight-color:transparent}.s-cell.box-right{border-right:2px solid var(--text)}.s-cell.box-bottom{border-bottom:2px solid var(--text)}.s-cell:last-child{border-right:none}.s-cell.given{color:var(--text);background:var(--bg-dark)}.s-cell.selected{background:var(--primary-light)!important}.s-cell.related{background:#f0f0ff}.s-cell.same-num{background:#dde0ff}.s-cell.user-ok{color:var(--primary)}.s-cell.user-err{color:var(--error);background:#fff0f0!important}.s-cell.complete{color:var(--success)}.s-cell .notes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:1px}.s-cell .note-n{display:flex;align-items:center;justify-content:center;font-size:clamp(.38rem,1.3vw,.52rem);font-weight:600;color:var(--text-muted);line-height:1}.s-cell .note-n.active{color:var(--primary)}.sudoku-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:468px;flex-wrap:wrap;gap:8px}.diff-tabs{display:flex;gap:4px}.diff-tab{padding:6px 14px;border:2px solid var(--border);border-radius:var(--radius-full);background:var(--card-bg);font-size:.8rem;font-weight:700;cursor:pointer;transition:var(--transition);color:var(--text-muted);font-family:inherit}.diff-tab:hover{border-color:var(--primary);color:var(--primary)}.diff-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.sudoku-stats{display:flex;gap:16px;align-items:center;font-size:.85rem;font-weight:600;color:var(--text-muted)}.sudoku-stats .timer{cursor:pointer}.sudoku-stats .mistakes{color:var(--error)}.num-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;width:100%;max-width:468px}.num-pad-row2{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;max-width:468px;margin-top:4px}.np-btn{aspect-ratio:1;border:2px solid var(--border);border-radius:var(--radius);background:var(--card-bg);font-size:clamp(1rem,3.5vw,1.3rem);font-weight:800;cursor:pointer;transition:var(--transition);color:var(--text);display:flex;align-items:center;justify-content:center;font-family:inherit;-webkit-tap-highlight-color:transparent}.np-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.np-btn.notes-on{border-color:var(--warning);background:#fef9c3;color:#92400e}.np-btn.erase{font-size:clamp(.7rem,2.5vw,.9rem);font-weight:700}.np-btn.action{font-size:clamp(.65rem,2vw,.8rem);font-weight:700;color:var(--text-muted)}.np-btn.action:hover{color:var(--primary)}.np-btn:disabled{opacity:.35;cursor:not-allowed}.sudoku-overlay{position:absolute;inset:0;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;gap:12px;padding:20px;text-align:center}.sudoku-overlay.win{background:#10b981eb;color:#fff}.sudoku-overlay.lose{background:#ef4444e0;color:#fff}.sudoku-overlay h2{font-size:clamp(1.4rem,5vw,2rem);margin:0}.sudoku-overlay p{font-size:.95rem;margin:0;opacity:.9}.sudoku-container{position:relative;width:100%;max-width:468px}.dark .s-cell{background:#1e293b;color:var(--text)}.dark .s-cell.given{background:#0f172a;color:#f1f5f9}.dark .s-cell.selected{background:var(--primary-light)!important}.dark .s-cell.related{background:#6366f114}.dark .s-cell.same-num{background:#6366f126}.dark .s-cell.user-ok{color:#818cf8}.dark .s-cell.user-err{color:#f87171;background:#ef444426!important}.dark .s-cell.mine{background:#ef444433}.dark .s-cell.exploded{background:var(--error)}.dark .sudoku-grid{border-color:#475569}.dark .s-cell{border-color:#334155}.dark .s-cell.box-right{border-right-color:#64748b}.dark .s-cell.box-bottom{border-bottom-color:#64748b}.dark .np-btn{background:var(--card-bg);border-color:var(--border);color:var(--text)}.dark .np-btn.notes-on{background:#f59e0b26;border-color:var(--warning);color:var(--warning)}.dark .diff-tab{background:#273549;border-color:var(--border);color:var(--text-muted)}.dark .diff-tab:hover{background:#6366f14d;border-color:var(--primary);color:var(--primary)}.dark .diff-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}