/* assets/css/webgl.css — single fixed clay-particle canvas layer (no hero/nav raise, no images) */

#webgl-canvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: var(--canvas-index);
  pointer-events: none;
  display: block;
}

/* content sits above the page canvas */
/* content sits above the page canvas (nav is position:fixed in components.css — do not override) */
main, footer { position: relative; z-index: 1; }

/* no-WebGL fallback: static warm clay glow over the dark veil (no external images — R8).
   Content stays fully visible (progressive enhancement). */
html.no-webgl #webgl-canvas {
  background:
    radial-gradient(120% 90% at 50% 30%, rgba(224, 135, 102, 0.10), transparent 60%),
    var(--bg);
}

/* tier-2 marker (no visual change; QA hook) */
html.tier2 #webgl-canvas { filter: saturate(0.92); }