/* ============================================================
   ASTRON — TIER FRACO (.performance-low)

   O js/perfil.js põe esta classe no body quando a máquina não
   aguenta filtros compostos sobre canvas animado. Cada
   backdrop-filter aqui era recalculado TODO QUADRO, porque o
   WebGL atrás dele muda todo quadro. A tradução visual é a
   mesma linguagem — vidro escuro — só que paga uma vez.
   ============================================================ */

/* Menu: o vidro fosco vira a mesma lâmina do fallback que o
   nav.css já usa quando o navegador não tem backdrop-filter. */
.performance-low .nav {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: var(--glass-solid, rgba(17, 17, 17, 0.92)) !important;
  will-change: auto !important;
}

/* Tooltip dos pilares: mesmo tratamento, versão clara. */
.performance-low .pilar-tooltip {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(248, 247, 242, 0.96) !important;
}

/* O blur em bloco do canvas frontal força o compositor a manter
   uma superfície intermediária da página inteira. O canvas já
   nasce em meia resolução no tier fraco — o LinearFilter do
   upscale entrega a suavidade que o blur entregava. */
.performance-low #campo-frente {
  filter: none !important;
}

/* will-change com filter mantém camadas promovidas para sempre.
   No tier fraco os filtros animados saem de cena; a promoção
   permanente vira só custo de memória. */
.performance-low .painel-pilar,
.performance-low .painel-pilar .pp-topic {
  will-change: auto !important;
}
