.g2048-board{--gap:clamp(6px, 1.4vmin, 12px);--board:min(100%, calc(100dvh - 140px), 640px);--cell:calc((var(--board) - var(--gap) * (var(--n) + 1)) / var(--n));width:var(--board);aspect-ratio:1;padding:var(--gap);grid-template-columns:repeat(var(--n), 1fr);gap:var(--gap);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg), inset 0 0 0 1px #ffffff05;touch-action:none;-webkit-user-select:none;user-select:none;background:#151512;display:grid;position:relative;container-type:inline-size}.g2048-cell{border-radius:calc(var(--cell) * .14);background:#ffffff09}.g2048-tile{top:var(--gap);left:var(--gap);width:var(--cell);height:var(--cell);border-radius:calc(var(--cell) * .14);font-family:var(--font-display);font-size:calc(var(--fs) * (100cqw - var(--gap) * (var(--n) + 1)) / var(--n));letter-spacing:-.04em;transform:translate(calc(var(--c) * (100% + var(--gap))), calc(var(--r) * (100% + var(--gap))));transition:transform .11s var(--ease);z-index:2;place-items:center;display:grid;position:absolute}.g2048-tile b{font-weight:400}.g2048-tile.is-consumed{z-index:1}.g2048-tile.is-fresh b,.g2048-tile.is-fresh{animation:g2048-appear .2s .1s var(--ease) both}.g2048-tile.is-merged>b{animation:g2048-pop .22s 80ms var(--ease) both;display:block}.g2048-tile.is-merged{z-index:3}.g2048-gain{z-index:5;font-family:var(--font-mono);color:var(--amber);pointer-events:none;font-size:.9rem;font-weight:600;animation:.8s ease-out both g2048-gain;position:absolute;top:-12px;right:18px}@keyframes g2048-appear{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}@keyframes g2048-pop{0%{scale:1}50%{scale:1.22}to{scale:1}}@keyframes g2048-gain{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-34px)}}@media (max-width:1080px){.g2048-board{--board:min(100%, 560px)}}