body{background:linear-gradient(135deg,#faf8ef,#f3efe6);margin:0;font-family:Segoe UI,Arial,sans-serif}h1{text-align:center;color:#776e65;margin-bottom:10px}#root{justify-content:center;align-items:center;height:100vh;display:flex}.game{background:#bbada0;border-radius:16px;padding:20px;box-shadow:0 10px 25px #00000026}.grid{grid-template-rows:repeat(4,90px);grid-template-columns:repeat(4,90px);gap:12px;display:grid}.cell{color:#776e65;background:#cdc1b4;border-radius:10px;justify-content:center;align-items:center;width:90px;height:90px;font-size:26px;font-weight:700;transition:all .2s ease-in-out;display:flex}.cell-2{background:#eee4da}.cell-4{background:#ede0c8}.cell-8{color:#fff;background:#f2b179}.cell-16{color:#fff;background:#f59563}.cell-32{color:#fff;background:#f67c5f}.cell-64{color:#fff;background:#f65e3b}.cell-128{color:#fff;background:#edcf72}.cell-256{color:#fff;background:#edcc61}.cell-512{color:#fff;background:#edc850}.cell-1024{color:#fff;background:#edc53f}.cell-2048{color:#fff;background:#edc22e}.controls{justify-content:center;gap:10px;margin-top:20px;display:flex}button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#8f7a66,#7a6755);border:none;border-radius:10px;width:80px;height:50px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 8px #0003}button:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 12px #00000040}button:active{transform:scale(.95)}.developer{text-align:center;color:#776e65;letter-spacing:1px;opacity:.8;margin-top:20px;font-size:14px}.developer span{color:#8f7a66;font-weight:700;position:relative}.developer span:after{content:"";background:#8f7a66;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.developer span:hover:after{width:100%}.game{width:min(92vw,420px)}.grid{aspect-ratio:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);width:100%}.cell{width:100%;height:100%;font-size:clamp(14px,5vw,26px)}@media (width<=600px){.game{border-radius:12px;padding:12px}h1{font-size:22px}.controls{flex-wrap:wrap;gap:6px}button{width:60px;height:45px;font-size:13px}}.restart{margin:auto}