/* ==========================================================
   VIRELION_OS — PHOTONIC CUBIC DRIFT
   Main six-chamber particle environment only
========================================================== */


/*
 * Retire the older generic rain presentation on the
 * MAIN site. The canvas may remain in the DOM for compatibility,
 * but Photonic Cubic Drift becomes the primary atmosphere.
 */

.rain-canvas {
  opacity: 0 !important;
  visibility: hidden !important;
}


/* ==========================================================
   PHOTON CANVAS
========================================================== */

#mainPhotonCanvas {

  position: fixed;

  inset: 0;

  z-index: 18;

  width: 100vw;
  height: 100svh;

  pointer-events: none;

  user-select: none;

  -webkit-user-select: none;

  opacity: .82;

  mix-blend-mode: screen;

  transform:
    translateZ(0);

  backface-visibility:
    hidden;

  will-change:
    opacity;

}


/*
 * Keep the layer below every real interaction system.
 *
 * Current section hotspots/dialog triggers sit much higher
 * in the stack, so this cannot intercept or cover controls.
 */

.vos-page {

  isolation: isolate;

}


/* ==========================================================
   PAGE-SPECIFIC ATMOSPHERE
========================================================== */

body[data-vos-page="1"]
#mainPhotonCanvas {

  opacity: .80;

}


body[data-vos-page="2"]
#mainPhotonCanvas {

  opacity: .84;

}


body[data-vos-page="3"]
#mainPhotonCanvas {

  opacity: .76;

}


body[data-vos-page="4"]
#mainPhotonCanvas {

  opacity: .78;

}


body[data-vos-page="5"]
#mainPhotonCanvas {

  opacity: .74;

}


body[data-vos-page="6"]
#mainPhotonCanvas {

  opacity: .82;

}


/* ==========================================================
   ACCESSIBILITY / REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {

  #mainPhotonCanvas {

    opacity: .42;

  }

}


/* Slightly quieter on compact screens */

@media (max-width: 700px) {

  #mainPhotonCanvas {

    opacity: .68;

  }

}