/* ==========================================================================
   BanterGaming — LightPillar background (React Bits, adapted to vanilla JS)
   Link this on every page: <link rel="stylesheet" href="css/light-pillar.css">
   (use "../css/light-pillar.css" from pages one folder deep, like /rules/)

   The pillar sits fixed behind all page content. It requires no markup —
   js/light-pillar.js creates its own container and appends it to <body>.
   ========================================================================== */

.light-pillar-container {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  pointer-events: none;
  mix-blend-mode: screen;
}

.light-pillar-fallback {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .light-pillar-container {
    display: none;
  }
}
