/* Physics Civilizations Core 3.16.2 — realm header duplicate/full-bleed fix */

/* The realm artwork belongs inside the hero, not as a separate full-width banner. */
.pciv-shell.pciv-realm-v215{
  overflow:hidden!important;
}

.pciv-realm-v215 > .pciv-back{
  position:relative!important;
  z-index:3!important;
  margin:0 0 14px!important;
}

.pciv-realm-v215 > .pciv-realm-hero-v214{
  margin:0!important;
  min-height:270px!important;
  isolation:isolate!important;
}

.pciv-realm-v215 > .pciv-realm-hero-v214.has-realm-art{
  background-image:
    linear-gradient(90deg,rgba(3,17,28,.96) 0%,rgba(3,17,28,.88) 43%,rgba(3,17,28,.46) 72%,rgba(3,17,28,.24) 100%),
    linear-gradient(180deg,rgba(2,12,22,.08),rgba(2,12,22,.56)),
    var(--realm-hero-bg)!important;
  background-size:auto,auto,cover!important;
  background-position:center,center,center center!important;
  background-repeat:no-repeat!important;
}

.pciv-realm-v215 > .pciv-realm-hero-v214.has-realm-art::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 22%,color-mix(in srgb,var(--realm-accent) 18%,transparent),transparent 25%),
    linear-gradient(180deg,transparent 55%,rgba(2,12,22,.34));
}

.pciv-realm-v215 .pciv-realm-identity-v214,
.pciv-realm-v215 .pciv-realm-next-v214{
  position:relative!important;
  z-index:2!important;
}

.pciv-realm-v215 .pciv-realm-next-v214{
  background:linear-gradient(145deg,rgba(3,20,32,.78),rgba(4,29,42,.70))!important;
  backdrop-filter:blur(4px)!important;
  border-color:rgba(255,255,255,.13)!important;
}

/* Defensive cleanup for old cached markup: never allow a banner to escape the realm shell. */
.pciv-realm-v215 > .pciv-realm-banner{
  display:none!important;
  position:static!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

@media (max-width:900px){
  .pciv-realm-v215 > .pciv-realm-hero-v214.has-realm-art{
    background-image:
      linear-gradient(180deg,rgba(3,17,28,.76),rgba(3,17,28,.94) 68%),
      var(--realm-hero-bg)!important;
    background-size:auto,cover!important;
    background-position:center,68% center!important;
  }
}