/* ONLYDROP v127 — foreground particles exist directly under <body>,
   outside the viewport/content stacking context, so even GPU-composited
   preview videos are beneath them. Navigation controls stay above. */
html body > canvas.particle-canvas-front {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  z-index: 8200 !important;
  display: block !important;
  opacity: .72 !important;
  pointer-events: none !important;
  user-select: none !important;
  mix-blend-mode: screen !important;
  filter: none !important;
  transform: none !important;
}
html body #views #home .index-screen > canvas#particleCanvas {
  pointer-events: none !important;
}
@media (prefers-reduced-motion: reduce) {
  html body > canvas.particle-canvas-front { opacity: .32 !important; }
}