/* ═══════════════════════════════════════
   CANVAS BACKGROUND
   ═══════════════════════════════════════ */

#smokeCanvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-canvas);
  pointer-events: none;
}

/* Particle burst effects */
.particle {
  position: fixed;
  border-radius: 50%;
  background: var(--accent);
  pointer-events: none;
  opacity: 0;
  z-index: var(--z-particles);
}

/* Particle container for better performance */
#particle-container {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9998;
  overflow: hidden;
  contain: strict;
}