/* Soulstice — the fixed galaxy + CRT canvas.
   backdrop.js inserts <canvas id="backdrop"> once at boot; this file only
   places it. All drawing, pausing and the Full / Light / reduce-effects
   reactions live in backdrop.js, keyed off data-view / data-motion on <html>. */

#backdrop {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;               /* behind the page; body is transparent in Full */
  pointer-events: none;
  display: block;
  background: var(--void);   /* opaque floor if the canvas never paints */
}

/* Light view: no backdrop at all (backdrop.js also stops its rAF loop). */
:root[data-view="light"] #backdrop {
  display: none;
}

@media print {
  #backdrop { display: none !important; }
}
