/* Capa donde el canvas dibuja los efectos animados (electricidad,
   lluvia, estrellas fugaces, truenos). El motor real esta en
   /public/js/fx-engine.js usando requestAnimationFrame. */
.effect-layer{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  overflow:hidden;
}
.effect-layer .fx-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  display:block;
}

@media(prefers-reduced-motion:reduce){
  .effect-layer .fx-canvas{display:none!important}
}