puro) também batia sem querer no .gaba3-ad-slot (também é um

filho direto de .gaming-header) — o slot de publicidade ganhava flex:1 igual ao nome do jogador e disputava espaço com ele, espremendo o nome pra "a…". Excluído explicitamente aqui. */ .gaming-header>div:not(.gaba3-ad-slot){min-width:0;flex:1}.gaming-header>div strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* Mesmo bug: sem nenhuma regra própria pro mobile, o slot de publicidade tentava viver espremido dentro da fileira de identidade, sobrepondo os ícones ao lado. Tentei jogar pra própria linha (flex:0 0 100%), mas o cabeçalho compacto (.gaming-normal-header) força flex-wrap:nowrap mais embaixo no arquivo — nunca quebra linha. Nessa fileira única e compacta não sobra espaço decente pra um cartão de anúncio; escondido aqui, mesmo critério já usado pros ícones "só desktop" desta mesma cabeceira. */ .gaming-header .gaba3-ad-slot{display:none!important}.gaming-header #gaming-connection, .gaming-header #gaming-viewers{display:none}.gaming-header button{padding:8px 9px;font-size:12px}.gaming-header #gaming-fullscreen{margin-left:auto}.gaming-layout{grid-template-columns:1fr;padding:12px;gap:0;padding:0;display:block}.gaming-stage{padding:0;border:0;border-radius:0;background:#050a10}.gaming-stream{min-height:45vh;min-height:calc(100dvh - 210px);border-radius:0}.gaming-stream>div{padding:22px 18px}.gaming-stream h1{font-size:clamp(24px,8vw,36px)}.gaming-actions{position:relative;padding:11px 12px 16px;justify-content:center;background:#07111f}.gaming-actions button{padding:9px 10px;font-size:12px}.gaming-chat{position:fixed;z-index:20;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));min-height:0;max-height:60dvh;border-radius:14px;background:#081421f5;box-shadow:0 12px 40px #000b;transition:transform .22s ease}.gaming-chat.collapsed{display:block;transform:translateY(calc(100% - 49px));min-height:0}.gaming-chat header{padding:11px 12px}.gaming-chat header button{display:block}.gaming-chat .gaming-messages{max-height:30dvh}.gaming-chat.collapsed .gaming-participants{display:none}.gaming-chat form{padding-bottom:8px}.gaming-bubble{pointer-events:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;border:1px solid #365068;border-radius:999px;background:#102237ee;color:#fff;padding:8px 12px;animation:gamingBubble .2s ease-out}.gaming-owner{margin:12px;padding:12px}.gaming-notice{top:calc(env(safe-area-inset-top) + 72px)}.gaming-page .navegacao-global-sala{display:none!important}.gaming-page{padding-bottom:env(safe-area-inset-bottom);min-height:100dvh;overflow:hidden;background:#050a10;padding:0!important}.gaming-page .gaming-header{display:none!important}.gaming-page .gaming-layout{display:block;min-height:100dvh;padding:0!important}.gaming-page .gaming-stage{position:relative;width:100%;height:100dvh;min-height:100dvh;padding:0!important;border:0!important;border-radius:0!important;background:#050a10!important;overflow:hidden}.gaming-page .gaming-stream{width:100%;height:100%;min-height:100dvh!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 42%,#174d78,#07111f 70%)!important}.gaming-page .gaming-stream>div{max-width:min(76vw,430px);padding:18px;text-shadow:0 2px 9px #000}.gaming-page .gaming-stream h1{font-size:clamp(20px,6vw,32px)}.gaming-page .gaming-stream p{font-size:14px}.gaming-page #gaming-stage-status{font-size:10px!important;padding:4px 8px!important}.gaming-page .gaming-actions{display:none!important}.gaming-page .gaming-chat{position:fixed!important;z-index:32;inset:auto 8px max(8px,env(safe-area-inset-bottom,8px)) 8px!important;display:none!important;flex-direction:column;height:min(58dvh,520px)!important;max-height:min(58dvh,520px)!important;margin:0!important;padding:12px!important;border:1px solid rgba(134,255,92,.42)!important;border-radius:16px!important;background:rgba(5,17,10,.97)!important;box-shadow:0 18px 42px #000c;transform:none!important}.gaming-page .gaming-chat.mobile-open{display:flex!important}.gaming-page .gaming-chat header{flex:none;padding:0 0 10px!important}.gaming-page .gaming-chat header button{display:grid!important;place-items:center;width:34px!important;height:34px!important;padding:0!important;border:1px solid #ffffff22!important;border-radius:50%!important;color:#eaffdf!important}.gaming-page .gaming-chat header button[hidden]{display:none!important}.gaming-page .gaming-participants{flex:none;max-height:44px;margin:7px 0!important}.gaming-page .gaming-messages{flex:1 1 auto!important;min-height:0!important;padding-right:2px!important}.gaming-page .gaming-chat form{display:flex!important;flex:none!important;padding-top:9px!important}.gaming-page .gaming-chat>small{display:none!important}.gaming-page .gaming-mobile-bubble{position:fixed;z-index:31;right:max(14px,env(safe-area-inset-right,14px));bottom:max(18px,env(safe-area-inset-bottom,18px));display:grid;place-items:center;width:58px;height:58px;margin:0;padding:0;border:2px solid #b8ff93;border-radius:50%;background:#08170ce8;box-shadow:0 8px 26px #000c,0 0 0 4px rgba(85,201,42,.2);touch-action:none;cursor:grab}.gaming-page .gaming-mobile-bubble:active{cursor:grabbing;transform:scale(.96)}.gaming-page .gaming-mobile-bubble img{width:42px;height:42px;object-fit:contain;pointer-events:none}.gaming-page .gaming-notice{top:max(12px,env(safe-area-inset-top,12px));left:50%;max-width:calc(100vw - 32px);font-size:12px}.gaming-page.gaming-mobile-focus .gaming-stream>div{display:grid}.gaming-page.gaming-mobile-focus .gaming-mobile-bubble{opacity:.92}.gaming-normal-header .gaming-brand img{width:38px!important;height:38px!important}.gaming-profile{gap:7px}.gaming-owner-avatar{width:36px;height:36px;font-size:16px}.gaming-profile b{font-size:16px}.gaming-profile small{max-width:39vw;font-size:11px}.gaming-normal-header #gaming-viewers{display:none}.gaming-normal-header .gaming-live{margin-left:auto;font-size:10px}.gaming-normal-header .gaming-leave{padding:7px!important}.gaming-normal .gaming-stage{border:0;border-radius:0}.gaming-normal-player{min-height:min(66dvh,560px);height:min(66dvh,560px)}.gaming-video-host{min-height:inherit}.gaming-normal-actions{right:10px;top:auto;bottom:14px;transform:none;grid-auto-flow:column;grid-template-columns:repeat(5,1fr);max-width:calc(100% - 20px);overflow-x:auto}.gaming-normal-actions button{width:50px;min-height:50px;flex:0 0 50px}.gaming-normal-actions .gaming-go-live{min-width:115px}.gaming-normal .gaming-chat{position:relative!important;display:flex!important;left:auto!important;right:auto!important;bottom:auto!important;inset:auto!important;height:min(52dvh,460px)!important;max-height:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}.gaming-normal .gaming-chat .gaming-messages{max-height:none!important}.gaming-owner-menu{top:calc(env(safe-area-inset-top) + 62px);right:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 78px)}.gaming-page.gaming-live-active{overflow:hidden!important}.gaming-page.gaming-live-active .gaming-chat{position:fixed!important;z-index:32;inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px!important;display:none!important;height:min(58dvh,520px)!important;border:1px solid rgba(134,255,92,.42)!important;border-radius:16px!important;box-shadow:0 18px 42px #000c}.gaming-page.gaming-live-active .gaming-chat.mobile-open{display:flex!important}.gaming-page.gaming-live-active .gaming-mobile-bubble{display:grid!important}.gaming-page.gaming-live-active .gaming-published-video{object-fit:contain}.gaming-page.gaming-mobile-focus .gaming-normal-player{height:100dvh;min-height:100dvh}.gaming-page.gaming-normal .gaming-actions.gaming-normal-actions{display:grid!important}.gaming-page.gaming-normal .gaming-mobile-bubble{display:none!important}.gaming-arrow{width:38px;height:38px}.gaming-page.gaming-normal{overflow:auto;padding-bottom:env(safe-area-inset-bottom)!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important}.gaming-page.gaming-normal .gaming-normal-header{display:flex!important;position:sticky;min-height:58px;padding:calc(env(safe-area-inset-top) + 5px) 12px 7px;gap:8px;min-height:104px!important;margin-bottom:8px;padding:10px 16px!important;border-radius:25px;gap:10px;flex-wrap:nowrap}.gaming-page.gaming-normal .gaming-owner-avatar{width:60px;height:60px;font-size:20px}.gaming-page.gaming-normal .gaming-leave{display:none}.gaming-page.gaming-normal .gaming-layout{display:block;min-height:0;padding:0;display:block!important;height:auto!important;min-height:0!important;display:block!important;padding:0!important}.gaming-page.gaming-normal .gaming-stage{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;background:#071009!important;position:relative!important;border-radius:25px!important;overflow:hidden!important}.gaming-page.gaming-normal .gaming-normal-player{width:100%!important;height:min(66dvh,560px)!important;min-height:min(66dvh,560px)!important;border-radius:0!important;height:calc(100dvh - 135px - env(safe-area-inset-bottom))!important;min-height:420px!important;border-radius:25px!important}.gaming-page.gaming-normal .gaming-normal-actions{gap:4px;padding:8px}.gaming-page.gaming-normal .gaming-normal-actions button{width:42px;height:42px;font-size:20px;flex:none}.gaming-page.gaming-normal .gaming-chat{position:relative!important;display:flex!important;z-index:auto!important;inset:auto!important;width:auto!important;height:min(52dvh,460px)!important;min-height:0!important;max-height:none!important;padding:14px!important;background:#09140c!important;top:auto;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));left:10px!important;width:auto;height:min(58dvh,520px)!important}.gaming-page.gaming-normal .gaming-owner-menu{top:calc(8px + env(safe-area-inset-top));right:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100vw - 16px);max-height:none}.gaming-page.gaming-normal.gaming-live-active{padding:0!important}.gaming-page.gaming-normal.gaming-live-active .gaming-chat.mobile-open{display:flex!important}.gaming-page.gaming-normal .gaming-mobile-only{display:grid!important}/* Fora do vivo: "Comentários" continua sendo uma gaveta que sobe de baixo, tela toda (like antes). Ao vivo: vira painel lateral pela direita, ~1/3 da tela, o jogo continua visível do lado esquerdo — são dois comportamentos diferentes da mesma caixa, por isso duas regras. */ .gaming-page.gaming-normal .gaming-chat{position:fixed!important;z-index:60;inset:auto 0 0 0!important;left:0!important;right:0!important;bottom:0!important;top:auto!important; width:100%!important;height:min(62dvh,520px)!important;max-height:min(62dvh,520px)!important;min-height:0!important; margin:0!important;border-radius:16px 16px 0 0!important;box-shadow:0 -18px 40px #000c!important; display:flex!important;flex-direction:column;transform:translateY(100%)!important;transition:transform .28s ease}.gaming-page.gaming-normal .gaming-chat.mobile-chat-open{transform:translateY(0)!important} /* Dono pediu: a barra de escrever fica no limite de verdade da tela (o que o Android deixa), sem caixa vazia sobrando embaixo dela — o padding do painel criava essa folga. */ .gaming-page.gaming-normal .gaming-chat{padding-bottom:0!important} .gaming-page.gaming-normal .gaming-chat form{padding-bottom:max(10px,env(safe-area-inset-bottom))!important} /* A cinta corrida (.gaming-ticker, fica presa no fim do palco de vídeo, dentro do fluxo normal da página) e o painel de chat fixo (mobile, abre por cima de tudo) acabam ocupando a MESMA faixa da tela quando o chat está aberto — sem um z-index alto de verdade aqui, a cinta aparecia por cima da barra de escrever. O chat sempre vence. */ .gaming-page.gaming-normal .gaming-chat.mobile-chat-open{z-index:120!important} /* Ao vivo no CELULAR de quem está JOGANDO (nunca de quem só assiste): a tela do GABA3 nesse aparelho não mostra NADA da plataforma — nem cabecera, nem o próprio vídeo/palco do jogo, nada — só a bolinha. O jogo de verdade roda no aplicativo do jogo, fora do GABA3; a bolinha é só o indicador de "você está transmitindo pro GABA" (notificações, cronômetro, finalizar). Quem ENTRA PRA ASSISTIR uma transmissão vê a sala normal inteira — cabecera, seguir/curtir/comentar, cinta, contagem de espectadores, igual Kick/Twitch pro espectador (achado real: a 1ª versão desta regra usava só `.gaming-live-active`, que é verdadeiro pra QUALQUER pessoa na sala ao vivo, dono ou visitante — escondia a cabecera de quem só queria assistir também). Por isso a classe extra `.gaming-mobile-focus` aqui: o JS só adiciona ela na sessão de quem é dono E está jogando (`enterMobileLive()`), nunca em quem só está vendo. `.gaming-normal` está presente tanto no mobile quanto no desktop (é o template compartilhado, quem muda é só a media query) — por isso todo este bloco fica só dentro de max-width:850px. No desktop o vivo continua mostrando vídeo + comentários ao lado, tanto pro dono quanto pra quem assiste. */ @media(max-width:850px){ .gaming-page.gaming-normal.gaming-mobile-focus .gaming-normal-header, .gaming-page.gaming-normal.gaming-mobile-focus .gaming-notice, .gaming-page.gaming-normal.gaming-mobile-focus .gaming-content-tabs, .gaming-page.gaming-normal.gaming-mobile-focus #gaming-content-panel-videos, .gaming-page.gaming-normal.gaming-mobile-focus .gaming-side-panel, .gaming-page.gaming-normal.gaming-mobile-focus .gaming-games-strip, .gaming-page.gaming-normal.gaming-mobile-focus .gaba3-ad-slot, .gaming-page.gaming-normal.gaming-mobile-focus .gaming-ticker, .gaming-page.gaming-normal.gaming-mobile-focus .gaming-published, .gaming-page.gaming-normal.gaming-mobile-focus .gaming-stream, .gaming-page.gaming-normal.gaming-mobile-focus .gaming-stage{display:none!important} .gaming-page.gaming-normal.gaming-mobile-focus .gaming-layout, .gaming-page.gaming-normal.gaming-mobile-focus .gaming-desktop-body{height:100dvh!important;min-height:0!important;padding:0!important;margin:0!important} .gaming-page.gaming-normal.gaming-mobile-focus{padding:0!important;background:#050a10!important} /* `.gaming-normal-actions` (curtir/seguir/comentar/compartilhar/ denunciar) fica escondida por padrão no mobile fora do vivo (regra `.gaming-page.gaming-normal .gaming-actions.gaming-normal-actions`, mais acima no arquivo — o mobile normal usa o bloco de perfil + reações rápidas em vez dela). Ao vivo, pra quem só assiste, o dono pediu esses ícones de volta — nunca pra quem está jogando (`.gaming-mobile-focus`, sala inteira escondida de qualquer jeito). */ .gaming-page.gaming-normal.gaming-live-active:not(.gaming-mobile-focus) .gaming-actions.gaming-normal-actions{display:grid!important} } /* Dono foi claro: ícone de emoji e de enviar são só o ícone, nunca uma caixa/botão por fora — a regra genérica ".gaming-chat form button" (mais acima neste arquivo) dava fundo verde, padding e sombra pra QUALQUER botão dentro do formulário do chat, sem exceção pra esses dois. IDs pra garantir que ganha de verdade, sem depender de onde essa regra cai no arquivo. */ #gaming-emoji-toggle, #gaming-send{background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important;border:0!important} /* Botão real de finalizar transmissão — alcançável tocando a bolinha flutuante (abre este painel), pedido explícito do dono. Vermelho de perigo, igual ao resto da plataforma pra ações que não têm volta. */ .gaming-end-live-btn{flex:0 0 auto;border:1px solid #ff3b4a!important;border-radius:8px!important;background:#3a0f14!important;color:#ffb3ba!important;font-weight:800!important;font-size:11.5px!important;padding:7px 10px!important;cursor:pointer;box-shadow:none!important} .gaming-end-live-btn:hover{background:#5c1620!important} .gaming-end-live-btn[hidden]{display:none!important} /* Menuzinho da bolinha, ao vivo: NUNCA um painel/cabecera cobrindo o jogo — só duas linhas coladas nela mesma, some ao tocar fora. */ .gaming-bubble-menu{position:fixed;z-index:130;display:flex;flex-direction:column;gap:6px;width:190px;padding:8px;border-radius:12px;background:#0e1f11f2;border:1px solid #294d2f;box-shadow:0 12px 30px #000a} .gaming-bubble-menu[hidden]{display:none!important} .gaming-bubble-menu button{width:100%;border:1px solid #294d2f!important;border-radius:8px!important;background:#12291699!important;color:#dff5d8!important;font-weight:700!important;font-size:12.5px!important;padding:8px 10px!important;text-align:left;cursor:pointer;box-shadow:none!important} .gaming-bubble-menu button:hover{background:#1c3a20!important} .gaming-bubble-menu-title{font-size:11px;color:#8fae8f;text-transform:uppercase;letter-spacing:.05em;padding:0 2px} .gaming-bubble-menu-stats{display:flex;justify-content:space-between;gap:4px;padding:2px 2px 4px;font-size:12px;color:#dff5d8} .gaming-bubble-menu-stats span{display:flex;align-items:center;gap:3px} .gaming-page.gaming-normal.gaming-live-active .gaming-chat{inset:0 0 0 auto!important;left:auto!important;right:0!important;bottom:0!important;top:0!important; width:min(340px,38vw)!important;height:100%!important;max-height:none!important; border-radius:0!important;box-shadow:-18px 0 40px #000c!important; transform:translateX(100%)!important}.gaming-page.gaming-normal.gaming-live-active .gaming-chat.mobile-chat-open{transform:translateX(0)!important}.gaming-chat-backdrop.open{display:block!important}/* Ao vivo, o painel (Personas/Chat) só existe enquanto a bolinha estiver aberta — fechado, o jogo recupera 100% da tela. Não existe mais "sem chat nenhum": agora é igual Twitch/Kick, um painel temporário. */ .gaming-page.gaming-normal.gaming-live-active #gaming-comments-toggle{display:none!important}.gaming-page.gaming-normal.gaming-live-active .gaming-chat:not(.mobile-chat-open){display:none!important}.gaming-page.gaming-normal.gaming-live-active .gaming-chat-backdrop:not(.open){display:none!important}/* A "alcinha" agora fica na borda esquerda do painel lateral — deslizar pra direita a partir dela fecha (em vez de deslizar pra baixo). */ .gaming-chat-handle{display:none}.gaming-page.gaming-normal.gaming-live-active .gaming-chat-handle{display:block!important;position:absolute;left:6px;top:50%;transform:translateY(-50%);width:4px;height:36px;border-radius:2px;background:#ffffff33}.gaming-panel-tabs{display:none}.gaming-page.gaming-normal.gaming-live-active .gaming-panel-tabs{display:flex!important;gap:8px;padding:10px 14px 6px!important;margin:0!important}.gaming-page.gaming-normal.gaming-live-active .gaming-panel-tabs button{flex:1;padding:7px;border:1px solid #294d2f!important;border-radius:999px!important;background:transparent!important;color:#9ab09b!important;font-size:12px;font-weight:800}.gaming-page.gaming-normal.gaming-live-active .gaming-panel-tabs button.active{background:#398815!important;border-color:#398815!important;color:#fff!important}.gaming-page.gaming-normal.gaming-live-active .gaming-chat[data-panel="personas"] .gaming-messages, .gaming-page.gaming-normal.gaming-live-active .gaming-chat[data-panel="personas"] #gaming-form{display:none!important}.gaming-page.gaming-normal.gaming-live-active .gaming-chat[data-panel="chat"] .gaming-participants{display:none!important}/* Ponto de atividade na bolinha quando chega mensagem nova e o painel está fechado — só o ponto, sem número, como pedido. */ .gaming-mobile-bubble-dot{display:none;position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:#ff3b4a;box-shadow:0 0 0 2px #08170c}.gaming-mobile-bubble-dot.show{display:block}/* Cabeçalho no celular — mesma textura de madeira real da marca (nunca cor chapada), só compacta; a identidade da sala mora aqui do lado das rayitas, o bloco de perfil abaixo só tem números e o botão ao vivo. */ .gaming-page.gaming-normal .gaming-normal-header{background:linear-gradient(180deg, rgba(20,12,4,.38), rgba(10,6,2,.58)), url("/assets/brand/fondo-madera-oscura-gaba3.png") center/cover no-repeat!important;border:0!important;border-bottom:2px solid #7A4E27!important;box-shadow:0 6px 16px #0007!important;min-height:56px!important;padding:8px 14px!important} /* o dono: "sin estar al vivo, se tendría que ver similar" — a identidade (avatar+nome+selo+Seguir) e as estatísticas reais (real/curtidas/ visitas) que já moram na cabecera do desktop passam a aparecer aqui também, em vez do bloco de perfil separado que existia antes. */ .gaming-page.gaming-normal .gaming-live, .gaming-page.gaming-normal #gaming-viewers{display:none!important}/* Reações rápidas sobre o vídeo — não atrapalham, ficam num canto. */ .gaming-reactions-row{position:absolute;left:10px;bottom:10px;z-index:5;display:none;gap:6px}.gaming-page.gaming-normal.gaming-live-active .gaming-reactions-row{display:flex!important}.gaming-reactions-row button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:#00000066;font-size:16px;padding:0}.gaming-reaction-float{position:fixed;z-index:70;font-size:20px;pointer-events:none;animation:gamingReactionFloat 1s ease-out forwards}@keyframes gamingReactionFloat{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-60px);opacity:0}}/* Por último de propósito: ao vivo some tudo (perfil/abas/lista), mesmo que a pessoa tivesse ficado com a lista de vídeos aberta antes de começar a transmissão — precisa vencer aquela regra por especificidade empatada, então fica depois dela no arquivo. */ .gaming-page.gaming-normal.gaming-live-active .gaming-content-tabs, .gaming-page.gaming-normal.gaming-live-active #gaming-content-panel-videos, .gaming-page.gaming-normal.gaming-live-active .gaming-side-panel, .gaming-page.gaming-normal.gaming-live-active .gaming-games-strip, .gaming-page.gaming-normal.gaming-live-active .gaba3-ad-slot{display:none!important}.gaming-page.gaming-normal.gaming-live-active .gaming-stream{display:block!important}/* A identidade (foto + nome) é configurável pelas três rayitas — por isso mora ao lado delas, no canto direito da cabecera, pequena. Volta e início ficam à esquerda. */ .gaming-page.gaming-normal .gaming-leave{order:0}.gaming-page.gaming-normal .gaming-brand{order:1}.gaming-page.gaming-normal .gaming-profile{flex:1;display:flex!important;order:2;margin-left:auto!important;flex:0 1 auto!important;max-width:52vw;gap:6px}.gaming-page.gaming-normal .gaming-profile .gaming-owner-avatar{width:28px;height:28px;font-size:13px}.gaming-page.gaming-normal .gaming-profile b{font-size:25px;font-size:13px}.gaming-page.gaming-normal .gaming-profile small{display:block!important;max-width:calc(100vw - 160px);font-size:14px;display:none!important}.gaming-page.gaming-normal .gaming-owner-menu-toggle{order:3} /* Marcação fina em madeira (igual à versão web) emoldurando a área dos vídeos, da cabecera até o fim real da tela do celular — não só até onde o conteúdo acaba. */ .gaming-page.gaming-normal:not(.gaming-live-active) .gaming-stage{border-left:1px solid #7A4E27!important;border-right:1px solid #7A4E27!important;border-bottom:1px solid #7A4E27!important;border-radius:0 0 16px 16px!important;min-height:0!important;display:flex!important;flex-direction:column!important}/* A moldura precisa terminar exatamente no fim real da tela — em vez de adivinhar em px a altura real da cabecera (que varia por causa do notch/safe-area), deixamos o flexbox calcular o espaço restante sozinho, sem chute. */ .gaming-page.gaming-normal:not(.gaming-live-active){display:flex!important;flex-direction:column;min-height:100dvh;padding-top:0!important}.gaming-page.gaming-normal:not(.gaming-live-active) .gaming-normal-header{margin:0!important;border-radius:0!important;flex:0 0 auto}.gaming-page.gaming-normal:not(.gaming-live-active) .gaming-desktop-body{flex:1;display:flex!important;flex-direction:column;min-height:0}.gaming-page.gaming-normal:not(.gaming-live-active) .gaming-layout{flex:1;display:flex!important;flex-direction:column;min-height:0}.gaming-page.gaming-normal:not(.gaming-live-active) .gaming-stage{flex:1}/* Faixa deslizante — DENTRO da própria moldura de madeira agora (não mais um irmão separado), grudada no fim dela via margin-top:auto. Assim ela literalmente não pode ficar "fora da caixa": está dentro do mesmo elemento que tem a borda e o cantinho arredondado. */ .gaming-page.gaming-normal .gaming-ticker{display:block!important;flex:0 0 auto;margin-top:auto!important;z-index:5;height:30px;overflow:hidden;border-radius:0 0 15px 15px;background:linear-gradient(180deg, rgba(20,12,4,.55), rgba(10,6,2,.75)), url("/assets/brand/fondo-madera-oscura-gaba3.png") center/cover no-repeat;border-top:2px solid #7A4E27}.gaming-ticker-track{display:flex;width:max-content;height:30px;align-items:center;gap:60px;white-space:nowrap;animation:gamingTickerScroll 16s linear infinite}.gaming-ticker-track span{color:#ffd75e;font-size:12px;font-weight:700;letter-spacing:.3px}@keyframes gamingTickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.gaming-page #gaming-mobile-focus{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:9px 13px;border:1px solid #8dff60;border-radius:999px;background:#07180de8;color:#eaffdf;font:800 12px/1 Inter,Arial,sans-serif;box-shadow:0 8px 20px #0009;border:1px solid #8dff60!important; background:#07180de8!important; color:#eaffdf!important; box-shadow:0 8px 20px #0009!important}} .gaming-page{background-color:#050a10} /* ============================================================ REDESENHO WEB — especificação do dono (madeira/verde/preto). Paleta oficial: madeira escura #3B2A1A · madeira média #5A3A1F · madeira clara #7A4E27 verde principal #2ECC71 · verde escuro #1B7F3F · verde neon #32FF6A preto fundo #0D0D0D · cinza texto #E0E0E0 Só versão web (min-width:851px) — celular não muda em nada. ============================================================ */ .gaming-desktop-only{display:none} @media(min-width:851px){.gaming-desktop-only{display:flex}/* Sem rolagem vertical nenhuma no desktop (pedido do dono, mesmo truque já usado na sala de criador de conteúdo) — corpo vira coluna flex de 100dvh, o cabeçalho ocupa só o que precisa, e `.gaming-desktop-body` herda EXATAMENTE o espaço que sobra. Sem número mágico de calc(): se o cabeçalho mudar de altura no futuro, isso continua funcionando sozinho. */ body.gaming-page.gaming-normal{background:#0D0D0D;font-family:Poppins,Inter,Montserrat,Arial,sans-serif;font-size:14px;color:#E0E0E0;display:flex!important;flex-direction:column;height:100dvh;overflow:hidden}/* Cabeçalho */ .gaming-page.gaming-normal .gaming-normal-header{flex:0 0 auto;display:flex!important;align-items:center;gap:14px;max-width:none;margin:0;height:auto;min-height:0;padding:12px 22px;border-radius:0 0 22px 22px;overflow:hidden;border:0;border-bottom:3px solid #7A4E27;background:linear-gradient(180deg, rgba(20,12,4,.32), rgba(10,6,2,.5)), url("/assets/brand/fondo-madera-oscura-gaba3.png") center/cover no-repeat;box-shadow:inset 0 -2px #00000055,0 10px 24px #0007}/* Nada em caixa — todo ícone do cabeçalho é solto, branco, só reage no hover (leve zoom + brilho verde), igual pedido explicitamente. */ .gaming-page.gaming-normal .gaming-normal-header button, .gaming-page.gaming-normal .gaming-normal-header a.gaming-brand{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}.gaming-page.gaming-normal .gd-hamburger, .gaming-page.gaming-normal .gd-subscribe, .gaming-page.gaming-normal .gd-share, .gaming-page.gaming-normal .gd-icon-btn, .gaming-page.gaming-normal .gaming-header-record, .gaming-page.gaming-normal .gaming-go-live, .gaming-page.gaming-normal .gaming-owner-menu-toggle{display:grid!important;place-items:center;width:34px;height:34px;padding:0!important;color:#fff!important;font-size:16px;box-shadow:none!important;transition:transform .18s ease,color .18s ease}.gaming-page.gaming-normal .gd-hamburger[hidden], .gaming-page.gaming-normal .gd-subscribe[hidden], .gaming-page.gaming-normal .gd-share[hidden], .gaming-page.gaming-normal .gd-icon-btn[hidden], .gaming-page.gaming-normal .gaming-header-record[hidden], .gaming-page.gaming-normal .gaming-go-live[hidden], .gaming-page.gaming-normal .gaming-owner-menu-toggle[hidden]{display:none!important}.gd-hamburger svg,.gd-subscribe svg,.gd-share svg,.gd-icon-btn svg, .gaming-header-record svg,.gaming-go-live svg,.gaming-owner-menu-toggle svg{width:20px;height:20px}.gaming-page.gaming-normal .gd-hamburger:hover, .gaming-page.gaming-normal .gd-subscribe:hover, .gaming-page.gaming-normal .gd-share:hover, .gaming-page.gaming-normal .gd-icon-btn:hover, .gaming-page.gaming-normal .gaming-header-record:hover, .gaming-page.gaming-normal .gaming-go-live:hover, .gaming-page.gaming-normal .gaming-owner-menu-toggle:hover{color:#32FF6A!important;transform:translateY(-2px) scale(1.08)}/* Curtir subiu pro cabeçalho — precisa de largura livre pro número do lado, os outros ícones soltos (34px) não têm texto junto. */ .gaming-page.gaming-normal #gaming-reaction-desktop{width:auto!important;padding:0 8px!important;gap:4px}/* Tela cheia mora dentro da tela do vídeo (canto superior direito), não no cabeçalho da sala — é um controle do player, não da sala. */ .gaming-page.gaming-normal #gaming-stream .gaming-stage-fullscreen{position:absolute!important;top:10px;right:10px;z-index:6;width:22px!important;height:22px!important;padding:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85))}.gaming-page.gaming-normal #gaming-stream .gaming-stage-fullscreen [data-morph-icone]{width:16px;height:16px}.gaming-page.gaming-normal #gaming-stream .gaming-stage-fullscreen:hover{color:#32FF6A!important}/* Título do vídeo tocando agora — canto oposto ao de tela cheia, longe dos controles nativos do