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