/**
 * Ambient stack: white fill is behind the WebGL layer only (no sibling overlay with the same z-index).
 * Content sits in `.PageContainer` (z-index: 2, transparent) so particles show through the page.
 */
#superspec-ambient-stack {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  contain: strict;
}

.superspec-ambient-white {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #ffffff;
}

#background-canvas {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

#background-canvas canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* Legacy class names — no longer injected; kept empty-safe if old HTML cached. */
.holographic-bg,
.gold-foil {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}