/* Aurora Silk background (assets/js/aurora-bg.js).
   The shader paints the colour fields, so the old far bokeh layer is retired
   and the remaining bokeh is thinned to a few depth particles. */
.bg-aurora {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

html.aurora-on #bg-canvas-far { display: none; }
html.aurora-on #bg-canvas-mid { display: none; }
html.aurora-on #bg-canvas-near { opacity: .45; }
/* GPU depth-of-field particles replace the last canvas bokeh layer */
html.backdrop-particles #bg-canvas-near { display: none; }

/* mobile / non-film mode: keep the aurora behind normal page flow */
html.aurora-on .film-strip-viewport { background: transparent; }
html.aurora-on .film-strip-main { background-color: transparent; }
html.aurora-on body { background-color: #1F1650; }