body{font-family:Arial,sans-serif;background:linear-gradient(to right,#ece9e6,#fff);text-align:center;margin:0;padding:0}.game-container{margin:50px auto;max-width:400px;background:#bbada0;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003}h1{color:#776e65;font-size:2.5rem}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#cdc1b4;padding:10px;border-radius:10px}.tile{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;border-radius:5px;transition:all .2s ease-in-out}.tile-0{background:#cdc1b4}.tile-2{background:#eee4da;color:#776e65}.tile-4{background:#ede0c8;color:#776e65}.tile-8{background:#f2b179;color:#fff}.tile-16{background:#f59563;color:#fff}.tile-32{background:#f67c5f;color:#fff}.tile-64{background:#f65e3b;color:#fff}.tile-128{background:#edcf72;color:#fff;font-size:2.2rem}.tile-256{background:#edcc61;color:#fff;font-size:2.2rem}.tile-512{background:#edc850;color:#fff;font-size:2.4rem}.tile-1024{background:#edc53f;color:#fff;font-size:2.4rem}.tile-2048{background:#edc22e;color:#fff;font-size:2.6rem}.tile{animation:pop-in .2s ease-in-out}@keyframes pop-in{0%{transform:scale(.8);opacity:.8}to{transform:scale(1);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(to right,#141e30,#243b55);font-family:Arial,sans-serif;color:#fff}