.t48-status{color:var(--text-main);font-size:1.125rem;font-weight:600}.t48-hud{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.t48-hud-card{border:1px solid var(--surface-border);text-align:center;background:#0f172aa6;border-radius:12px;gap:4px;min-width:120px;padding:10px 18px;display:grid}.t48-hud-card .t48-hud-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700}.t48-hud-card .t48-hud-value{color:var(--text-main);font-size:1.5rem;font-weight:800}.t48-board-wrap{aspect-ratio:1;width:min(420px,100vw - 72px);position:relative}.t48-board{border:1px solid var(--surface-border);touch-action:none;-webkit-user-select:none;user-select:none;background:#020617db;border-radius:14px;gap:10px;width:100%;height:100%;padding:10px;display:grid;position:relative}.t48-bg-cell{background:#1e293b8c;border-radius:8px}.t48-tile-layer{pointer-events:none;position:absolute;inset:10px}.t48-tile{--size:calc((100% - (var(--board-size) - 1) * 10px) / var(--board-size));width:var(--size);height:var(--size);top:calc(var(--row) * (var(--size) + 10px));left:calc(var(--col) * (var(--size) + 10px));color:#776e65;background:#eee4da;border-radius:8px;justify-content:center;align-items:center;font-size:clamp(1.2rem,5vw,2rem);font-weight:800;transition:top .12s ease-in-out,left .12s ease-in-out;animation:.18s ease-out t48-pop;display:flex;position:absolute}.t48-tile--spawn{animation:.22s ease-out t48-pop}.t48-tile--v2{color:#776e65;background:#eee4da}.t48-tile--v4{color:#776e65;background:#ede0c8}.t48-tile--v8{color:#f9f6f2;background:#f2b179}.t48-tile--v16{color:#f9f6f2;background:#f59563}.t48-tile--v32{color:#f9f6f2;background:#f67c5f}.t48-tile--v64{color:#f9f6f2;background:#f65e3b}.t48-tile--v128{color:#f9f6f2;background:#edcf72}.t48-tile--v256{color:#f9f6f2;background:#edcc61}.t48-tile--v512{color:#f9f6f2;background:#edc850}.t48-tile--v1024{color:#f9f6f2;background:#edc53f}.t48-tile--v2048{color:#f9f6f2;background:#edc22e;box-shadow:0 0 24px #edc22e73}.t48-tile--v-super{color:#f9f6f2;background:#3c3a32}@keyframes t48-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.t48-overlay{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#0f172ac7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:10px}.t48-overlay[hidden]{display:none}.t48-overlay h2{color:#f9f6f2;margin:0;font-size:2rem}.t48-overlay[data-state=won] h2{color:#fcd34d}.t48-overlay[data-state=lost] h2{color:#f87171}.t48-overlay p{color:#cbd5e1;max-width:280px;margin:0;line-height:1.5}.t48-overlay .button{min-width:160px}