.board.svelte-1wdjhb7{position:relative;display:grid;width:min(100%,300px,max(264px,calc(100vh - 460px)));width:min(100%,300px,max(264px,calc(100dvh - 460px)));aspect-ratio:1;grid-template-columns:repeat(var(--width),minmax(0,1fr));grid-template-rows:repeat(var(--width),minmax(0,1fr));margin:0 auto 10px;background:var(--line);border-radius:6px;touch-action:none;-webkit-user-select:none;user-select:none}.board.svelte-1wdjhb7:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.cell.svelte-1wdjhb7{position:relative;min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:3px}.wall.svelte-1wdjhb7{background:var(--ink);opacity:.75}.hole.svelte-1wdjhb7{position:absolute;inset:16%;border-radius:50%;background:color-mix(in srgb,var(--ink) 85%,var(--surface));box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--ink) 40%,var(--surface))}.slot.svelte-1wdjhb7{position:absolute;display:grid;place-items:center;width:calc(100% / var(--width));height:calc(100% / var(--width));pointer-events:none;transition:left .18s ease-out,top .18s ease-out}.ball.svelte-1wdjhb7{width:70%;height:70%;border-radius:50%;background:var(--violet);border:2px solid var(--ink);transition:transform .18s ease-out}.sunk.svelte-1wdjhb7{transform:scale(.55);background:var(--surface)}.won.svelte-1wdjhb7{outline:3px solid var(--ink)}@media(prefers-reduced-motion:reduce){.slot.svelte-1wdjhb7,.ball.svelte-1wdjhb7{transition:none}}