.sudoku.svelte-b7ta8f{--cell: clamp(1.7rem, 8.4vw, 2.75rem);display:flex;flex-direction:column;align-items:center;gap:.6rem}.board.svelte-b7ta8f{display:flex;flex-direction:column;background:var(--color-bg-elevated);border-top:2px solid var(--color-ink-700);border-left:2px solid var(--color-ink-700);border-radius:.25rem}.row.svelte-b7ta8f{display:flex}.cell.svelte-b7ta8f{position:relative;width:var(--cell);height:var(--cell);padding:0;margin:0;border:0;border-right:1px solid var(--color-paper-300);border-bottom:1px solid var(--color-paper-300);background:var(--color-bg-elevated);color:var(--color-ink-900);font-family:var(--font-classroom-body);cursor:pointer;display:grid;place-items:center;line-height:1}.cell.thick-r.svelte-b7ta8f{border-right:2px solid var(--color-ink-700)}.cell.thick-b.svelte-b7ta8f{border-bottom:2px solid var(--color-ink-700)}.digit.svelte-b7ta8f{font-size:calc(var(--cell) * .56)}.cell.is-given.svelte-b7ta8f{background:var(--color-paper-200);font-weight:800}.cell.is-answer.svelte-b7ta8f{color:var(--color-brand);font-weight:500}.cell.is-peer.svelte-b7ta8f{background:var(--color-paper-100)}.cell.is-given.is-peer.svelte-b7ta8f{background:var(--color-paper-300)}.cell.is-match.svelte-b7ta8f{text-decoration:underline;text-underline-offset:.15em}.cell.is-clash.svelte-b7ta8f{color:var(--color-mistake);font-weight:700}.clash-bar.svelte-b7ta8f{position:absolute;left:22%;right:22%;bottom:12%;height:.15rem;background:var(--color-mistake);border-radius:999px}.marks.svelte-b7ta8f{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:.08rem;color:var(--color-ink-500);font-size:calc(var(--cell) * .26)}.mark.svelte-b7ta8f{display:grid;place-items:center}.cell.svelte-b7ta8f:hover,.cell.is-given.svelte-b7ta8f:hover{background:var(--color-brand-soft)}.cell.is-sel.svelte-b7ta8f,.cell.is-given.is-sel.svelte-b7ta8f{background:var(--color-brand-soft);box-shadow:inset 0 0 0 2px var(--color-brand)}.cell.svelte-b7ta8f:focus-visible{outline:3px solid var(--color-brand);outline-offset:-3px;z-index:1}.pad.svelte-b7ta8f{display:grid;grid-template-columns:repeat(9,var(--cell));gap:.15rem}.key.svelte-b7ta8f{height:calc(var(--cell) * 1.05);padding:0;border:1px solid var(--color-paper-300);border-radius:.375rem;background:var(--color-paper-100);color:var(--color-ink-900);font-family:var(--font-classroom-heading);font-size:calc(var(--cell) * .46);font-weight:700;cursor:pointer}.key.svelte-b7ta8f:hover{background:var(--color-paper-200);border-color:var(--color-brand)}.key.svelte-b7ta8f:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}.pad-row.svelte-b7ta8f{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem}.tool.svelte-b7ta8f{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--color-paper-300);border-radius:.5rem;background:var(--color-paper-100);color:var(--color-ink-900);font-family:var(--font-classroom-heading);font-weight:700;font-size:.8125rem;padding:.35rem .7rem;cursor:pointer}.tool.svelte-b7ta8f svg:where(.svelte-b7ta8f){width:1rem;height:1rem}.tool.svelte-b7ta8f:hover{background:var(--color-paper-200)}.tool.svelte-b7ta8f:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}.tool.is-on.svelte-b7ta8f{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.sel-note.svelte-b7ta8f{margin:0;font-size:.75rem;color:var(--color-ink-500);font-family:var(--font-mono)}