:root{color:#f6f4ed;font-synthesis:none;background:#0b101b;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 10%,#263d53,#0b101b 58%);min-width:320px;min-height:100dvh;margin:0}button{color:#f7f4e8;min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;background:#1b2a38;border:1px solid #7895a8;border-radius:12px;font-weight:800}button:focus-visible{outline-offset:3px;outline:3px solid #fbd157}.shell{min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));place-items:center;display:grid}.title-card{text-align:center;background:linear-gradient(145deg,#152637ef,#0d1623f2);border:1px solid #48687c;border-radius:24px;width:min(100%,560px);padding:clamp(24px,6vw,48px);box-shadow:0 24px 70px #0009}.logo{width:min(146px,45vw);height:auto;margin:0 auto 22px;display:block}.logo.compact{width:105px;margin-bottom:12px}.eyebrow{color:#9bd2ce;letter-spacing:.18em;margin:0 0 8px;font-size:.72rem;font-weight:900}h1{letter-spacing:-.07em;text-transform:uppercase;margin:0;font-size:clamp(2.5rem,12vw,5.6rem);line-height:.9}h2{margin:6px 0 10px;font-size:clamp(2rem,8vw,3.4rem);line-height:1}.lede{color:#d6e3e8;max-width:37ch;margin:22px auto;line-height:1.5}.primary{color:#20202b;background:linear-gradient(#ffdf6c,#f3b728);border-color:#fbd157;width:min(100%,260px);font-size:1.05rem}.how-to{text-align:left;color:#c8d8df;background:#09111bcf;border-radius:14px;gap:8px;margin:26px 0 16px;padding:16px;font-size:.9rem;line-height:1.35;display:grid}.how-to strong{color:#fff7dc}.settings{color:#cfdee2;justify-content:center;gap:18px;margin:12px;font-size:.88rem;display:flex}.settings input{accent-color:#fbd157}.install{color:#9db1bb;max-width:56ch;margin:18px auto 0;font-size:.75rem;line-height:1.4}.game-screen{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.game-frame{gap:clamp(10px,2vh,18px);width:min(94vw,560px);display:grid;position:relative}.hud{align-items:center;gap:12px;min-height:50px;padding:0 2px;display:flex}.hud .eyebrow{margin:0;font-size:.61rem}.score-label{color:#91abb8;letter-spacing:.12em;font-size:.6rem;font-weight:900;display:block}.hud strong{font-size:1.4rem;line-height:1}.best{text-align:right;margin-left:auto}.pause-button{border-radius:50%;width:48px;min-width:48px;min-height:48px;font-size:1.3rem}.board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#172532;border:2px solid #537083;border-radius:18px;grid-template:repeat(4,1fr)/repeat(4,1fr);gap:clamp(6px,1.4vw,12px);padding:clamp(7px,1.8vw,14px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0b141e,0 18px 40px #0007}.cell{background:#0c1721;border:1px solid #2e4858;border-radius:10px;grid-area:auto}.tile{z-index:1;color:#16191d;background:linear-gradient(145deg,#fbda72,#e9a829);border:1px solid #ffd875a8;border-radius:10px;place-content:center;min-width:0;min-height:0;animation:.13s ease-out power-in;display:grid;overflow:hidden;box-shadow:inset 0 2px #fff6bd9e,0 3px 8px #0006}.tile b{letter-spacing:-.08em;font-size:clamp(1.15rem,9vw,3.2rem);line-height:.9}.tile small{letter-spacing:.15em;text-align:center;margin-top:5px;font-size:clamp(.38rem,1.7vw,.65rem);font-weight:900}.tile-4{background:linear-gradient(145deg,#bbe3e7,#5db8c0)}.tile-8{background:linear-gradient(145deg,#c7d1ff,#7780d8)}.tile-16{background:linear-gradient(145deg,#f2beff,#ba65db)}.tile-32{background:linear-gradient(145deg,#ffb7d1,#df5c8a)}.tile-64{background:linear-gradient(145deg,#ffb58c,#e66b37)}.tile-128{color:#fffaf1;background:linear-gradient(145deg,#e1704f,#9e2d3c)}.tile-256{color:#fffaf1;background:linear-gradient(145deg,#d94666,#7d244d)}.tile-512{color:#fffaf1;background:linear-gradient(145deg,#a24bcd,#47237e)}.tile-1024{color:#fffaf1;background:linear-gradient(145deg,#4d79e2,#203c8d)}.tile-2048{color:#192325;background:radial-gradient(circle at 50% 30%,#fff3a0,#f7c529 45%,#ce7221);box-shadow:inset 0 2px #fffbd6,0 0 28px #ffd042}@keyframes power-in{0%{filter:brightness(1.35);transform:scale(.82)}to{filter:brightness();transform:scale(1)}}.touch-controls{z-index:2;aspect-ratio:1.35;grid-template:repeat(2,1fr)/repeat(3,1fr);justify-self:center;gap:8px;width:min(240px,72vw);display:grid}.touch-controls button{background:#183041e8;font-size:1.15rem}.touch-controls .up{grid-column:2}.touch-controls .left{grid-area:2/1}.touch-controls .down{grid-area:2/2}.touch-controls .right{grid-area:2/3}.overlay{z-index:5;text-align:center;background:linear-gradient(#101d2df5,#0b121df8);border:1px solid #6d94a5;border-radius:18px;align-content:center;justify-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:62px 0 0;box-shadow:0 15px 40px #0009}.overlay p{color:#cfdee2;margin:0}.overlay button{width:min(100%,240px)}.goal{border-color:#fbd157}@media (width>=760px){.touch-controls{display:none}.game-frame{width:min(76vh,620px)}}@media (height<=520px) and (orientation:portrait){.game-frame{gap:7px;width:min(75vw,100dvh - 240px)}.hud{min-height:44px}.touch-controls{width:min(204px,64vw)}}@media (height<=430px) and (orientation:landscape){.game-frame{gap:6px;width:min(100dvh - 72px,44vw,300px)}.hud{min-height:38px}.hud strong{font-size:1.1rem}.pause-button{min-width:40px;min-height:40px}.touch-controls{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));width:148px;position:fixed}.touch-controls button{min-width:44px}.overlay{padding:12px;inset:44px 0 0}.overlay .install{margin-top:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}