/* Candidate 29 — Flova-authored blue-white electricity. Review only; no deployment. */

/* The HTML track remains authoritative. The extracted media contributes light only. */
.flova-electric-preview-candidate .bounty-track-stage{
  position:relative;
  isolation:isolate;
}

.flova-electric-preview-candidate .bounty-track-stage .bounty-track{
  width:100%;
  max-width:none;
  margin-inline:0;
}

.flova-electric-preview-candidate .bounty-electric-video{
  display:none;
  position:absolute;
  z-index:3;
  top:56px;
  left:0;
  width:100%;
  height:auto;
  aspect-ratio:1280/100;
  transform:translateY(-48%);
  object-fit:contain;
  object-position:center;
  opacity:0;
  pointer-events:none;
  mix-blend-mode:normal;
  filter:none;
  transition:opacity .1s linear;
}

.flova-electric-preview-candidate .bounty-track-stage.is-electric-video-active .bounty-electric-video{
  opacity:1;
}

/* Only the opaque-black MP4 fallback needs additive blending. */
.flova-electric-preview-candidate .bounty-track-stage.is-electric-screen-fallback .bounty-electric-video{
  mix-blend-mode:screen;
}

/* The five-card horizontal line exists only above the inherited 1050px breakpoint. */
@media(min-width:1051px){
  .flova-electric-preview-candidate .bounty-electric-video{
    display:block;
  }
}

/* Mobile uses the two approved landscape Lore panels in narrative order. */
@media(max-width:900px){
  .flova-electric-preview-candidate .visual-desktop{
    display:block;
  }

  .flova-electric-preview-candidate .visual-desktop .world-panel{
    aspect-ratio:16/10;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  .flova-electric-preview-candidate .visual-desktop .world-panel:last-child{
    border-bottom:0;
  }

  .flova-electric-preview-candidate .hero-media{
    height:clamp(320px,48vh,420px);
    overflow:hidden;
  }

  .flova-electric-preview-candidate .hero-media picture,
  .flova-electric-preview-candidate .hero-media img{
    width:100%;
    height:100%;
  }

  .flova-electric-preview-candidate .hero-media img{
    object-fit:cover;
    object-position:58% center;
  }
}

@media(max-width:640px){
  .flova-electric-preview-candidate .visual-desktop .world-panel figcaption{
    left:20px;
    bottom:24px;
  }

  .flova-electric-preview-candidate .visual-desktop .world-panel figcaption strong{
    font-size:2rem;
  }
}

@media(max-width:1050px), (prefers-reduced-motion:reduce){
  .flova-electric-preview-candidate .bounty-electric-video{
    display:none!important;
    opacity:0!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .flova-electric-preview-candidate .bounty-electric-video{
    transition:none;
  }
}