/* leve.css - MODO LEVE (S6, 08/10/2026). So vale com <html data-leve="1"> (a decisao e do leve.js: placa de video fraca, ?leve=1 ou a sessao).
   Maquina boa: este arquivo nao muda NADA (todo seletor comeca por html[data-leve]).
   Troca SO os efeitos que pesam na GPU por equivalentes baratos. Nao esconde conteudo, nao tira cifra nem ponteiro, nao mexe em texto.
   Quais pesavam (A/B na G210 do PC do dono, 1 rodada por variante, 08/10 00h36-00h46; 'sem X' = so aquela classe desligada; o ruido entre rodadas
   iguais e de ~12%, entao so o conjunto sobressai): tudo junto -17% no tempo de rolagem e -31% no tempo de quadros longos; sozinhas, sombras -9%,
   mistura (mix-blend) -7%, fundo animado -5%; desfoque de fundo, mascara, filtro e will-change ~0. Numeros em
   _previa-cinema-v7/testes/resultados/s6-leve-1008/antes-resumo.txt. Por isso o leve cobre sombras, mistura, fundo animado e mascara de JS, e troca o
   desfoque de fundo (barato de trocar, caro em placa antiga). O ganho do leve em si ainda NAO foi medido na GPU real (s6_lote_gpu.mjs). */

/* 1) desfoque de fundo -> fundo quase solido (todos ja eram escuros e semitransparentes; o texto continua legivel) */
html[data-leve] *,html[data-leve] *::before,html[data-leve] *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-leve] .cin-selo-img,html[data-leve] .cin-pl{background:rgba(14,13,12,.8)!important}
html[data-leve] .ref-topo{background:#0E0D0C!important}
html[data-leve] .sala-final{background:radial-gradient(60% 55% at 50% 44%,rgba(201,165,94,.11),transparent 72%),rgba(8,7,6,.97)!important}

/* 2) mascara que a pagina atualiza sozinha (JS escreve no estilo) -> sem mascara; as estaticas ficam (sao rasterizadas uma vez) */
html[data-leve] [style*="mask-image"]{-webkit-mask-image:none!important;mask-image:none!important}

/* 3) sombras que pesam: brilho de texto em pecas que se mexem (chuva de bits, explosao de codigo) vira cor viva sem brilho;
      a linha que varre a secao de seguranca anda por transform (compositor) em vez de top (layout a cada quadro) */
html[data-leve] .tr-bits u.b,html[data-leve] .n2-d,html[data-leve] .n2-d.c,html[data-leve] .n2-d.p{text-shadow:none!important}
@keyframes scanLeve{0%{transform:translateY(-60px)}100%{transform:translateY(100svh)}}
html[data-leve] #seguranca .sd-scan{top:0!important;animation-name:scanLeve!important}

/* 4) mistura de camadas (mix-blend) -> sobreposicao comum; o tom fica perto e a camada deixa de ser isolada e remisturada a cada quadro */
html[data-leve] #diagnostico .en-tint{mix-blend-mode:normal!important;opacity:.5!important}

/* 5) fundo animado (ondas de luz): continua se mexendo, mas em passos (~9 por segundo) em vez de 60: a camada grande so e recomposta quando muda */
html[data-leve] .bg-vivo i{animation-timing-function:steps(20,end)!important}            /* ciclo de 2,2 s: ~9 passos por segundo */
html[data-leve] .bg-vivo i+i{animation-timing-function:steps(28,end)!important}           /* ciclo de 3,1 s */
html[data-leve] .cr-fundo i{animation-timing-function:steps(66,end)!important}            /* ciclo de 22 s, deslocamento pequeno: ~3 passos por segundo, sem salto visivel */