:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f7f1e3;--mini-app-banner-height:0px;--panel-bg:#fffcf5eb;--panel-border:#78604c24;--ink:#3d342c;--muted:#7d6f63;--board-bg:#bbada0;--empty-cell:#eee4da59;--gap:12px;--v-pad-top:calc(24px + env(safe-area-inset-top));--v-pad-bottom:calc(24px + env(safe-area-inset-bottom) + var(--mini-app-banner-height));color:var(--ink);background:radial-gradient(circle at top,#fff8ee,#0000 36%),linear-gradient(#fdf7eb 0%,#efe2c7 100%);font-family:Avenir Next,Segoe UI,sans-serif;font-weight:500;line-height:1.4}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html,body{overscroll-behavior:none;overflow:hidden}body{touch-action:none;min-height:100vh}button{font:inherit}.appShell{width:100%;height:100dvh;padding:var(--v-pad-top) calc(16px + env(safe-area-inset-right)) var(--v-pad-bottom) calc(16px + env(safe-area-inset-left));place-items:center;display:grid}.gameCard{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;width:min(100%,548px);padding:24px;position:relative;overflow:clip;box-shadow:0 24px 64px #69523624,inset 0 1px #ffffff8c}.splashContent{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:420px;padding:48px 0 28px;animation:.28s fadeIn;display:flex}.splashTitle h1{letter-spacing:-.06em;background:linear-gradient(160deg,#b5934a 0%,#9d7d52 60%,#7a5f3a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(5rem,22vw,8rem);line-height:.9}.splashTitle p{color:var(--muted);margin:14px 0 0;font-size:1.05rem}.splashBest{color:#f9f6f2;background:#bbada0;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:14px 32px;display:flex}.splashBest span{text-transform:uppercase;letter-spacing:.12em;opacity:.78;font-size:.72rem}.splashBest strong{font-size:2rem;line-height:1}.splashPlayButton{border-radius:50%;flex-shrink:0;width:88px;height:88px;padding:0;font-size:1.1rem;font-weight:700}.actionButton--watchAd{color:#fff8f0;background:linear-gradient(135deg,#c8863a 0%,#a86a28 100%);font-weight:700}.actionButton--watchAd:hover{background:linear-gradient(135deg,#b8762a 0%,#986018 100%)}.langToggleButton{z-index:10;color:#4d3f32;cursor:pointer;letter-spacing:.08em;background:#d7c3a3;border:0;border-radius:999px;place-items:center;height:32px;padding:0 11px;font-size:.72rem;font-weight:700;transition:transform .14s,background-color .14s;display:grid;position:absolute;top:20px;right:20px}.langToggleButton:hover{background:#c9b091;transform:translateY(-1px)}.topbar{gap:18px;display:grid}.titleBlock,.scorePanel,.controls,.footerHint{width:min(100%,500px)}.titleBlock h1{letter-spacing:-.06em;margin:0;font-size:clamp(3rem,8vw,4.8rem);line-height:.92}.titleBlock p{color:var(--muted);margin:8px 0 0}.scorePanel,.controls,.footerHint{flex-wrap:wrap;gap:12px;display:flex}.scoreCard{color:#f9f6f2;background:#bbada0;border-radius:18px;min-width:112px;padding:12px 16px}.scoreCard span{text-transform:uppercase;letter-spacing:.12em;opacity:.78;font-size:.72rem;display:block}.scoreCard strong{margin-top:2px;font-size:1.4rem;display:block}.actionButton{color:#fff8f0;cursor:pointer;background:#9d7d52;border:0;border-radius:999px;padding:12px 18px;transition:transform .14s,opacity .14s,background-color .14s}.actionButton:hover{transform:translateY(-1px)}.actionButton:disabled{opacity:.45;cursor:not-allowed;transform:none}.actionButton--secondary{color:#4d3f32;background:#d7c3a3}.boardArea{touch-action:none;margin-top:22px;position:relative}.boardShell{width:min(100%,500px);position:relative}.boardGrid{--cell-size:calc((100% - (var(--gap) * 5)) / 4);aspect-ratio:1;width:100%;padding:var(--gap);gap:var(--gap);background:linear-gradient(180deg, #c8b8aa 0%, var(--board-bg) 100%);border-radius:24px;grid-template-columns:repeat(4,1fr);display:grid;position:relative;box-shadow:inset 0 1px #fff3}.boardCell{background:var(--empty-cell);border-radius:16px}.tile{width:var(--cell-size);height:var(--cell-size);left:calc(var(--gap) + (var(--col) * (var(--cell-size) + var(--gap))));top:calc(var(--gap) + (var(--row) * (var(--cell-size) + var(--gap))));letter-spacing:-.04em;-webkit-user-select:none;user-select:none;border-radius:16px;place-items:center;font-size:clamp(1.3rem,4vw,2.25rem);font-weight:800;transition:top .13s,left .13s,transform .13s;display:grid;position:absolute}.tile--spawned{animation:.18s spawnIn}.tile--merged{animation:.2s popIn}.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;font-size:clamp(1.1rem,3vw,1.9rem)}.tile--256{color:#f9f6f2;background:#edcc61;font-size:clamp(1.1rem,3vw,1.9rem)}.tile--512{color:#f9f6f2;background:#edc850;font-size:clamp(1.1rem,3vw,1.9rem)}.tile--1024{color:#f9f6f2;background:#edc53f;font-size:clamp(.95rem,2.6vw,1.55rem)}.tile--2048{color:#f9f6f2;background:#edc22e;font-size:clamp(.95rem,2.6vw,1.55rem)}.tile--4096{color:#f9f6f2;background:#3c3a32;font-size:clamp(.85rem,2.4vw,1.4rem)}.overlay{background:#edcf72bd;border-radius:24px;place-items:center;animation:.18s fadeIn;display:grid;position:absolute;inset:0}.overlay--loss{background:#d6cdc4d1}.overlayCard{text-align:center;background:#fffbf4f2;border-radius:24px;width:min(90%,360px);padding:24px;box-shadow:0 16px 48px #56402a29}.overlayCard h2{margin:0;font-size:clamp(2rem,6vw,2.8rem)}.overlayCard p{color:var(--muted);margin:10px 0 0}.overlayActions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.footerHint{color:var(--muted);margin-top:18px;font-size:.92rem}.hint--mobile{display:none}.hint--desktop{display:block}@media (pointer:coarse){.hint--mobile{display:block}.hint--desktop{display:none}}.langOverlay{z-index:200;background:var(--panel-bg);flex-direction:column;gap:16px;padding:20px 24px 24px;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.langHeader{justify-content:flex-end;display:flex}.langCloseBtn{color:#4d3f32;cursor:pointer;background:#d7c3a3;border:0;border-radius:50%;place-items:center;width:38px;height:38px;font-size:.95rem;transition:transform .14s,background-color .14s;display:grid}.langCloseBtn:hover{background:#c9b091;transform:translateY(-1px)}.langGrid{flex:1;grid-template-columns:1fr 1fr;align-content:center;gap:10px;display:grid}.langTile{color:#f9f6f2;cursor:pointer;text-align:center;font:inherit;background:#bbada0;border:0;border-radius:18px;padding:14px 12px;font-size:.9rem;font-weight:600;transition:transform .13s,opacity .13s}.langTile:hover{opacity:.88;transform:translateY(-2px)}.langTile--active{background:#9d7d52;box-shadow:0 4px 14px #9d7d5252}@keyframes spawnIn{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{transform:scale(.9)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=720px){:root{--gap:10px;--v-pad-top:calc(12px + env(safe-area-inset-top));--v-pad-bottom:calc(12px + env(safe-area-inset-bottom) + var(--mini-app-banner-height))}.appShell{padding:var(--v-pad-top) calc(10px + env(safe-area-inset-right)) var(--v-pad-bottom) calc(10px + env(safe-area-inset-left))}.boardShell{width:min(100%, 500px, calc(100dvh - var(--v-pad-top) - var(--v-pad-bottom) - 320px))}.gameCard{border-radius:24px;width:100%;padding:18px}.titleBlock h1{font-size:clamp(2.8rem,18vw,4.2rem)}.scoreCard{flex:1 1 0;min-width:96px}.controls{width:100%}.actionButton{flex:calc(50% - 6px)}.footerHint{gap:8px 18px;font-size:.88rem}}@media (width<=420px){:root{--gap:8px}.gameCard{border-radius:20px;padding:14px}.titleBlock p{font-size:.95rem}.scorePanel{gap:10px}.scoreCard{min-width:0;padding:10px 14px}.scoreCard strong{font-size:1.2rem}.controls{gap:10px}.actionButton{padding:11px 14px}.footerHint{grid-template-columns:1fr;gap:6px;display:grid}}