.game-2048-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:500px;margin:0 auto;overflow:hidden}.game-2048{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;background-color:#bbada0;border-radius:6px;padding:10px;position:relative;width:100%;aspect-ratio:1/1;box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:500px){.game-2048{grid-gap:8px;padding:8px}.game-status{padding:8px 10px;margin:0 0 10px;width:100%}.game-status h3{font-size:.9rem}.game-status p.text-xl{font-size:1.1rem}.game-status p.text-sm{font-size:.8rem}}@media (max-width:350px){.game-2048{grid-gap:5px;padding:5px}.tile{font-size:clamp(1.2rem,4vw,2rem)}}.tile{width:100%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background-color:rgba(238,228,218,.35);border-radius:3px;font-weight:700;font-size:clamp(1.5rem,5vw,2.5rem);color:#776e65;transition:all .15s ease-in-out,transform .1s ease-in-out;box-shadow:0 2px 5px rgba(0,0,0,.1)}.tile-2{background-color:#eee4da}.tile-4{background-color:#ede0c8}.tile-8{background-color:#f2b179;color:#f9f6f2}.tile-16{background-color:#f59563;color:#f9f6f2}.tile-32{background-color:#f67c5f;color:#f9f6f2}.tile-64{background-color:#f65e3b;color:#f9f6f2;box-shadow:0 0 10px rgba(246,94,59,.3)}.tile-128{background-color:#edcf72;box-shadow:0 0 10px rgba(237,207,114,.4)}.tile-128,.tile-256{color:#f9f6f2;font-size:clamp(1.25rem,4vw,2.25rem)}.tile-256{background-color:#edcc61;box-shadow:0 0 12px rgba(237,204,97,.5)}.tile-512{background-color:#edc850;color:#f9f6f2;font-size:clamp(1.25rem,4vw,2.25rem);box-shadow:0 0 15px rgba(237,200,80,.5)}.tile-1024{background-color:#edc53f;box-shadow:0 0 15px rgba(237,197,63,.6)}.tile-1024,.tile-2048{color:#f9f6f2;font-size:clamp(1rem,3.5vw,2rem)}.tile-2048{background-color:#edc22e;box-shadow:0 0 20px rgba(237,194,46,.7)}.tile-4096{background-color:#b87333;box-shadow:0 0 20px rgba(184,115,51,.7)}.tile-4096,.tile-8192{color:#f9f6f2;font-size:clamp(.9rem,3.2vw,1.8rem)}.tile-8192{background-color:#cd7f32;box-shadow:0 0 25px rgba(205,127,50,.7)}.tile-16384{background-color:#c0c0c0;color:#f9f6f2;box-shadow:0 0 25px rgba(192,192,192,.8);text-shadow:0 0 5px rgba(0,0,0,.3)}.tile-16384,.tile-32768{font-size:clamp(.8rem,3vw,1.7rem)}.tile-32768{background-color:#ffd700;color:#776e65;box-shadow:0 0 30px rgba(255,215,0,.8);text-shadow:0 0 5px rgba(255,255,255,.5)}.tile-65536{background:linear-gradient(135deg,#ff00ff,#00ffff);color:white;font-size:clamp(.7rem,2.8vw,1.6rem);box-shadow:0 0 30px rgba(255,0,255,.7);text-shadow:0 0 8px rgba(0,0,0,.5)}.tile-131072{background:linear-gradient(135deg,#000000,#434343);color:#ffffff;font-size:clamp(.6rem,2.6vw,1.5rem);box-shadow:0 0 30px rgba(0,0,0,.9);text-shadow:0 0 10px rgba(255,255,255,.8)}.dark ..tile{background-color:rgba(50,50,50,.35);color:#f9f6f2}.dark .tile-32768{box-shadow:0 0 30px rgba(255,215,0,.8)}@keyframes tileAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.tile-new{animation:tileAppear .2s ease-in-out}@keyframes tileMerge{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tile-merged{animation:tileMerge .15s ease-in-out}.game-status{background-color:rgba(238,228,218,.35);padding:10px 15px;border-radius:3px;text-align:center;flex:1;margin:0 5px}.dark .game-status{background-color:rgba(55,65,81,.6);color:#f9f6f2}.dark .game-2048{background-color:#3c3a32}.dark .tile{background-color:rgba(50,50,50,.35);color:#f9f6f2}.dark .tile-2{background-color:#eee4da;color:#776e65}.dark .tile-4{background-color:#ede0c8;color:#776e65}.dark .tile-8{background-color:#f2b179;color:#f9f6f2}.dark .tile-16{background-color:#f59563;color:#f9f6f2}.dark .tile-32{background-color:#f67c5f;color:#f9f6f2}.dark .tile-64{background-color:#f65e3b;color:#f9f6f2;box-shadow:0 0 10px rgba(246,94,59,.3)}.dark .tile-128{background-color:#edcf72;color:#f9f6f2;box-shadow:0 0 10px rgba(237,207,114,.4)}.dark .tile-256{background-color:#edcc61;color:#f9f6f2;box-shadow:0 0 12px rgba(237,204,97,.5)}.dark .tile-512{background-color:#edc850;color:#f9f6f2;box-shadow:0 0 15px rgba(237,200,80,.5)}.dark .tile-1024{background-color:#edc53f;color:#f9f6f2;box-shadow:0 0 15px rgba(237,197,63,.6)}.dark .tile-2048{background-color:#edc22e;color:#f9f6f2;box-shadow:0 0 20px rgba(237,194,46,.7)}.dark .tile-4096{background-color:#b87333;color:#f9f6f2;box-shadow:0 0 20px rgba(184,115,51,.7)}.dark .tile-8192{background-color:#cd7f32;color:#f9f6f2;box-shadow:0 0 25px rgba(205,127,50,.7)}.dark .tile-16384{background-color:#c0c0c0;color:#f9f6f2;box-shadow:0 0 25px rgba(192,192,192,.8);text-shadow:0 0 5px rgba(0,0,0,.3)}.dark .tile-32768{background-color:#ffd700;color:#333;box-shadow:0 30px rgba(255,215,0,.8);text-shadow:0 0 5px rgba(255,255,255,.5)}.dark .tile-65536{background:linear-gradient(135deg,#ff00ff,#00ffff);color:white;box-shadow:0 0 30px rgba(255,0,255,.7);text-shadow:0 0 8px rgba(0,0,0,.5)}.dark .tile-131072{background:linear-gradient(135deg,#000000,#434343);color:#ffffff;box-shadow:0 0 30px rgba(0,0,0,.9);text-shadow:0 0 10px rgba(255,255,255,.8)}.game-controls{margin-top:20px;display:flex;flex-direction:column;align-items:center;width:100%}.game-controls button{margin-bottom:10px}body,html{overflow-x:hidden;overscroll-behavior:none}