.board.svelte-174t2ho{display:grid;gap:clamp(3px,.8vw,6px);width:min(100%,calc(var(--word-length) * min(58px,7.4dvh) + (var(--word-length) - 1) * 6px));container-type:inline-size}.row.svelte-174t2ho{display:grid;gap:inherit;grid-template-columns:repeat(var(--word-length),minmax(0,1fr))}.board.compact.svelte-174t2ho{width:100%;gap:3px}.compact.svelte-174t2ho .tile:where(.svelte-174t2ho){aspect-ratio:auto;height:18px;border-width:1px;border-radius:3px;font-size:.75rem}.compact.svelte-174t2ho .latest:where(.svelte-174t2ho) .tile:where(.svelte-174t2ho){height:34px;font-size:1.1rem}.tile.svelte-174t2ho{align-items:center;aspect-ratio:1;border:2px solid var(--tile-border);color:var(--ink-strong);display:flex;font-size:clamp(.85rem,calc(65cqw / var(--word-length)),2rem);font-weight:750;justify-content:center;line-height:1;text-transform:uppercase}.tile.active.svelte-174t2ho{border-color:var(--tile-active)}.tile.correct.svelte-174t2ho{background:var(--correct);border-color:var(--correct);color:#fff}.tile.present.svelte-174t2ho{background:var(--present);border-color:var(--present);color:#fff}.tile.absent.svelte-174t2ho{background:var(--absent);border-color:var(--absent);color:#fff}.flip.svelte-174t2ho{animation:svelte-174t2ho-flip .3s var(--delay) both}.shake.svelte-174t2ho{animation:svelte-174t2ho-shake .4s}.celebrate.svelte-174t2ho .tile:where(.svelte-174t2ho){animation:svelte-174t2ho-bounce .45s var(--delay) both}@keyframes svelte-174t2ho-flip{0%,to{transform:rotateX(0)}50%{transform:rotateX(90deg)}}@keyframes svelte-174t2ho-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes svelte-174t2ho-bounce{40%{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){.flip.svelte-174t2ho,.shake.svelte-174t2ho,.celebrate.svelte-174t2ho .tile:where(.svelte-174t2ho){animation:none}}