#game-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px;--cell-size:72px;--cell-gap:8px;--board-pad:10px}body.game-2048{touch-action:none}#game-container .game-header{text-align:center;margin-bottom:20px}#game-container .game-header h1{font-size:32px;color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow),0 0 30px var(--neon-yellow);letter-spacing:6px;margin-bottom:8px}#game-container .game-header .subtitle{font-size:9px;color:#888;letter-spacing:2px}#game-container .score-bar{display:flex;gap:24px;margin-bottom:16px;padding:10px 20px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:4px}#game-container .stat{text-align:center}#game-container .stat-label{font-size:8px;color:#666;margin-bottom:4px}#game-container .stat-value{font-size:14px;color:var(--neon-blue);text-shadow:0 0 6px var(--neon-blue)}#game-container .board-wrapper{position:relative;margin-bottom:16px}#game-container .board{display:grid;grid-template-columns:repeat(4,var(--cell-size));grid-template-rows:repeat(4,var(--cell-size));gap:var(--cell-gap);padding:var(--board-pad);background:var(--color-panel);border:2px solid var(--color-border);border-radius:6px}#game-container .cell-bg{width:var(--cell-size);height:var(--cell-size);background:#112;border-radius:4px}#game-container .tiles-container{position:absolute;top:var(--board-pad);left:var(--board-pad);width:calc( var(--cell-size) * 4 + var(--cell-gap) * 3 );height:calc( var(--cell-size) * 4 + var(--cell-gap) * 3 )}#game-container .tile{position:absolute;width:var(--cell-size);height:var(--cell-size);display:flex;align-items:center;justify-content:center;border-radius:4px;font-family:'press start 2p',monospace;font-weight:700;transition:top .12s ease,left .12s ease;z-index:1}#game-container .tile.new{animation:tile2048PopIn .2s ease}#game-container .tile.merged{animation:tile2048Pulse .25s ease;z-index:2}@keyframes tile2048PopIn{0%{transform:scale(0)}70%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes tile2048Pulse{0%{transform:scale(1)}40%{transform:scale(1.15)}100%{transform:scale(1)}}#game-container .tile-2{background:#1e3a5f;color:#9cc5ff;font-size:16px}#game-container .tile-4{background:#0f5460;color:#67e8f9;font-size:16px}#game-container .tile-8{background:#065f46;color:#6ee7b7;font-size:16px}#game-container .tile-16{background:#166534;color:#86efac;font-size:14px}#game-container .tile-32{background:#854d0e;color:#fde047;font-size:14px}#game-container .tile-64{background:#9a3412;color:#fdba74;font-size:14px}#game-container .tile-128{background:#991b1b;color:#fca5a5;font-size:11px}#game-container .tile-256{background:#831843;color:#f9a8d4;font-size:11px}#game-container .tile-512{background:#6b21a8;color:#d8b4fe;font-size:11px}#game-container .tile-1024{background:#4338ca;color:#a5b4fc;font-size:9px}#game-container .tile-2048{background:#c2410c;color:#fff;font-size:9px;box-shadow:0 0 20px var(--neon-yellow),0 0 40px var(--neon-yellow)}#game-container .tile-super{background:linear-gradient(135deg,#dc2626,#9333ea);color:#fff;font-size:8px;box-shadow:0 0 15px var(--neon-pink)}#game-container .overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,10,10,.85);z-index:10;flex-direction:column;align-items:center;justify-content:center;border-radius:6px}#game-container .overlay.active{display:flex}#game-container .overlay-title{font-size:18px;margin-bottom:12px;text-shadow:0 0 10px currentColor}#game-container .overlay-title.win{color:var(--neon-yellow)}#game-container .overlay-title.lose{color:var(--neon-pink)}#game-container .overlay-sub{font-size:9px;color:#aaa;margin-bottom:16px}#game-container .controls{display:flex;gap:12px;margin-bottom:12px}#game-container .btn{font-family:'press start 2p',monospace;font-size:10px;padding:10px 16px;background:var(--color-panel);color:var(--color-text);border:2px solid var(--color-border);cursor:pointer;transition:border-color .2s,color .2s}#game-container .btn:hover{border-color:var(--neon-blue);color:var(--neon-blue)}#game-container .instructions{font-size:8px;color:#555;text-align:center;max-width:340px;line-height:1.8}#game-container .high-score{margin-top:12px;font-size:8px;color:#666}#game-container .high-score span{color:var(--neon-pink)}