/* ═══════════════════════════════════════════════════
   extras.css v6 — unified scene styles
   Two canvases: hero rings + fixed scroll grid.
   All others removed (scene-managed or eliminated).
   ═══════════════════════════════════════════════════ */

/* Hero rings canvas — overlaid on hero-right */
#rings-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  opacity: 0.72;
}

/* Global scroll-reactive grid (fixed, behind everything) */
#grid-warp-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  opacity: 0; /* fades in on first scroll */
}

/* Mobile: disable heavy canvases */
@media (pointer: coarse) {
  #rings-canvas,
  #grid-warp-canvas { display: none; }
}