.board.svelte-r5x75r{box-sizing:border-box;width:min(100%,32rem);min-width:16rem;padding:.6rem;background:var(--color-paper-100);border:1px solid var(--color-paper-200);border-radius:.75rem}.field.svelte-r5x75r{position:relative;width:100%;aspect-ratio:1 / 1}.wires.svelte-r5x75r{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.wires.svelte-r5x75r .ghost:where(.svelte-r5x75r){stroke:var(--color-ink-300);stroke-width:.035;stroke-dasharray:.12 .16}.wires.svelte-r5x75r .span:where(.svelte-r5x75r){stroke:var(--color-ink-700);stroke-width:.11;stroke-linecap:round}.slot.svelte-r5x75r{position:absolute;z-index:1;margin:0;padding:0;border:0;background:transparent;border-radius:999px;cursor:pointer;display:grid;place-items:center;color:var(--color-mistake)}.slot.is-h.svelte-r5x75r{transform:translateY(-50%);min-height:1.1rem}.slot.is-v.svelte-r5x75r{transform:translate(-50%);min-width:1.1rem}.slot.svelte-r5x75r svg:where(.svelte-r5x75r){width:100%;height:100%}.slot.svelte-r5x75r:hover{background:var(--color-brand-soft)}.slot.is-blocked.svelte-r5x75r{cursor:default}.slot.is-blocked.svelte-r5x75r:hover{background:transparent}.slot.svelte-r5x75r:focus-visible{outline:2px solid var(--color-brand);outline-offset:1px}.isle.svelte-r5x75r{position:absolute;z-index:2;transform:translate(-50%,-50%);min-width:1.5rem;min-height:1.5rem;margin:0;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer;line-height:0}.isle.svelte-r5x75r svg:where(.svelte-r5x75r){width:100%;height:100%}.isle.svelte-r5x75r:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}.isle.is-picked.svelte-r5x75r{outline:3px dashed var(--color-brand);outline-offset:3px}.disc.svelte-r5x75r{fill:var(--color-bg-elevated)}.isle.is-done.svelte-r5x75r .disc:where(.svelte-r5x75r){fill:var(--color-pastel-mint)}.isle.is-over.svelte-r5x75r .disc:where(.svelte-r5x75r){fill:var(--color-pastel-rose)}.ring.svelte-r5x75r{fill:none;stroke:var(--color-ink-500);stroke-width:6}.isle.is-done.svelte-r5x75r .ring:where(.svelte-r5x75r){stroke:var(--color-success)}.isle.is-over.svelte-r5x75r .ring:where(.svelte-r5x75r){stroke:var(--color-mistake);stroke-dasharray:11 8}.num.svelte-r5x75r{fill:var(--color-ink-900);font-family:var(--font-classroom-heading);font-size:46px;font-weight:600;text-anchor:middle;dominant-baseline:central}.isle.is-done.svelte-r5x75r .num:where(.svelte-r5x75r){font-weight:800}.isle.is-over.svelte-r5x75r .num:where(.svelte-r5x75r){font-weight:800}