.sudoku-status-bar{color:var(--fg-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 14px;font-size:.85rem;font-weight:700;display:flex}.sudoku-status-bar .puzzle-label{min-width:150px;color:var(--fg);flex:1}.sudoku-board-wrap{justify-content:center;margin-bottom:14px;display:flex}.sudoku-grid{aspect-ratio:1;border:2px solid var(--fg-subtle);border-radius:var(--r-md);background:var(--card-border);grid-template-columns:repeat(9,1fr);gap:1px;width:100%;max-width:440px;display:grid;overflow:hidden}.sudoku-cell{background:var(--card-bg,rgb(var(--ink) / .03));color:var(--accent-hover);cursor:pointer;border:none;place-items:center;padding:0;font-family:inherit;font-size:clamp(.8rem,3.4vw,1.25rem);font-weight:700;transition:background .1s;display:grid;position:relative}.sudoku-cell.given{color:var(--fg);cursor:default;font-weight:800}.sudoku-cell.peer{background:#38bdf814}.sudoku-cell.same-value{color:var(--accent)}.sudoku-cell.selected{background:#38bdf84d}.sudoku-cell.error{color:var(--danger);background:#f8717129}.sudoku-cell.bl{border-left:2px solid var(--fg-subtle)}.sudoku-cell.br{border-right:2px solid var(--fg-subtle)}.sudoku-cell.bt{border-top:2px solid var(--fg-subtle)}.sudoku-cell.bb{border-bottom:2px solid var(--fg-subtle)}.sudoku-pencil{grid-template-columns:repeat(3,1fr);width:100%;height:100%;display:grid}.sudoku-pencil span{color:var(--fg-subtle);place-items:center;font-size:.5rem;font-weight:700;display:grid}.sudoku-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.sudoku-toolbar .btn{flex:1;min-width:90px}#sudoku-pencil-btn.active{background:var(--accent-gradient);color:var(--on-accent);border-color:#0000}.sudoku-numpad{grid-template-columns:repeat(9,1fr);gap:6px;margin-bottom:4px;display:grid}.sudoku-num-btn{border-radius:var(--r-md);border:1.5px solid var(--card-border);background:rgb(var(--ink) / .04);min-height:44px;color:var(--fg);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:800;transition:border-color .12s,background .12s,transform .1s}.sudoku-num-btn:hover{border-color:var(--accent)}.sudoku-num-btn:active{transform:scale(.94)}@media (width<=400px){.sudoku-status-bar{font-size:.78rem}.sudoku-toolbar .btn{min-width:80px;font-size:.75rem}}@media print{body.sudoku-printing>header,body.sudoku-printing>nav.breadcrumb,body.sudoku-printing>footer.site-footer,body.sudoku-printing #share-dialog,body.sudoku-printing .toast,body.sudoku-printing noscript,body.sudoku-printing .page-hero,body.sudoku-printing .disclaimer,body.sudoku-printing .section,body.sudoku-printing .ad-slot,body.sudoku-printing .tool-card>:not(.sudoku-board-wrap){display:none!important}body.sudoku-printing .sudoku-grid{background:#000;border-color:#000;max-width:100%}body.sudoku-printing .sudoku-cell{color:#000!important;box-shadow:none!important;background:#fff!important}body.sudoku-printing .sudoku-cell.given{color:#000!important}body.sudoku-printing .sudoku-pencil span{color:#666!important}}
