/* GreenBox Global Theme V2 - Central Effect Runtime
   One shared effect engine. Applications retain layout/content ownership. */

:root {
  --gb-matrix-rain-color: #00ff41;
  --gb-matrix-rain-strength: .20;
  --gb-matrix-rain-brightness: 1.8;
  --gb-matrix-glow-strength: 1.0;
  --gb-matrix-overscan: 15vh;
  --gb-effect-z-index: 0;
}

#greenbox-theme-effect-layer {
  position: fixed;
  left: 0;
  right: 0;
  top: calc(-1 * var(--gb-matrix-overscan, 15vh));
  bottom: calc(-1 * var(--gb-matrix-overscan, 15vh));
  z-index: var(--gb-effect-z-index, 0);
  pointer-events: none;
  overflow: hidden;
  contain: strict;
}

#greenbox-matrix-canvas {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: screen;
}

/*
  The effect layer must sit ABOVE the environmental/page background and
  BELOW application content/cards. App adapters own that final stacking.
*/