.sudoku-studio{border:1px solid var(--line);background:var(--paper-raised);border-radius:22px;gap:18px;padding:clamp(14px,3vw,28px);display:grid}.sudoku-tabs{flex-wrap:wrap;gap:8px;display:flex}.sudoku-tabs button,.sudoku-actions button,.sudoku-options button{border:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 18px;font-weight:700}.sudoku-tabs button.is-active{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 16%, transparent)}.sudoku-studio .sudoku-primary{border-color:var(--brand-dark);background:var(--brand-dark);color:var(--brand-ink)}.sudoku-studio button:disabled{opacity:.5;cursor:not-allowed}.sudoku-solver,.sudoku-maker{justify-items:start;gap:14px;display:grid}.sudoku-board{aspect-ratio:1;border:3px solid var(--ink);background:var(--paper);grid-template-columns:repeat(9,1fr);width:min(100%,432px);display:grid}.sudoku-cell{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;min-width:0;height:100%;color:var(--ink);font:700 clamp(16px, 4.6vw, 24px) / 1 var(--display);text-align:center;background:0 0;place-items:center;display:grid}.sudoku-cell.edge-right{border-right:2px solid var(--ink)}.sudoku-cell.edge-bottom{border-bottom:2px solid var(--ink)}input.sudoku-cell:focus{outline:3px solid var(--brand);outline-offset:-3px;background:color-mix(in srgb, var(--brand) 10%, transparent)}.sudoku-cell.is-filled{color:var(--brand)}.sudoku-cell.is-conflict{background:#d92d2038}.sudoku-actions,.sudoku-options{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.sudoku-options label{gap:4px;font-size:14px;font-weight:700;display:grid}.sudoku-options select{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);font:inherit;border-radius:12px;padding:6px 10px}.sudoku-message{color:var(--ink-soft);margin:0}.sudoku-print{gap:24px;width:100%;display:grid}.sudoku-sheet{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;display:grid}.sudoku-sheet figure{margin:0}.sudoku-sheet figcaption{margin-bottom:6px;font-weight:700}.sudoku-answers h3{grid-column:1/-1;margin:0}.sudoku-answers .sudoku-board{width:min(100%,300px)}@media print{html.print-sudoku body *{visibility:hidden}html.print-sudoku .sudoku-print,html.print-sudoku .sudoku-print *{visibility:visible}html.print-sudoku .sudoku-print{width:100%;position:absolute;inset:0 auto auto 0}html.print-sudoku .sudoku-sheet{color:#000;grid-template-columns:repeat(2,1fr);gap:12mm}html.print-sudoku .sudoku-sheet.sheet-1{grid-template-columns:1fr;justify-items:center}html.print-sudoku .sudoku-answers{break-before:page}html.print-sudoku .sudoku-board{background:#fff;border-color:#000;width:100%;max-width:120mm}html.print-sudoku .sudoku-cell{color:#000;border-color:#999;font-size:16pt}html.print-sudoku .sudoku-cell.edge-right{border-right-color:#000}html.print-sudoku .sudoku-cell.edge-bottom{border-bottom-color:#000}}
