.mp-root.svelte-v64k9n{max-width:30rem;margin-inline:auto}@media (orientation:landscape) and (height<=520px){.mp-root.svelte-v64k9n{max-width:none}}.mp-board.svelte-v64k9n{box-sizing:border-box;aspect-ratio:1;border:3px solid var(--learn-line);background:var(--learn-paper);border-radius:1.5rem;gap:4%;width:min(21rem,100vw - 2rem,max(10rem,100dvh - 36rem));padding:3%;display:grid}.mp-filled.svelte-v64k9n,.mp-hole.svelte-v64k9n{aspect-ratio:1;border-radius:18%;min-width:0;display:block}.mp-hole.svelte-v64k9n:not(.snap){border:3px dashed var(--learn-line);background:var(--learn-paper)}.mp-hole-colour.svelte-v64k9n:not(.snap){opacity:.4;box-shadow:inset 0 0 0 3px var(--learn-ink);border:none}.mp-piece.svelte-v64k9n{gap:4%;display:grid}.mp-cell.svelte-v64k9n{aspect-ratio:1;border-radius:20%;display:block}.snap.svelte-v64k9n{animation:.45s both svelte-v64k9n-snap-in}@keyframes svelte-v64k9n-snap-in{0%{opacity:.2;transform:scale(.55)}55%{opacity:1;transform:scale(1.14)}to{opacity:1;transform:scale(1)}}@media (width<=30rem){.mp-board.svelte-v64k9n{width:min(21rem,100vw - 2rem,max(10rem,100dvh - 39rem))}}@media (orientation:landscape) and (height<=520px){.mp-board.svelte-v64k9n{width:min(12rem,max(8rem,100dvh - 9rem))}}@media (prefers-reduced-motion:reduce){.snap.svelte-v64k9n{animation:none}}:root[data-reduced-motion] .snap.svelte-v64k9n{animation:none}