/* * Correcoes de layout aplicadas POR CIMA do bundle compilado. * * O bundle (index-CX7pE5UZ.css) nao tem fonte neste servidor, entao nada aqui * pode ser editado la'. Este arquivo entra depois dele no , com a mesma * especificidade dos seletores que corrige — por ordem, vence. * * --------------------------------------------------------------------------- * Problema 1: o topbar cobria o saldo e os botoes Depositar/Sacar do lobby. * * O topbar e' `position:sticky` com `top:max(8px,env(safe-area-inset-top))` e * altura variavel (o logo manda: 56px + padding + borda ~= 70px). Ja' o lobby * e' `position:fixed` com o topo CHUMBADO em 89px (62px em <=700px) e * `z-index:20`, contra o `z-index:45` do topbar. * * Num celular comum: topbar termina em 8+70 = 78px, o lobby comeca em 62px — * 16px do card de saldo ficam embaixo da faixa. Com notch (safe-area ~47px) o * topbar termina em ~117px e engole 55px: o saldo inteiro e um pedaco dos * botoes. E' exatamente o sintoma relatado. * * A correcao troca o numero chumbado por --snake-topbar-bottom, que o * ui-fixes.js mede do proprio topbar (rect.bottom + folga) e reescreve em * resize, rotacao e sempre que o topbar muda de tamanho. O valor abaixo e' so' * a estimativa do primeiro quadro, antes do script rodar. */ :root { --snake-topbar-bottom: calc(max(8px, env(safe-area-inset-top, 0px)) + 78px); } /* Lobby e tela de carregamento: ambos `position:fixed` presos ao topbar. */ .bb-root .panel-page.game-home-page.snake-lobby-scroll, .bb-root .panel-page.game-home-page.snake-loading-view { top: var(--snake-topbar-bottom) !important; height: calc(100dvh - var(--snake-topbar-bottom)) !important; } /* Demais paginas do painel (carteira, perfil, apostas...): mesma conta. */ .bb-root .panel-shell > .panel-page:not(.game-home-page) { height: calc(100dvh - var(--snake-topbar-bottom)) !important; } /* * O card de saldo e' o primeiro elemento do lobby e ficava colado no topbar. * Com o offset correto ele aparece inteiro; esta folga evita que a sombra do * topbar caia em cima dele. */ .bb-root .snake-lobby-scroll .snake-wallet-actions { margin-top: 10px; }