.game{position:absolute;inset:0}.game__canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.game__hud{position:absolute;top:calc(var(--s-md) + var(--safe-top));left:var(--s-md);align-items:flex-start;pointer-events:none}.game__pause{position:absolute;top:calc(var(--s-md) + var(--safe-top));right:var(--s-md)}.game__powers{position:absolute;top:calc(var(--safe-top) + 74px);right:var(--s-md);align-items:flex-end;pointer-events:none}.game__rocket{position:absolute;bottom:calc(var(--safe-bottom) + var(--s-xl));left:50%;transform:translate(-50%)}.game__ready{position:absolute;inset:0;display:grid;place-items:center;font-size:110px;font-weight:800;color:#ffe768;pointer-events:none;text-shadow:-3px -3px 0 #C26A1E,3px -3px 0 #C26A1E,-3px 3px 0 #C26A1E,3px 3px 0 #C26A1E,0 5px 0 #C26A1E;animation:pulse 1s ease-in-out infinite}.game--idle .game__hud,.game--idle .game__pause,.game--idle .game__powers,.game--idle .game__rocket{display:none}.stage{inset:0}.in-run .topbar,.in-run .nav,.in-run .home,.in-run .tabpage{display:none}.topbar{top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:var(--s-sm);padding:calc(var(--safe-top) + var(--s-sm)) var(--s-md) var(--s-sm);background:#fffbeac7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:3px solid rgba(227,168,92,.85);border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:0 6px 18px #7a4a1c2e}.topbar__avatar,.topbar__gear{flex:none;display:grid;place-items:center;width:44px;height:44px;border:3px solid var(--c-trim);border-radius:var(--r-md);background:linear-gradient(180deg,#fff,#fff0c4);color:var(--c-text);cursor:pointer;padding:0;box-shadow:var(--soft);transition:transform .14s var(--spring)}.topbar__gear{border-color:#1f7fd0;background:linear-gradient(180deg,#7dcbff,#4db3ff);color:#fff}.topbar__avatar:active,.topbar__gear:active,.topbar__pill:active{transform:scale(.93)}.topbar__who{flex:1;min-width:0;cursor:pointer;line-height:1.05}.topbar__greeting{font-size:var(--t-xs);color:var(--c-textMuted);font-weight:700}.topbar__name{font-size:var(--t-lg);font-weight:800;color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__pill{flex:none;display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 var(--s-sm);border:3px solid var(--c-trim);border-radius:var(--r-md);background:linear-gradient(180deg,#fff,#fff0c4);font-weight:800;font-size:var(--t-md);cursor:pointer;box-shadow:var(--soft);transition:transform .14s var(--spring)}.topbar__pill--coins{color:#8a5a00}.topbar__pill--coins .topbar__ico{color:#f0a800}.topbar__pill--streak{color:#b8530a}.topbar__pill--streak .topbar__ico{color:#ff7a1a}.topbar__ico{display:inline-flex;font-size:19px}.topbar__balloon{position:relative;display:block;width:22px;height:28px}.topbar__envelope{position:absolute;left:0;top:0;width:22px;height:21px;border:2px solid var(--c-ink);border-radius:6px}.topbar__basket{position:absolute;left:6px;top:22px;width:10px;height:6px;background:#b9773a;border:1px solid var(--c-ink);border-radius:2px}.nav{left:0;right:0;bottom:0;z-index:20;height:calc(var(--z-nav) + var(--safe-bottom));padding:0 var(--s-xs) var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);align-items:end;background:linear-gradient(180deg,#fff,#fff6da);border-top:4px solid var(--c-trim);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -8px 20px #7a4a1c29}.nav__item{display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 0 6px;color:#b98a52;font-weight:800;font-size:var(--t-xs);cursor:pointer;transition:color .2s}.nav__icon{display:grid;place-items:center;width:44px;height:34px;border-radius:var(--r-md);border:3px solid transparent;font-size:24px;transition:transform .25s var(--spring),background .2s,border-color .2s}.nav__item.is-active{color:#d9830f}.nav__item.is-active .nav__icon{background:linear-gradient(180deg,#ffe88c,#ffd84d);border-color:#e0a412;color:#fff;transform:translateY(-4px);box-shadow:0 5px 10px #e0a41259}.nav__item:active .nav__icon{transform:scale(.9)}.nav__item--center .nav__icon{width:56px;height:48px;margin-top:-24px;border-radius:var(--r-lg);border-color:#d96a0f;background:linear-gradient(180deg,#ffb65c,#ff9a2e);color:#fff;font-size:30px;box-shadow:0 8px 14px #d96a0f66}.nav__item--center.is-active .nav__icon{transform:translateY(-2px) scale(1.04);background:linear-gradient(180deg,#ffb65c,#ff9a2e);border-color:#d96a0f}.nav__item--center{color:#d9830f}.tabpage{left:0;right:0;top:calc(var(--safe-top) + var(--z-topBar));bottom:calc(var(--z-nav) + var(--safe-bottom));z-index:10;overflow:hidden;animation:tab-in .28s var(--ease);background:var(--tab-bg, #7FD0FF)}.tabpage:before{content:"";position:absolute;inset:0;background:radial-gradient(60px 22px at 12% 18%,rgba(255,255,255,.5) 98%,transparent),radial-gradient(80px 26px at 88% 40%,rgba(255,255,255,.4) 98%,transparent),radial-gradient(70px 24px at 20% 82%,rgba(255,255,255,.4) 98%,transparent);pointer-events:none}.tabpage>*{position:relative}.tabpage[data-tab=upgrades]{--tab-bg: #7FD0FF}.tabpage[data-tab=customize]{--tab-bg: #C4B5FF}.tabpage[data-tab=ranks]{--tab-bg: #FFCB7A}.tabpage[data-tab=shop]{--tab-bg: #FFA9CF}@keyframes tab-in{0%{opacity:0;transform:translateY(10px)}}.home{left:0;right:0;top:calc(var(--safe-top) + var(--z-topBar));bottom:calc(var(--z-nav) + var(--safe-bottom));z-index:5;display:flex;flex-direction:column;align-items:center;padding-top:var(--s-lg);cursor:pointer}.home__title{font-size:40px;line-height:.95;font-weight:800;text-align:center;color:#fff;text-shadow:-2.5px -2.5px 0 #C26A1E,2.5px -2.5px 0 #C26A1E,-2.5px 2.5px 0 #C26A1E,2.5px 2.5px 0 #C26A1E,0 4px 0 #C26A1E,0 8px 14px rgba(122,74,28,.3);animation:float 4s ease-in-out infinite}.home__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:var(--s-md);padding:0 var(--s-lg)}.home__tap{position:absolute;left:0;right:0;bottom:31%;text-align:center;pointer-events:none}.home__tap-title{font-size:30px;font-weight:800;color:#ffe768;text-shadow:-2px -2px 0 #C26A1E,2px -2px 0 #C26A1E,-2px 2px 0 #C26A1E,2px 2px 0 #C26A1E,0 3px 0 #C26A1E;animation:pulse 1.6s ease-in-out infinite}.home__tap-sub{font-size:var(--t-sm);font-weight:700;color:#fff;text-shadow:0 2px 0 rgba(31,127,208,.6)}@keyframes float{50%{transform:translateY(-5px)}}@keyframes pulse{50%{transform:scale(1.07);opacity:.88}}.overlay{inset:0;z-index:85;background:var(--c-sky);animation:tab-in .28s var(--ease)}.overlay>.upgrades{padding-top:var(--safe-top)}.tabpage>.upgrades{position:absolute;inset:0;height:auto}