.game-2048-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#faf8ef;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;padding:var(--space-5)}.game-2048-header{display:flex;justify-content:space-between;width:100%;max-width:500px;margin-bottom:30px;align-items:center}.title-2048{font-size:80px;font-weight:700;color:#776e65;margin:0;line-height:1}.scores-container{display:flex;gap:10px}.score-box{background:#bbada0;padding:10px var(--space-5);border-radius:var(--radius-sm);color:#fff;text-align:center;min-width:80px}.score-label{font-size:var(--space-3);text-transform:uppercase;color:#eee4da;display:block}.score-value{font-size:var(--space-6);font-weight:700}.game-board-container{position:relative;background:#bbada0;padding:15px;border-radius:var(--radius-sm);width:100%;max-width:500px;aspect-ratio:1;box-sizing:border-box;touch-action:none}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:15px;width:100%;height:100%}.grid-cell{background:#cdc1b4;border-radius:3px;width:100%;height:100%}.tile-container{position:absolute;top:0;left:0;right:0;bottom:0;padding:15px;box-sizing:border-box;pointer-events:none}.tile{position:absolute;width:calc((100% - 75px)/4);height:calc((100% - 75px)/4);background:#eee4da;border-radius:3px;font-weight:700;font-size:55px;display:flex;justify-content:center;align-items:center;transition:transform .1s ease-in-out;z-index:10}.tile-2{background:#eee4da;color:#776e65}.tile-4{background:#ede0c8;color:#776e65}.tile-8{background:#f2b179;color:#f9f6f2}.tile-16{background:#f59563;color:#f9f6f2}.tile-32{background:#f67c5f;color:#f9f6f2}.tile-64{background:#f65e3b;color:#f9f6f2}.tile-128{background:#edcf72;color:#f9f6f2;font-size:45px}.tile-256{background:#edcc61;color:#f9f6f2;font-size:45px}.tile-512{background:#edc850;color:#f9f6f2;font-size:45px}.tile-1024{background:#edc53f;color:#f9f6f2;font-size:35px}.tile-2048{background:#edc22e;color:#f9f6f2;font-size:35px;box-shadow:0 0 30px 10px #f3d77479}.tile-super{background:#3c3a32;color:#f9f6f2;font-size:var(--text-3xl)}.tile-new{animation:appear .2s ease}.tile-merged{animation:pop .2s ease;z-index:20}@keyframes appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#eee4daba;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--radius-sm);animation:fade-in .8s ease 1.2s;animation-fill-mode:both}.game-message{font-size:60px;font-weight:700;color:#776e65;margin-bottom:var(--space-5)}.restart-btn{background:#8f7a66;border-radius:3px;padding:0 var(--space-5);text-decoration:none;color:#f9f6f2;height:40px;line-height:42px;cursor:pointer;border:none;font-size:18px;font-weight:700}.game-intro{margin-bottom:var(--space-5);font-size:18px;color:#776e65;width:100%;max-width:500px}@media (max-width: 520px){.title-2048{font-size:50px}.game-board-container{padding:10px;margin-top:var(--space-5)}.game-grid{gap:10px}.tile{width:calc((100% - 50px)/4);height:calc((100% - 50px)/4);font-size:35px}.tile-container{padding:10px}}