:root{--bg-color: #faf8ef;--grid-bg: #bbada0;--tile-empty: #cdc1b4;--text-dark: #776e65;--text-light: #f9f6f2}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;touch-action:none}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-dark);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;overflow-x:hidden}#root{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.game-wrapper{width:100%;max-width:500px;padding:15px}.game-card{display:flex;flex-direction:column;gap:20px}.header{display:flex;flex-direction:column;gap:15px}.title-row{display:flex;justify-content:space-between;align-items:center}.logo{font-size:4rem;font-weight:800;color:var(--text-dark);margin:0}.home-btn,.reset-btn{background:var(--grid-bg);border:none;color:#fff;padding:10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.home-btn:hover,.reset-btn:hover{opacity:.8}.score-row{display:flex;gap:10px;justify-content:flex-end}.score-box{background:var(--grid-bg);padding:8px 20px;border-radius:6px;display:flex;flex-direction:column;align-items:center;min-width:80px}.score-box .label{font-size:.7rem;font-weight:800;color:#eee}.score-box .val{font-size:1.4rem;font-weight:800;color:#fff}.grid-container{position:relative;background:var(--grid-bg);border-radius:6px;padding:12px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:12px;aspect-ratio:1/1}.tile{background:var(--tile-empty);border-radius:3px;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:800;transition:all .15s ease-in-out}.tile-2{background:#eee4da;color:#776e65}.tile-4{background:#ede0c8;color:#776e65}.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.6rem;box-shadow:0 0 10px #edcf72}.tile-256{background:#edcc61;color:#f9f6f2;font-size:1.6rem;box-shadow:0 0 15px #edcc61}.tile-512{background:#edc850;color:#f9f6f2;font-size:1.6rem;box-shadow:0 0 20px #edc850}.tile-1024{background:#edc53f;color:#f9f6f2;font-size:1.2rem;box-shadow:0 0 25px #edc53f}.tile-2048{background:#edc22e;color:#f9f6f2;font-size:1.2rem;box-shadow:0 0 30px #edc22e}.pop{animation:pop .2s ease-in-out}@keyframes pop{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.grid-overlay{position:absolute;inset:0;background:#eee4daba;z-index:100;display:flex;justify-content:center;align-items:center;border-radius:6px}.msg-box{text-align:center}.msg-box h2{font-size:3rem;margin-bottom:20px}.action-btn{background:#8f7a66;color:#fff;border:none;padding:15px 30px;font-size:1.2rem;font-weight:800;border-radius:6px;cursor:pointer}.ad-container{margin-top:1.5rem;width:100%;min-height:80px;background:#00000008;border:1px dashed rgba(0,0,0,.1);border-radius:12px;display:flex;justify-content:center;align-items:center}