/* bbc-fx.css — shared styling for bbc-entry.js + bbc-circuit.js */

/* Slug / scroll-cue inverts to a black block while the beam is inside it */
.section-label, #hero .scroll-cue {
  display: inline-block;
  padding: .12em .34em;
  border-radius: .06em;
  transition: opacity .3s ease, background .3s ease, color .3s ease;
}
.section-label.lit, #hero .scroll-cue.lit {
  opacity: 1; background: #111; color: #fff;
  box-shadow: 0 0 30px 6px rgba(17,17,17,.35);
}

/* scroll cue base + reveal (shown by the entry intro) */
#hero .scroll-cue { opacity: 0; font-size: 12px; letter-spacing: .3em; text-transform: uppercase; }
#hero .scroll-cue.bbc-cue-show { opacity: .55; }

/* subtle scanlines behind content */
body::after {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: repeating-linear-gradient(0deg, rgba(17,17,17,.02) 0 1px, transparent 1px 3px);
}

/* content must sit above the canvas (#bbc-fx is z-index:5; keep sections transparent) */
section, header, footer { background: transparent; }