:root{--bg:#faf8ef;--text:#776e65;--board:#bbada0;--cell:#cdc1b4;--button:#8f7a66}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}body{margin:0;overflow-x:hidden}.shell{width:min(560px,calc(100% - 24px));margin:20px auto 40px}.top{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}.title{font-size:clamp(3rem,15vw,4.75rem);font-weight:900;line-height:1;margin:0}.scores{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.score{min-width:78px;min-height:56px;display:grid;place-items:center;background:#b9aa9d;color:white;border-radius:4px;font-weight:900}.score span{font-size:12px;text-transform:uppercase;color:#eee4da}.score strong{font-size:24px;line-height:1}.intro{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin:18px 0}.intro p{font-size:clamp(1rem,3.6vw,1.2rem);line-height:1.5;margin:0}.btn{min-height:40px;border:0;border-radius:4px;background:var(--button);color:white;font-weight:900;padding:0 20px;cursor:pointer}.board{aspect-ratio:1;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,2.6vw,14px);padding:clamp(10px,2.6vw,14px);background:var(--board);border-radius:6px;touch-action:none;user-select:none}.cell{display:grid;place-items:center;min-width:0;background:var(--cell);border-radius:4px}.tile{width:100%;height:100%;display:grid;place-items:center;border-radius:4px;font-size:clamp(2rem,10vw,3.45rem);font-weight:900;line-height:1;color:#fff;animation:appear .14s ease-out}.tile.merged{animation:merge .22s cubic-bezier(.16,1,.3,1)}.tile-2,.tile-4{color:#776e65}.tile-2{background:#eee4da}.tile-4{background:#ede0c8}.tile-8{background:#f2b179}.tile-16{background:#f59563}.tile-32{background:#f67c5f}.tile-64{background:#f65e3b}.tile-128{background:#edcf72;font-size:clamp(1.4rem,8vw,3rem)}.tile-256{background:#edcc61;font-size:clamp(1.4rem,8vw,3rem)}.tile-512{background:#edc850;font-size:clamp(1.4rem,8vw,3rem)}.tile-1024{background:#7aa383;font-size:clamp(1.05rem,6.5vw,2.5rem)}.tile-2048{background:#4e8e78;font-size:clamp(1.05rem,6.5vw,2.5rem)}.tile-super{background:#273b48;font-size:clamp(.85rem,5.3vw,2rem)}.guide{font-size:18px;line-height:1.75;margin-top:28px}.guide h2{display:inline;font-size:16px;text-transform:uppercase;margin:0}.faq{border-top:1px solid #ded4c5;margin-top:24px;padding-top:16px}.faq h2{margin:0 0 10px}.faq article{border-top:1px solid #ded4c5;padding:12px 0}.faq h3{margin:0 0 6px}.faq p{margin:0;line-height:1.6}.links{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:center;margin-top:30px;font-size:14px}.links a{color:#5d3b85}@keyframes appear{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes merge{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.18);filter:brightness(1.13)}65%{transform:scale(.97);filter:brightness(1.04)}100%{transform:scale(1)}}@media(max-width:520px){.top,.intro{grid-template-columns:1fr}.scores{width:100%}}