.tile.svelte-34xnc5{aspect-ratio:1;color:var(--color-text-muted);background:linear-gradient(#342c52,#261f3c);border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.8rem,2.6vw,1.05rem);font-weight:800;position:relative;box-shadow:inset 0 -4px #00000047,0 1px #00000040}.tile.animated.svelte-34xnc5{transition:transform .16s,background .16s,color .16s}.tile.svelte-34xnc5:not(:disabled):hover{color:var(--color-text);transform:translateY(-2px)}.tile.svelte-34xnc5:disabled{cursor:default}.tile.picked.svelte-34xnc5{color:#1b1528;background:linear-gradient(180deg, #ffd27a, var(--color-accent));box-shadow:inset 0 -4px #78460059,0 0 0 1px #ffd27a99}.tile.miss.svelte-34xnc5{color:#e9e3ff;background:linear-gradient(#6d55c9,#4b3a92);box-shadow:inset 0 3px 8px #00000059}.tile.hit.svelte-34xnc5{color:#0d2a1e;background:radial-gradient(circle at 35% 30%,#c9ffe6,#3ccf91 55%,#1f8c5f);box-shadow:0 0 0 2px #9ff5cf,0 0 18px #3ccf918c}.tile.animated.hit.svelte-34xnc5,.tile.animated.miss.svelte-34xnc5{animation:.26s cubic-bezier(.3,1.6,.5,1) svelte-34xnc5-pop}@keyframes svelte-34xnc5-pop{0%{transform:scale(.6)rotate(-6deg)}}html[data-motion=reduced] .tile.svelte-34xnc5:not(:disabled):hover{transform:none}