.board.svelte-zdhbef{--cols: 20;--rows: 20;width:min(100%,28rem,58vh);position:relative;aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none}.board-grid.svelte-zdhbef{position:absolute;inset:0;background-image:repeating-conic-gradient(light-dark(rgb(0 0 0 / .05),rgb(255 255 255 / .045)) 0% 25%,transparent 0% 50%);background-size:calc(200% / var(--cols)) calc(200% / var(--rows))}.pieces.svelte-zdhbef{position:absolute;inset:0;pointer-events:none}.cell.svelte-zdhbef{position:absolute;top:0;left:0;width:calc(100% / var(--cols));height:calc(100% / var(--rows));transform:translate(calc(100% * var(--col)),calc(100% * var(--row)));padding:1px}.piece.svelte-zdhbef{display:block;height:100%;width:100%;border-radius:25%}.head.svelte-zdhbef{position:relative;border-radius:35%;rotate:var(--facing)}.eye.svelte-zdhbef{position:absolute;top:18%;height:22%;width:22%;border-radius:50%;background:light-dark(#ffffff,#064e3b)}.head.svelte-zdhbef .eye:where(.svelte-zdhbef):first-child{left:18%}.head.svelte-zdhbef .eye:where(.svelte-zdhbef):last-child{right:18%}.apple.svelte-zdhbef{border-radius:50%;animation:svelte-zdhbef-apple-pulse 1.6s ease-in-out infinite}@keyframes svelte-zdhbef-apple-pulse{0%,to{transform:scale(.88)}50%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.apple.svelte-zdhbef{animation:none;transform:scale(.94)}}