/* ============================================================================
   VISION ENGLISH — CAPA AMBIENTAL (glassmorphism vivo)
   ----------------------------------------------------------------------------
   El canvas conserva los puntos ambientales y el pulso suave. La estela que
   perseguía al cursor se retiró; las interacciones de clic viven ahora en una
   capa independiente para no mantener efectos pegados al puntero.
   ========================================================================= */

#visionAmbientCanvas {
  position: fixed;
  inset: 0;
  z-index: 3;                 /* encima del contenido (app-shell = 1) */
  width: 100%;
  height: 100%;
  pointer-events: none;       /* nunca estorba a los clics */
  opacity: 1;
  transition: opacity .7s ease;

  /* En claro los puntos se integran con multiply; en oscuro se suman como luz. */
  mix-blend-mode: multiply;
}

body.dark #visionAmbientCanvas {
  mix-blend-mode: screen;
}

body > .app-shell {
  position: relative;
  z-index: 1;
}

/* Con un juego abierto (modal en z-index 9000) el ambiente queda detrás y se
   atenúa para no distraer si se asoma por los bordes. */
body.jxp-abierto #visionAmbientCanvas {
  opacity: .5;
}

/* En móvil se apaga para reducir consumo; Click Spark tiene su propia capa. */
@media (hover: none), (pointer: coarse), (max-width: 760px) {
  #visionAmbientCanvas { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  #visionAmbientCanvas { display: none; }
}