/* =====================================================================
   MALHAR 2026 — light-rays.css
   Container for the LightRays god-ray overlay (ReactBits <LightRays />,
   ported to raw WebGL in light-rays.js — no `ogl` dependency). Sits over the
   emblem canvas and screen-blends warm gold rays streaming from the top.
   ===================================================================== */
.light-rays {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 3;                 /* above #gl (emblem), below the vignette */
  mix-blend-mode: screen;     /* pure additive glow — only lightens */
  opacity: 0.85;
}
.light-rays canvas { display: block; width: 100%; height: 100%; }

@media (prefers-reduced-motion: reduce) {
  .light-rays { opacity: 0.5; }
}