.sudoku6-area { max-width:480px; }
.controls { display:flex; flex-direction:column; gap:10px; margin-bottom:14px; }
.stats { display:flex; gap:16px; color:var(--muted); font-size:14px; flex-wrap:wrap; }
.stats b { color:var(--ink); font-size:16px; }
.actions { display:flex; gap:8px; flex-wrap:wrap; }
.actions .btn.active { background:var(--blue); color:#fff; border-color:var(--blue); }
.grid { display:grid; grid-template-columns:repeat(6,1fr); gap:2px; max-width:360px; margin:0 auto 12px; }
.cell { aspect-ratio:1/1; border:1px solid var(--rule); background:var(--panel); color:var(--ink); font-size:24px; font-weight:800; display:flex; align-items:center; justify-content:center; cursor:pointer; position:relative; }
.cell.given { color:var(--blue); }
.cell.selected { background:var(--bluewash); box-shadow:inset 0 0 0 2px var(--blue); }
.cell.same { background:var(--bluewash); }
.cell.error { color:var(--orange); }
.cell.notes { font-size:11px; font-weight:600; display:grid; grid-template-columns:repeat(3,1fr); gap:0; padding:2px; line-height:1; }
.cell.notes span { display:flex; align-items:center; justify-content:center; }
.cell.notes span.on { color:var(--muted); font-weight:700; }
.cell.notes span.off { color:transparent; }
.box-t { border-top:2px solid var(--ink); }
.box-b { border-bottom:2px solid var(--ink); }
.box-l { border-left:2px solid var(--ink); }
.box-r { border-right:2px solid var(--ink); }
.numpad { display:flex; gap:8px; justify-content:center; max-width:360px; margin:0 auto 16px; }
.numpad button { flex:1; height:44px; border:1px solid var(--rule); background:var(--panel); color:var(--ink); font-size:18px; font-weight:800; }
.numpad button:hover { border-color:var(--blue); color:var(--blue); }
.win-panel { max-width:360px; margin:14px auto 0; padding:24px; text-align:center; }
.win-panel h2 { margin:0 0 6px; letter-spacing:-.03em; }
.win-panel p { color:var(--muted); font-size:14px; margin:0 0 14px; }
@media (max-width:780px) { .cell { font-size:20px; } .controls { align-items:stretch; } .actions { justify-content:center; } }