/* Jewel butterflies over the home stage (butterfly_flight.mjs, docs/butterfly_flight.md).
   Decorative only: the layer never takes a pointer, is never read aloud and is clipped to its host. */
.bf-anchor{position:relative}
.bf-layer{position:absolute;inset:0;z-index:var(--bf-z,3);pointer-events:none;overflow:hidden;border-radius:inherit;contain:layout paint}
.bf-layer *{pointer-events:none}
.bf-canvas{display:block;width:100%;height:100%;outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}

/* The still butterfly: reduced motion, paused before the 3D was ever drawn, data saver, WebGL failure or a lost context.
   It perches in the top corner, away from the stage's text and controls. */
.bf-still{position:absolute;top:var(--bf-still-top,7%);right:var(--bf-still-right,5%);width:var(--bf-still-size,68px);max-width:22%;height:auto;
  transform:rotate(var(--bf-still-tilt,-14deg));filter:drop-shadow(0 4px 6px rgb(40 24 80 / .28));user-select:none;-webkit-user-drag:none}
@media (max-width:640px){.bf-layer{--bf-still-size:52px}}

@media print{.bf-layer{display:none}}
@media (forced-colors:active){.bf-layer{display:none}}