.t2048-board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;width:min(92vw,420px);aspect-ratio:1 / 1;margin:var(--sp-4) auto 0;padding:10px;border-radius:var(--r-lg);background:var(--t2048-board-bg, #bbada0);box-shadow:var(--sh-md);position:relative}.t2048-cell{display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:#ffffff2e;user-select:none}.t2048-tiles{position:absolute;inset:10px;pointer-events:none}.t2048-tile{position:absolute;width:calc(25% - 7.5px);height:calc(25% - 7.5px);left:calc(var(--x, 0) * (25% + 2.5px));top:calc(var(--y, 0) * (25% + 2.5px));display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);font-weight:800;font-size:clamp(18px,6vw,34px);color:#fff;font-variant-numeric:tabular-nums;user-select:none;z-index:2;transition:left .13s ease-in-out,top .13s ease-in-out}.t2048-tile.is-ghost{z-index:1}.t2048-tile.is-appear{animation:t2048-appear .16s ease}.t2048-tile.is-pop{animation:t2048-pop .16s ease}@keyframes t2048-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes t2048-pop{0%{transform:scale(1)}60%{transform:scale(1.18)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.t2048-tile{transition:none}.t2048-tile.is-appear,.t2048-tile.is-pop{animation:none}}.t2048-hint{margin:var(--sp-4) auto 0;max-width:420px;text-align:center;font-size:13px;color:var(--c-text-muted)}.t2048-tile--2{background:#eee4da;color:#6b6256}.t2048-tile--4{background:#ede0c8;color:#6b6256}.t2048-tile--8{background:#f2b179;color:#fff}.t2048-tile--16{background:#f59563;color:#fff}.t2048-tile--32{background:#f67c5f;color:#fff}.t2048-tile--64{background:#f65e3b;color:#fff}.t2048-tile--128{background:#edcf72;color:#fff;font-size:clamp(16px,5vw,30px)}.t2048-tile--256{background:#edcc61;color:#fff;font-size:clamp(16px,5vw,30px)}.t2048-tile--512{background:#edc850;color:#fff;font-size:clamp(16px,5vw,30px)}.t2048-tile--1024{background:#edc53f;color:#fff;font-size:clamp(14px,4.4vw,26px)}.t2048-tile--2048{background:#edc22e;color:#fff;font-size:clamp(14px,4.4vw,26px)}.t2048-tile--super{background:#3c3a32;color:#fff;font-size:clamp(14px,4.4vw,26px)}