*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#f5f0e8;justify-content:center;align-items:center;min-height:100vh;font-family:Nunito,Helvetica Neue,Arial,sans-serif;display:flex}#app{justify-content:center;align-items:center;width:100%;display:flex}.game{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:420px;padding:24px 16px;display:flex}.game__header{justify-content:space-between;align-items:center;width:100%;display:flex}.game__title{color:#3d2e22;letter-spacing:-2px;font-size:48px;font-weight:800;line-height:1}.game__scores{gap:10px;display:flex}.game__score-box{text-align:center;background:#c4b09a;border-radius:8px;min-width:70px;padding:8px 14px}.game__score-box-label{text-transform:uppercase;letter-spacing:.5px;color:#f5f0e8;opacity:.85;font-size:11px;font-weight:700}.game__score-box-value{color:#f5f0e8;font-size:22px;font-weight:800;line-height:1.1}.game__actions{justify-content:flex-end;gap:10px;width:100%;display:flex}.game__btn{color:#f5f0e8;cursor:pointer;background:#e8724a;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .15s,transform .1s}.game__btn:hover{opacity:.88}.game__btn:active{transform:scale(.96)}.grid{aspect-ratio:1;background:#c4b09a;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;padding:10px;display:grid;position:relative}.grid__cell{aspect-ratio:1;background:#d9c9b8;border-radius:8px}.tiles{pointer-events:none;grid-template-columns:repeat(4,1fr);gap:10px;display:grid;position:absolute;inset:10px}.tile{color:#3d2e22;background:#d9c9b8;border-radius:8px;justify-content:center;align-items:center;font-size:clamp(18px,5vw,36px);font-weight:800;transition:transform .1s;animation:.15s ease-out tile-appear;display:flex}.tile--2{color:#3d2e22;background:#eee4da}.tile--4{color:#3d2e22;background:#ede0c8}.tile--8{color:#f5f0e8;background:#f2b179}.tile--16{color:#f5f0e8;background:#f59563}.tile--32{color:#f5f0e8;background:#f67c5f}.tile--64{color:#f5f0e8;background:#f65e3b}.tile--128{color:#f5f0e8;background:#edcf72}.tile--256{color:#f5f0e8;background:#edcc61}.tile--512{color:#f5f0e8;background:#edc850}.tile--1024{color:#f5f0e8;background:#edc53f}.tile--2048{color:#f5f0e8;background:#edc22e}.tile--big{font-size:clamp(13px,3.5vw,24px)}.tile--new{animation:.2s ease-out tile-pop}.tile--merged{animation:.15s ease-out tile-merge}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f5f0e8bf;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.3s fade-in;display:flex;position:absolute;inset:0}.overlay__title{color:#3d2e22;font-size:36px;font-weight:800}.overlay__btn{color:#f5f0e8;cursor:pointer;background:#e8724a;border:none;border-radius:10px;padding:12px 28px;font-family:inherit;font-size:16px;font-weight:700;transition:opacity .15s}.overlay__btn:hover{opacity:.88}.hint{color:#3d2e22;opacity:.45;font-size:13px;font-weight:600}@keyframes tile-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes tile-pop{0%{transform:scale(.4)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes tile-merge{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}