/* ═══════════════════════════════════════════════════════════════
   DIRECTOR DE ESCENA — el destello de la onda radial que crea
   scene-director.js. Lo que cada página atenúa o pausa ante las clases
   de escena (scene-dim, scene-reveal…) vive con lo que atenúa.
   ═══════════════════════════════════════════════════════════════ */
/* Onda radial post-clímax: elemento fijo GPU-compuesto, se dispara con
   la clase scene-wave y se expande desde la ventana del agente. */
.scene-flash {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transform-origin: var(--flash-x, 50%) var(--flash-y, 35%);
  background: radial-gradient(
    circle at var(--flash-x, 50%) var(--flash-y, 35%),
    rgba(0, 255, 200, 0.22),
    rgba(140, 90, 255, 0.08) 30%,
    transparent 60%
  );
}

body.scene-wave .scene-flash {
  animation: scene-wave-flash 760ms cubic-bezier(0.18, 0.8, 0.28, 1) both;
}

@keyframes scene-wave-flash {
  0% {
    opacity: 0;
    transform: scale(0.48);
  }
  12% {
    opacity: 0.72;
  }
  100% {
    opacity: 0;
    transform: scale(1.65);
  }
}