:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#faf8ef;color:#776e65}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}h1{margin:0 0 1rem;font-size:2.5rem;font-weight:700;color:#776e65}.game-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.score-box{background:#bbada0;color:#fff;padding:.5rem 1.5rem;border-radius:6px;font-weight:700;font-size:1.1rem;text-align:center}.score-box span{display:block;font-size:1.5rem}.new-game-btn{background:#8f7a66;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer}.new-game-btn:hover{background:#9f8b77}.board{display:grid;grid-template-columns:repeat(4,100px);grid-template-rows:repeat(4,100px);gap:12px;background:#bbada0;padding:12px;border-radius:6px;position:relative}.cell{width:100px;height:100px;background:#cdc1b4;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#776e65;transition:background .1s}.tile-2{background:#eee4da}.tile-4{background:#ede0c8}.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:1.75rem}.tile-256{background:#edcc61;color:#f9f6f2;font-size:1.75rem}.tile-512{background:#edc850;color:#f9f6f2;font-size:1.75rem}.tile-1024{background:#edc53f;color:#f9f6f2;font-size:1.5rem}.tile-2048{background:#edc22e;color:#f9f6f2;font-size:1.5rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#eee4daba;display:flex;align-items:center;justify-content:center;z-index:10}.overlay-content{background:#fff;padding:2rem 3rem;border-radius:8px;text-align:center}.overlay-content h2{margin:0 0 1rem;font-size:2rem;color:#776e65}.overlay-content p{margin:0 0 1rem;font-size:1.2rem}.overlay-content button{background:#8f7a66;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;margin:0 .5rem}.overlay-content button:hover{background:#9f8b77}.instructions{margin-top:1rem;color:#776e65;opacity:.7;font-size:.9rem}