/* enhance: cigarette (owned by its section agent)
   Pixel-art smoke/ember/ash canvas, layered over the burn-stage pngs.
   Scoped under #cig, never blocks nav (pointer-events:none), never
   restyles the sacred cigarette itself. */

#cig .cig-smoke{
  position:absolute;
  left:0; right:0;
  top:-30px;              /* matches HEAD in cigarette.js: room for smoke to rise */
  bottom:0;
  pointer-events:none;    /* never intercepts nav / CONTACT clicks */
  image-rendering:pixelated;
  image-rendering:crisp-edges;
  z-index:2;              /* above the burn-stage imgs, below nothing clickable */
  opacity:1;
  transition:opacity 1.2s ease;
  will-change:opacity;
}

/* fade the whole layer once the cigarette is out */
#cig .cig-smoke.out{ opacity:0; }