/* =========================================================
 * Audit backdrop canvas positioning.
 *
 * Canvas sits behind all body content, fills the viewport on
 * scroll-lock, and never intercepts pointer events — mouse/click
 * events are captured at the window level inside the JS module so
 * page interactions remain normal. The effect respects
 * prefers-reduced-motion at the JS layer (one static frame, no
 * animation) so no @media rule is needed here.
 * ========================================================= */

canvas.qc-backdrop {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  display: block;
}