#game-2048 .board{--gap: clamp(8px, 2vw, 12px);--board: min(92vw, 440px);--cell: calc((var(--board) - 5 * var(--gap)) / 4);width:var(--board);height:var(--board);padding:var(--gap);position:relative;border-radius:12px;margin:0 auto;touch-action:none;user-select:none;background:#94a3b826;border:1px solid var(--color-glass-border)}.dark #game-2048 .board{background:#0f172a59;border-color:var(--color-glass-border-dark)}#game-2048 .cells{display:grid;grid-template:repeat(4,1fr) / repeat(4,1fr);gap:var(--gap);width:100%;height:100%}#game-2048 .cell{border-radius:8px;background:#64748b1f}.dark #game-2048 .cell{background:#94a3b81a}#game-2048 .tiles{position:absolute;inset:var(--gap)}#game-2048 .tile{position:absolute;width:var(--cell);height:var(--cell);border-radius:8px;display:flex;align-items:center;justify-content:center;transform:translate(calc(var(--c) * (var(--cell) + var(--gap))),calc(var(--r) * (var(--cell) + var(--gap))));transition:transform .12s ease-in-out}#game-2048 .tile-inner{width:100%;height:100%;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-variant-numeric:tabular-nums}#game-2048 .tile[data-len="1"] .tile-inner,#game-2048 .tile[data-len="2"] .tile-inner{font-size:calc(var(--cell) * .45)}#game-2048 .tile[data-len="3"] .tile-inner{font-size:calc(var(--cell) * .38)}#game-2048 .tile[data-len="4"] .tile-inner{font-size:calc(var(--cell) * .3)}#game-2048 .tile[data-len="5"] .tile-inner{font-size:calc(var(--cell) * .25)}#game-2048 .tile-2 .tile-inner{background:#e2e8f0;color:#334155}#game-2048 .tile-4 .tile-inner{background:#dbeafe;color:#1d4ed8}#game-2048 .tile-8 .tile-inner{background:#93c5fd;color:#1e3a8a}#game-2048 .tile-16 .tile-inner{background:#60a5fa;color:#fff}#game-2048 .tile-32 .tile-inner{background:#3b82f6;color:#fff}#game-2048 .tile-64 .tile-inner{background:#2563eb;color:#fff}#game-2048 .tile-128 .tile-inner{background:#8b5cf6;color:#fff}#game-2048 .tile-256 .tile-inner{background:#a855f7;color:#fff}#game-2048 .tile-512 .tile-inner{background:#f59e0b;color:#fff;box-shadow:0 0 16px #f59e0b4d}#game-2048 .tile-1024 .tile-inner{background:#f97316;color:#fff;box-shadow:0 0 16px #f973164d}#game-2048 .tile-2048 .tile-inner{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 0 24px #f59e0b80}#game-2048 .tile-super .tile-inner{background:#1e293b;color:#fbbf24;box-shadow:0 0 24px #fbbf2459}.dark #game-2048 .tile-2 .tile-inner{background:#334155;color:#e2e8f0}.dark #game-2048 .tile-4 .tile-inner{background:#1e3a8a;color:#dbeafe}@keyframes appear-2048{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pop-2048{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes score-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)}}#game-2048 .tile.appear .tile-inner{animation:appear-2048 .16s ease-out both}#game-2048 .tile.pop .tile-inner{animation:pop-2048 .18s ease-out both}#game-2048 .game-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}#game-2048 .game-header h1{font-size:2.25rem;font-weight:700;line-height:1;background:linear-gradient(to right,var(--color-primary),#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}#game-2048 .scores{display:flex;gap:10px}#game-2048 .score-box{min-width:84px;display:flex;flex-direction:column;align-items:center;padding:6px 14px;border-radius:8px;position:relative}#game-2048 .score-label{color:var(--color-text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}#game-2048 .score-value{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}#game-2048 .score-add{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-accent);font-size:16px;font-weight:700;pointer-events:none;animation:score-float .6s ease-out both;white-space:nowrap}#game-2048 .game-sub{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}#game-2048 .game-sub p{margin:0;font-size:15px;color:var(--color-text-secondary)}#game-2048 button{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:8px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s;font-family:inherit}#game-2048 button:hover{background:var(--color-primary-dark)}#game-2048 button.btn-outline{background:transparent;color:var(--color-text);border:1px solid currentColor}.dark #game-2048 button.btn-outline{color:var(--color-text-dark)}#game-2048 button.btn-outline:hover{background:#8080801a}#game-2048 .board-wrap{position:relative;margin-bottom:20px}#game-2048 .overlay{position:absolute;inset:0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;background:#ffffffb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .3s ease-out}.dark #game-2048 .overlay{background:#0f172abf}#game-2048 .overlay[hidden]{display:none}#game-2048 .overlay-title{font-size:28px;font-weight:700;margin:0;text-align:center}#game-2048 .overlay-sub{font-size:18px;color:var(--color-text-secondary);margin:0}#game-2048 .overlay-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}#game-2048 .game-help{font-size:14px;color:var(--color-text-secondary);line-height:1.7;margin-bottom:12px}#game-2048 .game-help p{margin:0 0 4px}#game-2048 .game-help kbd{border:1px solid var(--color-border);border-radius:4px;padding:1px 6px;font-size:13px;font-family:inherit;background:#94a3b81a}.dark #game-2048 .game-help kbd{border-color:var(--color-border-dark);background:#94a3b81f}#game-2048 .game-back{text-align:center;font-size:14px}#game-2048 .game-back a{color:var(--color-primary);text-decoration:none;transition:color .2s}#game-2048 .game-back a:hover{color:var(--color-primary-dark)}