/* ========================================================================
   BOMBARERA V99 — GLOBAL HEADER PARITY + MODE BLOCK RHYTHM
   Reference: the Skins route global header.
   - one edge-to-edge global header geometry across the product shell
   - deliberate small gap between Story/Survival subheader and cinematic hero
   - Story hero no longer reserves/uses the redundant five-region bottom rail
   ======================================================================== */

:root{
  --bm99-header-x:clamp(18px,1.45vw,28px);
  --bm99-mode-gap:12px;
  --bm99-mode-x:16px;
}

/* The Skins header is now the global product-shell reference.
   Keep gameplay HUD untouched: the gameplay screen has its own composition. */
@media (min-width:761px){
  body.ui-v45:not(:has(#screenGame:not(.hidden))) > .header{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
    padding-left:var(--bm99-header-x)!important;
    padding-right:var(--bm99-header-x)!important;
    border-radius:0!important;
    justify-content:space-between!important;
  }

  body.ui-v45:not(:has(#screenGame:not(.hidden))) > .header > .header__brand{
    margin-left:0!important;
    margin-right:auto!important;
    max-width:none!important;
  }

  body.ui-v45:not(:has(#screenGame:not(.hidden))) > .header > .header__right{
    margin-left:auto!important;
    margin-right:0!important;
    max-width:none!important;
  }
}

@media (max-width:760px){
  body.ui-v45:not(:has(#screenGame:not(.hidden))) > .header{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:9px 12px!important;
    border-radius:0!important;
    justify-content:space-between!important;
  }
}

/* Story / Survival: the subbar stays full-width. The requested breathing room
   is a real empty band between that subbar and the cinematic block. */
#screenCampaign,
#screenSurvival{
  --bm99-mode-gap:12px;
  --bm99-mode-x:16px;
}

#screenCampaign > .campaign-header.story-v93__header,
#screenSurvival > .campaign-header.survival-v89__header{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0!important;
}

#screenCampaign > .campaign-content,
#screenSurvival > .survival-content.survival-v89{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-top:var(--bm99-mode-gap)!important;
  padding-right:var(--bm99-mode-x)!important;
  padding-bottom:10px!important;
  padding-left:var(--bm99-mode-x)!important;
}

#screenCampaign .story-v93,
#screenSurvival .survival-v89__shell{
  width:min(1600px,100%)!important;
  max-width:1600px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* The lower five-world selector duplicated the "Выбрать миссию" action.
   The JS no longer renders it; these guards also prevent stale cached markup
   from flashing during an update. */
#screenCampaign .story-v93__regions{
  display:none!important;
}

#screenCampaign .story-v93__hero{
  grid-template-rows:minmax(0,1fr)!important;
}

/* Keep V95's clean seam: spacing replaces the removed decorative stripe. */
#screenCampaign .story-v93__hero::after,
#screenSurvival .survival-v89__hero::after{
  display:none!important;
  content:none!important;
}

@media (min-width:901px) and (max-height:760px){
  #screenCampaign,
  #screenSurvival{
    --bm99-mode-gap:9px;
    --bm99-mode-x:12px;
  }
}

@media (max-width:900px){
  #screenCampaign,
  #screenSurvival{
    --bm99-mode-gap:9px;
    --bm99-mode-x:10px;
  }
}

@media (max-width:520px){
  #screenCampaign,
  #screenSurvival{
    --bm99-mode-gap:8px;
    --bm99-mode-x:8px;
  }
}