.board-perspective.svelte-163r40c{perspective:900px}.board.svelte-163r40c{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;background:linear-gradient(145deg,#1e293b,#0f172a);border-radius:16px;transform:rotateX(4deg) rotateY(0);transform-style:preserve-3d;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff0d inset,0 -4px 12px #6366f11a}.cell.svelte-163r40c{aspect-ratio:1;background:#ffffff0a;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;transform-style:preserve-3d}.tile.svelte-163r40c{position:absolute;inset:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:-.5px;transform:translateZ(10px);transition:all .1s ease-out;backface-visibility:hidden}.tile-pop.svelte-163r40c{animation:svelte-163r40c-pop .22s cubic-bezier(.34,1.56,.64,1)}.tile-spawn.svelte-163r40c{animation:svelte-163r40c-spawn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes svelte-163r40c-pop{0%{transform:translateZ(10px) scale(1)}40%{transform:translateZ(20px) scale(1.2)}to{transform:translateZ(10px) scale(1)}}@keyframes svelte-163r40c-spawn{0%{transform:translateZ(10px) scale(0);opacity:0}60%{transform:translateZ(14px) scale(1.08)}to{transform:translateZ(10px) scale(1);opacity:1}}.overlay.svelte-163r40c{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(6px);border-radius:16px;display:flex;align-items:center;justify-content:center;z-index:10;animation:svelte-163r40c-fadeIn .3s ease}.win-overlay.svelte-163r40c{background:linear-gradient(135deg,#8b5cf6d9,#ec4899d9)}@keyframes svelte-163r40c-fadeIn{0%{opacity:0}to{opacity:1}}.dpad.svelte-163r40c{display:flex;align-items:center;justify-content:center;border-radius:.75rem;background-color:#374151cc;padding:.75rem;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dpad.svelte-163r40c:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}