/* * A COSTURA — esconde a navegação antiga. Ver o porquê no cabeçalho de * `integrar.js`. * * 🚨 QUARENTENA (2026-09-10): a seção 2 original ("A GAVETA", estilos de * `.bat-gaveta*`) foi retirada — a gaveta não existe mais no fluxo ativo * (ver `integrar.js` e `_quarentena/REGISTRO.md`). Original completo em * `_quarentena/integrar.css.original-2026-09-10.css`. */ /* ═══════════════════════════════════════════════════════════════════ * 1. AS DUAS COLUNAS ANTIGAS SAEM * * 🚨 `display:none` e não `opacity:0`: com a caixa ainda ocupando espaço, o * `medir()` do kit continuaria descontando a largura da `.sidenav` do palco * 16:9 (ele mede `.sidenav`/`.bottomnav` para o quadro não nascer debaixo do * menu) e sobraria uma faixa morta de 78px na direita. Escondidas de verdade, * o palco volta a usar a tela inteira — que é o enquadramento da referência. * * `click()` funciona em elemento com `display:none`, então os shims novos * continuam abrindo cada tela pelo botão original. * ═══════════════════════════════════════════════════════════════════ */ html[data-bat-nova] .sidenav, html[data-bat-nova] .bottomnav, html[data-bat-nova] .scene-atalhos, /* o puxador que recolhia a coluna de atalhos não tem mais coluna para recolher */ html[data-bat-nova] .recolher { display: none !important; } /* ═══════════════════════════════════════════════════════════════════ * 2. A DOCA DE RENASCER — o último resto da UI antiga na tela (27/08) * * MEDIDO em 1600×900: a `.rebirth` pintava um retângulo de 504×49 em * x 1016–1520 · y 158–207, logo abaixo da placa de capítulo (§1.7, y 101–143). * São 15px de folga em 1600 e SEIS em 844×390 — as duas peças liam como um * bloco só, e o corte do Lucas ("encostada na placa") é isso. * * ── POR QUE NÃO VAI PARA A GAVETA ── * Foi a primeira ideia, e está errada. A gaveta guarda TELA (Pets, Forja, * Correio…) e é montada a partir dos itens das colunas antigas — a `.rebirth` * não é tela, é um aviso que só nasce com `data-ready="true"`, isto é, no exato * momento em que o capítulo fecha. Enterrar num menu o único sinal de que o * renascimento ABRIU seria trocar um resto de layout por uma perda de jogo: * num idle, renascer É a progressão. E pô-la lá exigiria inventar um item de * menu, coisa que a gaveta se proíbe (ela copia o ícone do original). * * ── O QUE FOI FEITO: COMPACTAR + DAR RESPIRO (fica 333×43 em x 1187–1520) ── * 1. `Capítulo concluído` SAI. O mesmo fato já é dito três vezes no mesmo * canto: a placa logo acima mostra `100/100`, o título repete e o botão diz * `RENASCER`. Fica só a linha com dado novo — `Renascer abre até a fase N`. * 2. A caixa passa a MEDIR o conteúdo (`width:auto`, teto de 30% do palco, o * mesmo da placa) em vez dos 31,5% cravados: 504px → 333. É daí que vem a * compactação; a altura (49 → 43) é presa ao botão, que não encolhe. * 3. Desce de 17,5% para 18,7% do palco. A placa fecha em 15,92%, então o * respiro sai de 1,7pp para 2,8pp — 25px em 1600×900 e 11px em 844×390, * onde antes eram 6. Fecha em 23,4%, bem acima do campo, que começa em 33%. * 4. Âncora à DIREITA na mesma conta da placa (95% do palco, e não do * viewport): as três peças empilhadas no canto — menu §1.5, placa §1.7 e * esta — fecham na mesma coluna nas três resoluções (1520 em 1600×900, * 733 em 844×390). * * 🚨 O BOTÃO NÃO ENCOLHE. `min-width/min-height` vêm de `faixa-superior.css` * ancorados na unidade; espremer o alvo de toque para caber mais folga seria * pagar a compactação com o dedo do jogador. * * 🚨 A ESPECIFICIDADE É DE PROPÓSITO. `[data-bat-nova]` entra só para esta * folha vencer `faixa-superior.css` sem depender da ordem em que os dois * `` caem no ``. É a costura corrigindo o conjunto — que é o * papel deste arquivo —, não um shim invadindo o outro. * ═══════════════════════════════════════════════════════════════════ */ html[data-bat-nova][data-bt-faixa='1'] .rebirth[data-ready='true'] { left: auto; /* `100%` e não `100vw`: em elemento fixo o percentual já desconta a barra de rolagem. Mesma conta da placa de capítulo, de propósito. */ right: calc(100% - var(--hud16-px, 0px) - var(--hud16-pw, 100vw) * 0.95); top: calc(var(--hud16-py, 0px) + var(--hud16-ph, 100dvh) * 0.187); width: auto; max-width: calc(var(--hud16-pw, 100vw) * 0.3); gap: calc(10px * var(--bt-un, 1)); } html[data-bat-nova][data-bt-faixa='1'] .rebirth[data-ready='true'] .rebirth__title { display: none; } /* 🚨 `flex: 1` do bundle esticava o bloco de texto para preencher a folga — decisão certa numa tarja de largura fixa, veneno numa caixa que agora mede o conteúdo (CONTRATO.md §9-quater). Aqui ele mede. */ html[data-bat-nova][data-bt-faixa='1'] .rebirth[data-ready='true'] .rebirth__texts { flex: 0 1 auto; } /* Em celular deitado `faixa-superior.css` já esconde a segunda linha; sem o título, o bloco fica vazio e só restaria o `gap`. Some inteiro: sobra o botão, que é a ação. */ @media (max-height: 520px) { html[data-bat-nova][data-bt-faixa='1'] .rebirth[data-ready='true'] .rebirth__texts { display: none; } }