.board.svelte-caujbi{--gap:.5rem;aspect-ratio:1;width:100%;padding:var(--gap);background:var(--color-base-300);border-radius:1rem;position:relative;container-type:inline-size}.cells.svelte-caujbi{grid-template-columns:repeat(var(--size), 1fr);gap:var(--gap);width:100%;height:100%;display:grid}.cell.svelte-caujbi{background:color-mix(in oklab, var(--color-base-content) 7%, transparent);border-radius:.6rem}.tiles.svelte-caujbi{inset:var(--gap);position:absolute}.tile.svelte-caujbi{width:calc((100% - (var(--size) - 1) * var(--gap)) / var(--size));height:calc((100% - (var(--size) - 1) * var(--gap)) / var(--size));transform:translate(calc(var(--x) * (100% + var(--gap))), calc(var(--y) * (100% + var(--gap))));z-index:1;transition:transform .11s ease-out;position:absolute;top:0;left:0}.tile.merged.svelte-caujbi{z-index:2}.face.svelte-caujbi{background:var(--bg);width:100%;height:100%;color:var(--fg);border-radius:.6rem;justify-content:center;align-items:center;font-size:11cqw;font-weight:700;display:flex;box-shadow:0 1px 2px #00000040}.face.small.svelte-caujbi{font-size:8cqw}.face.tiny.svelte-caujbi{font-size:6.5cqw}.face.glow.svelte-caujbi{box-shadow:0 0 5cqw color-mix(in oklab, var(--bg) 60%, transparent)}.tile.new.svelte-caujbi .face:where(.svelte-caujbi){animation:.16s ease-out 90ms backwards svelte-caujbi-appear}.tile.merged.svelte-caujbi .face:where(.svelte-caujbi){animation:.2s ease-out 90ms backwards svelte-caujbi-pop}@keyframes svelte-caujbi-appear{0%{opacity:0;transform:scale(0)}}@keyframes svelte-caujbi-pop{0%{opacity:0;transform:scale(.85)}1%{opacity:1}50%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.tile.svelte-caujbi{transition:none}.tile.svelte-caujbi .face:where(.svelte-caujbi){animation:none!important}}