.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}.stage-body.immersive.svelte-zdhbef{display:flex;flex-direction:column;gap:1rem;height:100%}.immersive.svelte-zdhbef>*:not(.board-area){flex-shrink:0;margin:0}.immersive.svelte-zdhbef .scoreboard:where(.svelte-zdhbef){padding-right:var(--immersive-exit-clearance)}.immersive.svelte-zdhbef .board-area:where(.svelte-zdhbef){flex:1;min-width:0;min-height:0;display:grid;place-items:center;container-type:size}.immersive.svelte-zdhbef .board:where(.svelte-zdhbef){width:min(100cqw,100cqh)}@media(orientation:portrait){.stage-body.immersive.svelte-zdhbef{justify-content:center}.immersive.svelte-zdhbef .board-area:where(.svelte-zdhbef){flex:0 1 auto;width:100%;aspect-ratio:1}}.immersive.svelte-zdhbef .dpad:where(.svelte-zdhbef) button{width:3.25rem;height:3.25rem}@media(orientation:landscape){.stage-body.immersive.svelte-zdhbef{flex-direction:row;align-items:center}.immersive.svelte-zdhbef .board-area:where(.svelte-zdhbef){align-self:stretch}.immersive.svelte-zdhbef .scoreboard:where(.svelte-zdhbef),.immersive.svelte-zdhbef .controls:where(.svelte-zdhbef){width:11rem;flex-direction:column;padding-right:0}.immersive.svelte-zdhbef .stats:where(.svelte-zdhbef){flex-direction:column}}.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)}}