.game-2048{max-width:500px;margin:0 auto}.game-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md,1rem);margin-bottom:var(--spacing-lg,1.5rem)}.scores{display:flex;gap:.75rem}.score-box{background:var(--bg-card,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,.75rem);padding:.5rem 1.25rem;text-align:center;min-width:90px}.score-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary,#64748b)}.score-value{display:block;font-size:1.5rem;font-weight:700;color:var(--color-text,#1e293b);font-variant-numeric:tabular-nums}.btn-new-game{padding:.6rem 1.25rem;background:var(--color-primary,#3b82f6);color:#fff;border:none;border-radius:var(--radius-md,.5rem);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.btn-new-game:hover{background:var(--color-primary-hover,#2563eb);transform:translateY(-1px)}.btn-new-game:active{transform:translateY(0)}.board-wrapper{position:relative;margin-bottom:var(--spacing-lg,1.5rem)}.board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;background:#bbada0;padding:10px;border-radius:var(--radius-lg,.75rem);aspect-ratio:1/1;width:100%;max-width:500px;margin:0 auto}.cell{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md,.5rem);font-family:Inter,sans-serif;font-weight:700;user-select:none;transition:none;background:rgba(238,228,218,.35);aspect-ratio:1/1}.cell.tile-2{background:#eee4da;color:#776e65;font-size:2.2rem}.cell.tile-4{background:#ede0c8;color:#776e65;font-size:2.2rem}.cell.tile-8{background:#f2b179;color:#fff;font-size:2.2rem}.cell.tile-16{background:#f59563;color:#fff;font-size:2.2rem}.cell.tile-32{background:#f67c5f;color:#fff;font-size:2.2rem}.cell.tile-64{background:#f65e3b;color:#fff;font-size:2.2rem}.cell.tile-128{background:#edcf72;color:#fff;font-size:1.8rem}.cell.tile-256{background:#edcc61;color:#fff;font-size:1.8rem}.cell.tile-512{background:#edc850;color:#fff;font-size:1.8rem}.cell.tile-1024{background:#edc53f;color:#fff;font-size:1.4rem}.cell.tile-2048{background:#edc22e;color:#fff;font-size:1.4rem}.cell.tile-super{background:#3c3a32;color:#fff;font-size:1.2rem}@keyframes tile-appear{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.cell.tile-new{animation:tile-appear .15s ease-out}@keyframes tile-merge{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.cell.tile-merged{animation:tile-merge .2s ease-out}.game-overlay{display:none;position:absolute;inset:0;background:rgba(238,228,218,.75);border-radius:var(--radius-lg,.75rem);z-index:10;align-items:center;justify-content:center}.game-overlay.active{display:flex;animation:fade-in .3s ease-out}@keyframes fade-in{from{opacity:0}to{opacity:1}}.win-overlay{background:rgba(237,194,46,.5)}.overlay-content{text-align:center}.overlay-content h2{font-size:2.5rem;font-weight:700;color:#776e65;margin-bottom:.5rem}.win-overlay .overlay-content h2{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.overlay-content p{font-size:1.1rem;color:#776e65;margin-bottom:1.25rem}.win-overlay .overlay-content p{color:#fff}.overlay-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn-overlay{padding:.7rem 1.5rem;background:#8f7a66;color:#fff;border:none;border-radius:var(--radius-md,.5rem);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-overlay:hover{background:#9f8b77}.btn-overlay.btn-secondary{background:rgba(255,255,255,.35)}.btn-overlay.btn-secondary:hover{background:rgba(255,255,255,.5)}.info-box{background:var(--bg-card,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,.75rem);padding:var(--spacing-lg,1.5rem)}.info-box h3{font-size:1.1rem;font-weight:600;color:var(--color-text,#1e293b);margin-bottom:.75rem}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{padding:.35rem 0;color:var(--color-text-secondary,#64748b);font-size:.9rem;line-height:1.5}.info-box li::before{content:"→";margin-right:.5rem;color:var(--color-primary,#3b82f6);font-weight:600}@media (max-width:520px){.board{gap:8px;padding:8px}.cell{font-size:1.6rem!important}.cell.tile-128,.cell.tile-256,.cell.tile-512{font-size:1.4rem!important}.cell.tile-1024,.cell.tile-2048{font-size:1.1rem!important}.cell.tile-super{font-size:.95rem!important}.score-box{min-width:75px;padding:.4rem .9rem}.score-value{font-size:1.2rem}.game-controls{justify-content:center}.overlay-content h2{font-size:2rem}}@media (max-width:360px){.board{gap:6px;padding:6px}.cell{font-size:1.3rem!important}.cell.tile-128,.cell.tile-256,.cell.tile-512{font-size:1.1rem!important}.cell.tile-1024,.cell.tile-2048{font-size:.85rem!important}.cell.tile-super{font-size:.75rem!important}}