/* ========================================================================
   BOMBARERA V95 — STORY + SURVIVAL / CLEAN HERO SEAM
   Removes the decorative full-width stripe between the mode header and hero.
   The header and cinematic scene now read as two clean surfaces, not a strip
   stacked on top of a card.
   ======================================================================== */

/* Section bars: finish cleanly without an extra divider line. */
#screenSurvival .campaign-header.survival-v89__header,
#screenCampaign .campaign-header.story-v93__header{
  border-bottom-color:transparent!important;
  margin-bottom:7px!important;
}

/* The former 4px rainbow/rarity-like stripe looked like a detached UI layer. */
#screenSurvival .survival-v89__hero::after,
#screenCampaign .story-v93__hero::after{
  display:none!important;
  content:none!important;
}

/* Keep depth through a restrained edge/highlight instead of a separate strip. */
#screenSurvival .survival-v89__hero{
  border-color:rgba(255,112,151,.18)!important;
  box-shadow:
    0 24px 58px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 0 1px rgba(100,220,255,.025)!important;
}
#screenCampaign .story-v93__hero{
  border-color:rgba(112,207,255,.18)!important;
  box-shadow:
    0 24px 58px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 0 1px rgba(157,112,255,.025)!important;
}

/* On compact-height screens the seam remains deliberate, not squeezed. */
@media (min-width:901px) and (max-height:760px){
  #screenSurvival .campaign-header.survival-v89__header,
  #screenCampaign .campaign-header.story-v93__header{
    margin-bottom:6px!important;
  }
}

@media (max-width:900px){
  #screenSurvival .campaign-header.survival-v89__header,
  #screenCampaign .campaign-header.story-v93__header{
    margin-bottom:6px!important;
  }
}