.g2048-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:clamp(50px,8vh,76px) clamp(10px,3vw,24px) clamp(14px,3vh,28px);box-sizing:border-box}.settings-screen{display:none;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:380px;text-align:center}.settings-screen.active{display:flex}.game-title{margin:0;font-size:clamp(2rem,8vw,3.4rem);font-weight:900;letter-spacing:.04em;text-shadow:0 4px 14px rgba(0,0,0,.35);color:#f9a825}.tagline{margin:0;font-size:1rem;color:#ffffffbf;line-height:1.55}.tagline strong{color:#f9a825}.infinite-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;color:#ffffffd9;user-select:none}.infinite-label input[type=checkbox]{width:18px;height:18px;accent-color:#f9a825;cursor:pointer}.infinite-desc{margin:-8px 0 0;font-size:.76rem;color:#ffffff6b}.game-screen{display:none;flex-direction:column;align-items:center;gap:clamp(8px,1.5vh,14px);width:100%}.game-screen.active{display:flex}.top-bar{display:flex;align-items:center;justify-content:space-between;width:min(92vw,calc(100dvh - 180px),380px);gap:10px}.scores{display:flex;gap:10px}.score-box{background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:6px 14px;text-align:center;min-width:72px}.score-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:#ffffff8c;display:block}.score-box strong{font-size:clamp(1rem,3vw,1.25rem);display:block;margin-top:1px}.grid-wrap{position:relative;width:min(92vw,calc(100dvh - 180px),380px);aspect-ratio:1}.grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,1.4vw,10px);padding:clamp(6px,1.4vw,10px);background:#7a4a2a;border-radius:12px;box-shadow:0 10px 36px #00000080;box-sizing:border-box}.cell-bg{background:#ffc87826;border-radius:6px;aspect-ratio:1}.tile-outer{position:absolute;top:0;left:0;z-index:2;container-type:size;border-radius:6px}.tile{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:800;font-size:38cqw;line-height:1}.tile[data-len="3"]{font-size:29cqw}.tile[data-len="4"]{font-size:24cqw}.tile[data-len="5"]{font-size:20cqw}.tile[data-len="6"]{font-size:17cqw}@keyframes tile-appear{0%{transform:scale(0);opacity:0}60%{transform:scale(1.12);opacity:1}80%{transform:scale(.94)}to{transform:scale(1)}}@keyframes tile-pop{0%{transform:scale(1)}35%{transform:scale(1.28)}65%{transform:scale(.94)}to{transform:scale(1)}}@keyframes squish-h{0%{transform:scaleX(1) scaleY(1)}20%{transform:scaleX(.8) scaleY(1.18)}60%{transform:scaleX(1.06) scaleY(.96)}to{transform:scaleX(1) scaleY(1)}}@keyframes squish-v{0%{transform:scaleX(1) scaleY(1)}20%{transform:scaleX(1.18) scaleY(.8)}60%{transform:scaleX(.96) scaleY(1.06)}to{transform:scaleX(1) scaleY(1)}}.tile-outer.t-new>.tile{animation:tile-appear .2s cubic-bezier(.34,1.56,.64,1) both}.tile-outer.t-merged>.tile{animation:tile-pop .28s cubic-bezier(.34,1.56,.64,1) both}.tile-outer.moving-h>.tile{animation:squish-h var(--slide-dur, .14s) ease-in-out}.tile-outer.moving-v>.tile{animation:squish-v var(--slide-dur, .14s) ease-in-out}.t2{background:#fff3e0;color:#4e2a0e}.t4{background:#ffe0b2;color:#4e2a0e}.t8{background:#ffcc80;color:#4e2a0e}.t16{background:#ffb74d;color:#4e2a0e}.t32{background:#ffa040;color:#fff8f0}.t64{background:#f57600;color:#fff8f0;box-shadow:0 2px 12px #f0640073}.t128{background:#e55c00;color:#fff8f0;box-shadow:0 2px 14px #dc500080}.t256{background:#d44400;color:#fff8f0;box-shadow:0 3px 16px #c83c008c}.t512{background:#c02e00;color:#fff8f0;box-shadow:0 3px 18px #b4280099}.t1024{background:#a81c00;color:#fff8f0;box-shadow:0 4px 22px #a01400a6}.t2048{background:#8b0000;color:#fff8f0;box-shadow:0 0 32px #ff6400d9,0 0 60px #dc320066}.t-super{background:#3e1a0e;color:#fff8f0}.overlay{position:absolute;inset:0;z-index:10;border-radius:12px;background:#eee4dac7;backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.overlay[hidden]{display:none}#overlay-msg{margin:0;font-size:clamp(1.2rem,5vw,1.7rem);font-weight:900;color:#776e65;text-align:center;white-space:pre-line}.overlay-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.hint{margin:0;font-size:.8rem;color:#ffffff61;letter-spacing:.04em}.btn-primary,.btn-new{border:none;border-radius:10px;font-family:inherit;font-weight:700;cursor:pointer;transition:transform .15s,background .15s;-webkit-tap-highlight-color:transparent;min-height:44px}.btn-primary{background:#f9a825;color:#2d1f14;font-size:1rem;padding:11px 24px}.btn-primary:hover{transform:translateY(-2px);background:#f57f17}.btn-new{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.2);font-size:.88rem;padding:9px 18px;white-space:nowrap}.btn-new:hover{background:#ffffff3d}html,body{margin:0;min-height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top left,rgba(255,255,255,.12),transparent 28%),radial-gradient(circle at bottom right,rgba(255,255,255,.08),transparent 22%),linear-gradient(135deg,#3d2b1f,#1e1309);min-height:100dvh;color:#fff}