@layer component{._0BA0ja_NumberMerge{gap:var(--space-4);justify-items:start;display:grid}._0BA0ja_NumberMerge ._0BA0ja_toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;inline-size:min(100%,28rem);display:flex}._0BA0ja_NumberMerge ._0BA0ja_scores{gap:var(--space-3);margin:0;display:flex}._0BA0ja_NumberMerge ._0BA0ja_scores div{min-inline-size:5rem;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-raised);display:grid}._0BA0ja_NumberMerge ._0BA0ja_scores dt{color:var(--color-text-secondary);font-size:var(--font-size-xs)}._0BA0ja_NumberMerge ._0BA0ja_scores dd{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;margin:0}._0BA0ja_NumberMerge ._0BA0ja_actions{gap:var(--space-2);display:flex}._0BA0ja_NumberMerge ._0BA0ja_board{--gap:var(--space-2);box-sizing:border-box;aspect-ratio:1;inline-size:min(100%,28rem);padding:var(--gap);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-surface);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;container-type:inline-size}._0BA0ja_NumberMerge ._0BA0ja_cells{grid-template-columns:repeat(var(--size), 1fr);grid-template-rows:repeat(var(--size), 1fr);gap:var(--gap);block-size:100%;display:grid}._0BA0ja_NumberMerge ._0BA0ja_cell{border-radius:var(--radius-md);background:var(--color-bg-raised)}._0BA0ja_NumberMerge ._0BA0ja_tiles{inset:var(--gap);pointer-events:none;position:absolute}._0BA0ja_NumberMerge ._0BA0ja_tile{--mix:clamp(12%, calc(6% + var(--level) * 7%), 34%);z-index:1;box-sizing:border-box;inline-size:calc((100% - (var(--size) - 1) * var(--gap)) / var(--size));block-size:calc((100% - (var(--size) - 1) * var(--gap)) / var(--size));border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:color-mix(in oklab, var(--color-bg-inverse) var(--mix), var(--color-bg-raised));color:var(--color-text-primary);font-size:calc(40cqi / var(--size));font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;transform:translate(calc(var(--col) * (100% + var(--gap))), calc(var(--row) * (100% + var(--gap))));transition:transform var(--motion-fast) ease-out;place-items:center;line-height:1;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0}._0BA0ja_NumberMerge ._0BA0ja_tile[data-light]{--mix:clamp(60%, calc(40% + var(--level) * 5%), 100%);color:var(--color-text-inverse);border-color:#0000}._0BA0ja_NumberMerge ._0BA0ja_tile[data-digits="4"],._0BA0ja_NumberMerge ._0BA0ja_tile[data-digits="5"],._0BA0ja_NumberMerge ._0BA0ja_tile[data-digits="6"]{font-size:calc(26cqi / var(--size))}._0BA0ja_NumberMerge ._0BA0ja_tile[data-digits="3"]{font-size:calc(32cqi / var(--size))}._0BA0ja_NumberMerge ._0BA0ja_tile[data-state=ghost]{z-index:0;animation:_0BA0ja_fade 1ms linear var(--motion-fast) forwards}._0BA0ja_NumberMerge ._0BA0ja_tile[data-state=merged]{z-index:2;animation:_0BA0ja_pop var(--motion-normal) ease-out var(--motion-fast) backwards}._0BA0ja_NumberMerge ._0BA0ja_tile[data-state=spawned]{animation:_0BA0ja_grow var(--motion-normal) ease-out var(--motion-fast) backwards}._0BA0ja_NumberMerge ._0BA0ja_overlay{z-index:3;place-content:center;justify-items:center;gap:var(--space-3);border-radius:inherit;background:color-mix(in oklab, var(--color-bg-base) 85%, transparent);text-align:center;animation:_0BA0ja_fade-in var(--motion-normal) ease-out;display:grid;position:absolute;inset:0}._0BA0ja_NumberMerge ._0BA0ja_overlayTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}._0BA0ja_NumberMerge ._0BA0ja_overlayActions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}._0BA0ja_NumberMerge ._0BA0ja_pad{gap:var(--space-1);border:0;grid-template-areas:"._0BA0ja_up.""_0BA0ja_left _0BA0ja_down _0BA0ja_right";min-inline-size:0;margin:0;padding:0;display:grid}._0BA0ja_NumberMerge ._0BA0ja_pad [data-direction=up]{grid-area:_0BA0ja_up}._0BA0ja_NumberMerge ._0BA0ja_pad [data-direction=left]{grid-area:_0BA0ja_left}._0BA0ja_NumberMerge ._0BA0ja_pad [data-direction=down]{grid-area:_0BA0ja_down}._0BA0ja_NumberMerge ._0BA0ja_pad [data-direction=right]{grid-area:_0BA0ja_right}._0BA0ja_NumberMerge ._0BA0ja_settings{align-items:end;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}._0BA0ja_NumberMerge ._0BA0ja_hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);flex:16rem;margin:0}@keyframes _0BA0ja_pop{0%{scale:.4}60%{scale:1.1}to{scale:1}}@keyframes _0BA0ja_grow{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}@keyframes _0BA0ja_fade{to{opacity:0}}@keyframes _0BA0ja_fade-in{0%{opacity:0}}}