/* Candidate 32 — preserve C31 desktop; use approved Flova rings on every <=1050px Bounty node. */

.unified-desktop-flova-mobile-rings-preview-candidate .bounty-track-stage{
  position:relative;
  isolation:isolate;
}

@media(max-width:1050px){
  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-track li{
    position:relative;
    isolation:isolate;
  }

  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-flova-ring{
    position:absolute;
    z-index:2;
    display:block;
    overflow:visible;
    opacity:0;
    pointer-events:none;
    transition:opacity .1s linear;
  }

  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-flova-ring-video,
  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-flova-ring-poster{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    pointer-events:none;
  }

  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-flova-ring-video{
    z-index:2;
    opacity:0;
    mix-blend-mode:normal;
  }

  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-flova-ring-poster{
    z-index:1;
    opacity:1;
  }

  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-track-stage.is-flova-rings-loading .bounty-flova-ring,
  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-track-stage.is-flova-rings-active .bounty-flova-ring,
  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-track-stage.is-flova-poster-active .bounty-flova-ring{
    opacity:1;
  }

  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-track-stage.is-flova-rings-active .bounty-flova-ring-video{
    opacity:1;
  }

  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-track-stage.is-flova-rings-active .bounty-flova-ring-poster{
    opacity:0;
  }

  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-track-stage.is-flova-screen-fallback .bounty-flova-ring-video{
    mix-blend-mode:screen;
  }

  /* The approved media owns the yellow circle while the live DOM text remains authoritative. */
  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-track-stage.has-flova-rings .bounty-track li>span{
    position:relative;
    z-index:4;
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}

@media(min-width:1051px){
  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-flova-ring{
    display:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-flova-ring{
    transition:none;
  }

  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-flova-ring-video{
    display:none!important;
    opacity:0!important;
  }

  .unified-desktop-flova-mobile-rings-preview-candidate .bounty-flova-ring-poster{
    display:block!important;
    opacity:1!important;
  }
}