:root{color:#f7f4ed;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f7f4ed;--muted:#aaa8bd;--panel:#202036;--line:#ffffff17;--pink:#ff6f91;--yellow:#ffc857;background:#171728;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#171728;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% -10%,#765cbe3d,#0000 36rem),#171728;min-width:320px;min-height:100svh;margin:0}button{font:inherit}.app-shell{width:min(100% - 2rem,430px);padding:max(1.5rem, env(safe-area-inset-top)) 0 max(1.5rem, env(safe-area-inset-bottom));margin:0 auto}.game-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.eyebrow{color:var(--yellow);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .35rem;font-size:.7rem;font-weight:800}h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.2rem,11vw,3.6rem);line-height:.95}.game-header button{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:.7rem 1rem}.game-header button:hover,.game-header button:focus-visible{color:var(--ink);border-color:#ffffff40}.game-stats{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.75rem;display:grid}.game-stats>div{background:var(--panel);border:1px solid var(--line);border-radius:.7rem;justify-content:space-between;align-items:center;min-height:3rem;padding:.7rem .85rem;display:flex}.game-stats span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:750}.game-stats strong{font-size:1rem}.next-tile strong{color:var(--pink)}.board-wrap{background:#11111e;border:1px solid #ffffff1f;border-radius:1rem;padding:.55rem;box-shadow:0 24px 60px #0000004d}.game-board{--gap:4px;grid-template-columns:repeat(var(--columns), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));gap:var(--gap);aspect-ratio:3/4;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;display:grid;position:relative}.board-cell{background:#ffffff09;border:1px solid #ffffff09;border-radius:.45rem;min-width:0}.number-tile{z-index:1;color:#231b2d;background:linear-gradient(145deg,#f7f4ed,#c9c4d6);border-radius:.42rem;place-items:center;width:calc(100% - 2px);min-width:0;margin:1px;font-size:clamp(1.15rem,7vw,2rem);font-weight:850;line-height:1;animation:.15s ease-out tile-arrive;display:grid;overflow:hidden;box-shadow:inset 0 -4px #45253429,0 5px 12px #0003}.tile-2{background:linear-gradient(145deg, #ff9aaf, var(--pink))}.tile-4{color:#2b2315;background:linear-gradient(145deg, #ffdc83, var(--yellow))}.tile-8{color:#1c2630;background:linear-gradient(145deg,#83e6d4,#35c7b0)}.tile-16{color:#171728;background:linear-gradient(145deg,#a9c8ff,#719cf1)}.tile-32{background:linear-gradient(145deg,#c6a7ff,#9870ea)}.tile-64{background:linear-gradient(145deg,#ff9dcf,#e865aa)}.tile-128{color:#302013;background:linear-gradient(145deg,#ffb978,#ef814f);font-size:clamp(.95rem,5.5vw,1.65rem)}.tile-256{background:linear-gradient(145deg,#ff918c,#e45462);font-size:clamp(.95rem,5.5vw,1.65rem)}.tile-512{background:linear-gradient(145deg,#7c9dff,#526ed2);font-size:clamp(.95rem,5.5vw,1.65rem)}.tile-1024{background:linear-gradient(145deg,#b68cff,#774fc7);font-size:clamp(.75rem,4.7vw,1.35rem)}.tile-2048{color:#302409;background:linear-gradient(145deg,#ffe68a,#e9b938);font-size:clamp(.75rem,4.7vw,1.35rem);box-shadow:inset 0 -4px #4525341f,0 0 22px #ffc8577a}.active-tile{z-index:2}.settled-tile{z-index:1;animation-name:tile-settle;animation-duration:.26s}.game-board[data-cascade=true] .settled-tile{animation-name:cascade-settle;animation-duration:.44s;animation-timing-function:cubic-bezier(.2,.75,.25,1)}.game-over{z-index:5;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#11111ee6;border-radius:.65rem;grid-area:1/1/-1/-1;place-content:center;justify-items:center;padding:2rem;display:grid}.game-over p{color:var(--pink);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.7rem;font-weight:800}.game-over h2{margin:0 0 1.2rem;font-size:2rem}.win-screen{-webkit-backdrop-filter:none;backdrop-filter:none;background:#20153661}.win-screen p{color:var(--yellow);font-size:1rem}.game-over button,.game-controls button{color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer}.game-over button{border-radius:999px;padding:.75rem 1.1rem}.game-controls{grid-template-columns:repeat(3,1fr) 1.45fr;gap:.55rem;margin-top:.75rem;display:grid}.game-controls button{touch-action:manipulation;border-radius:.7rem;min-height:3.2rem;font-size:1.15rem;font-weight:800}.game-controls .drop-control{color:#251926;background:var(--pink);text-transform:uppercase;letter-spacing:.06em;border-color:#0000;font-size:.82rem}.game-controls button:hover,.game-controls button:focus-visible,.game-over button:hover,.game-over button:focus-visible{border-color:var(--yellow)}:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.prototype-note{color:var(--muted);text-align:center;margin:1rem 0 0;font-size:.75rem}.speed-control{border:1px solid var(--line);background:#ffffff09;border-radius:.7rem;margin-top:1rem;padding:.75rem .9rem .8rem}.speed-heading,.speed-slider-row{align-items:center;display:flex}.speed-heading{justify-content:space-between;margin-bottom:.5rem}.speed-heading label{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.speed-heading output{color:var(--yellow);font-size:.75rem;font-weight:750}.speed-slider-row{gap:.65rem}.speed-slider-row span{width:2rem;color:var(--muted);font-size:.65rem}.speed-slider-row span:last-child{text-align:right}.speed-slider-row input{min-width:0;height:1.25rem;accent-color:var(--pink);cursor:pointer;flex:1;margin:0}@keyframes tile-arrive{0%{opacity:.55;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes tile-settle{0%{opacity:.55;transform:translateY(-12%)scale(.88)}70%{opacity:1;transform:translateY(0)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cascade-settle{0%{opacity:.25;transform:translateY(-32%)scale(.68)}58%{opacity:1;transform:translateY(0)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=390px){.app-shell{width:min(100% - 1.25rem,430px)}.game-header{margin-bottom:1rem}.game-header button{padding-inline:.8rem;font-size:.8rem}.game-stats{gap:.4rem}.game-stats>div{padding-inline:.65rem}}@media (height<=760px) and (orientation:landscape){.app-shell{width:min(100% - 2rem,360px);padding-block:1rem}.game-header{margin-bottom:.75rem}.prototype-note{display:none}.speed-control{margin-top:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.number-tile{animation:none}}