:root{--bg:#faf8ef;--board:#bbada0;--cell:#eee4da59;--ink:#776e65;--btn:#8f7a66;font-family:Clear Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100dvh;color:var(--ink);display:flex}.app{flex-direction:column;gap:1rem;width:100%;max-width:30rem;margin:auto;padding:1.5rem 1.25rem 3rem;display:flex}.header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.title{letter-spacing:-.02em;font-size:clamp(3rem,12vw,4.5rem);font-weight:800;line-height:1}.scores{gap:.6rem;display:flex}.score-box{background:var(--board);color:#fff;text-align:center;border-radius:6px;flex-direction:column;gap:.15rem;min-width:4.2rem;padding:.4rem .9rem;display:flex}.score-label{text-transform:uppercase;letter-spacing:.06em;color:#eee4da;font-size:.65rem;font-weight:700}.score-val{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}.subhead{justify-content:space-between;align-items:center;gap:1rem;display:flex}.tagline{font-size:.95rem;line-height:1.4}.btn{color:var(--ink);cursor:pointer;white-space:nowrap;background:#d8cab8;border:none;border-radius:6px;padding:.6rem 1rem;font-size:.95rem;font-weight:700;transition:filter .12s}.btn:hover{filter:brightness(.95)}.btn-primary{background:var(--btn);color:#f9f6f2}.board-wrap{position:relative}.board{background:var(--board);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:3%;padding:3%;display:grid}.cell{aspect-ratio:1;background:var(--cell);border-radius:5px;position:relative}.tile{font-variant-numeric:tabular-nums;border-radius:5px;justify-content:center;align-items:center;font-weight:800;animation:.12s pop;display:flex;position:absolute;inset:0}.len-1,.len-2{font-size:clamp(1.6rem,8vw,2.4rem)}.len-3{font-size:clamp(1.3rem,6.5vw,2rem)}.len-4{font-size:clamp(1rem,5.2vw,1.6rem)}.len-5{font-size:clamp(.8rem,4.2vw,1.3rem)}@keyframes pop{0%{opacity:.4;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tile{animation:none}}.tile-2{color:#776e65;background:#eee4da}.tile-4{color:#776e65;background:#ede0c8}.tile-8{color:#f9f6f2;background:#f2b179}.tile-16{color:#f9f6f2;background:#f59563}.tile-32{color:#f9f6f2;background:#f67c5f}.tile-64{color:#f9f6f2;background:#f65e3b}.tile-128{color:#f9f6f2;background:#edcf72}.tile-256{color:#f9f6f2;background:#edcc61}.tile-512{color:#f9f6f2;background:#edc850}.tile-1024{color:#f9f6f2;background:#edc53f}.tile-2048{color:#f9f6f2;background:#edc22e}.tile-big{color:#f9f6f2;background:#3c3a32}.overlay{background:#eee4dac7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;animation:.2s fade;display:flex;position:absolute;inset:0}.overlay-text{font-size:2.2rem;font-weight:800}.overlay-btns{gap:.6rem;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.overlay{animation:none}}