.game-2048 #game-container{display:flex;flex-direction:column;align-items:center}#game-grid{display:grid;grid-template-columns:repeat(4,80px);grid-template-rows:repeat(4,80px);gap:8px;background:#bbada0;padding:8px;border-radius:6px;margin:20px 0;position:relative}.grid-cell{background:#eee4da59;border-radius:3px}.tile{position:absolute;width:80px;height:80px;background:#eee4da;border-radius:3px;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:35px;color:#776e65;transition:transform .25s ease-out,background-color .15s ease-in-out,color .15s ease-in-out;z-index:2;top:8px;left:8px;line-height:1}.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:30px}.tile-256{background:#edcc61;color:#f9f6f2;font-size:30px}.tile-512{background:#edc850;color:#f9f6f2;font-size:30px}.tile-1024{background:#edc53f;color:#f9f6f2;font-size:25px}.tile-2048{background:#edc22e;color:#f9f6f2;font-size:25px;box-shadow:0 0 20px #edc22e80}.tile-new{animation:appear .3s ease-out}@keyframes appear{0%{opacity:0;transform:translate(var(--tile-x),var(--tile-y)) scale(0)}to{opacity:1;transform:translate(var(--tile-x),var(--tile-y)) scale(1)}}.tile-merged{animation:merge .2s ease-out}@keyframes merge{0%{transform:translate(var(--tile-x),var(--tile-y)) scale(1)}50%{transform:translate(var(--tile-x),var(--tile-y)) scale(1.15)}to{transform:translate(var(--tile-x),var(--tile-y)) scale(1)}}.tile-moving{animation:none;transition:transform .25s ease-out}.game-2048 .game-instructions{text-align:center;color:#6b7280;font-size:14px;margin:10px 0;max-width:350px}.game-2048 .game-info{background:#fffffffa}.game-2048 .modal-header{padding:16px 20px 12px}.game-2048 .modal-body{padding:16px 20px}.game-2048 .modal-footer{padding:12px 20px 16px}.game-2048 .celebration-icon{font-size:3rem;margin-bottom:12px}.game-2048 .result-title{font-size:1.5rem;margin-bottom:6px}.game-2048 .result-subtitle{font-size:.9rem;margin-bottom:16px}.game-2048 .game-stats{margin:16px 0;padding:16px;gap:12px}.game-2048 .stat-value{font-size:1.25rem}.game-2048 .stat-label{font-size:.8rem;margin-top:2px}.game-2048 .achievement-badge{padding:6px 12px;font-size:.8rem;margin:6px 3px}@media (max-width: 768px){#game-grid{grid-template-columns:repeat(4,75px);grid-template-rows:repeat(4,75px);gap:8px;margin:15px 0;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.grid-cell{width:75px;height:75px}.tile{width:75px;height:75px;font-size:32px;top:8px;left:8px;transition:transform .2s ease-out,background-color .15s ease-in-out,color .15s ease-in-out;will-change:transform}.tile-128,.tile-256,.tile-512{font-size:26px}.tile-1024,.tile-2048{font-size:22px}.game-2048 #game-container{position:relative}.swipe-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:#776e6599;pointer-events:none;z-index:10;opacity:0;transition:opacity .2s ease}.swipe-indicator.show{opacity:1}}@media (max-width: 480px){#game-grid{grid-template-columns:repeat(4,65px);grid-template-rows:repeat(4,65px);gap:6px;margin:10px 0}.grid-cell{width:65px;height:65px}.tile{width:65px;height:65px;font-size:28px;top:6px;left:6px}.tile-128,.tile-256,.tile-512{font-size:22px}.tile-1024,.tile-2048{font-size:18px}.swipe-indicator{font-size:40px}.game-2048 .modal-header{padding:12px 16px 8px}.game-2048 .modal-body{padding:12px 16px}.game-2048 .modal-footer{padding:8px 16px 12px}.game-2048 .celebration-icon{font-size:2.5rem;margin-bottom:8px}.game-2048 .result-title{font-size:1.3rem;margin-bottom:4px}.game-2048 .result-subtitle{font-size:.85rem;margin-bottom:12px}.game-2048 .game-stats{margin:12px 0;padding:12px;gap:8px}.game-2048 .stat-value{font-size:1.1rem}.game-2048 .stat-label{font-size:.75rem}.game-2048 .achievement-badge{padding:4px 8px;font-size:.75rem;margin:4px 2px}}@media (hover: none) and (pointer: coarse){.tile{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transform-origin:center}.game-2048 #game-container:not(.game-started) #game-grid{animation:pulse-hint 2s ease-in-out infinite}@keyframes pulse-hint{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.tile-new{animation:appear-mobile .25s ease-out}@keyframes appear-mobile{0%{opacity:0;transform:translate(var(--tile-x),var(--tile-y)) scale(.8)}to{opacity:1;transform:translate(var(--tile-x),var(--tile-y)) scale(1)}}.tile-merged{animation:merge-mobile .2s ease-out}@keyframes merge-mobile{0%{transform:translate(var(--tile-x),var(--tile-y)) scale(1)}50%{transform:translate(var(--tile-x),var(--tile-y)) scale(1.1)}to{transform:translate(var(--tile-x),var(--tile-y)) scale(1)}}}