/* ============================================================ MODO LEVE (TTS / Chrome 74 / CEF) — css/lite.css Ativado pela classe .tk-lite no (ver detector inline no ). Objetivo: matar tudo que mantém a GPU/CPU ocupadas continuamente, que é o que trava o CEF do Tabletop Simulator (lag até pra digitar). Carregue este CSS POR ÚLTIMO em cada página, pra vencer no cascade. ============================================================ */ /* 1. Zera TODA animação e transição — o maior ganho. Animações infinitas (glow, breathe, fog-drift, shimmer, pulse) forçam o compositor a redesenhar sem parar. No modo leve, nada anima. */ html.tk-lite *, html.tk-lite *::before, html.tk-lite *::after { animation: none !important; transition: none !important; } /* 2. backdrop-filter é o efeito mais caro no CEF. Remove todos. */ html.tk-lite * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } /* 3. filter (blur / drop-shadow) recompõe a cada frame quando animado. No modo leve, remove filtros pesados. (Mantém o layout intacto.) */ html.tk-lite .header-logo, html.tk-lite .topbar-brand-img, html.tk-lite .login-logo, html.tk-lite .login-brand, html.tk-lite .header h1::after { filter: none !important; } /* 4. Camadas puramente decorativas de fundo: escondê-las tira trabalho de composição sem afetar a usabilidade. */ html.tk-lite .ambient-fog, html.tk-lite .ambient-fog--a, html.tk-lite .ambient-fog--b, html.tk-lite .login-ghost, html.tk-lite .danger-vignette { display: none !important; } /* 5. will-change força camadas de GPU permanentes; remove no modo leve. */ html.tk-lite * { will-change: auto !important; } /* 6. Sombras grandes (box-shadow com blur alto) também custam. Não zeramos todas (algumas dão contraste), mas removemos os glows animados que sobraram como estado estático. */ html.tk-lite .login-box::after, html.tk-lite .perfil-hero-badges, html.tk-lite .fund-wheel-halo { box-shadow: none !important; opacity: 1 !important; } /* Um respiro visual: no modo leve, deixamos claro que está ativo (discreto, canto inferior). Ajuda o Lucca a confirmar em jogo. */ html.tk-lite body::after { content: "modo leve"; position: fixed; right: 6px; bottom: 4px; font-family: monospace; font-size: 9px; letter-spacing: .05em; color: rgba(212, 181, 118, .35); pointer-events: none; z-index: 99999; }