/* Approved Mission Control team-logo treatment.
   This file is intentionally narrow: it prevents darker custom team marks
   from being hidden by hero blend modes or lower-specificity responsive rules. */
html body.mission-control-active .mcShellV3 button.mcHeroTeamMark::after {
  content: none !important;
  display: none !important;
}

html body.mission-control-active .mcShellV3 button.mcHeroTeamMark > span {
  display: none !important;
}

html body.mission-control-active .mcShellV3 button.mcHeroTeamMark {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 20 !important;
  width: 132px !important;
  height: 132px !important;
  right: 22px !important;
  top: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  place-items: center !important;
  overflow: visible !important;
  background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--mc) 11%, transparent), transparent 68%) !important;
  box-shadow: none !important;
}

html body.mission-control-active .mcShellV3 button.mcHeroTeamMark::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 21% !important;
  border-radius: 50% !important;
  background: color-mix(in srgb, var(--mc) 15%, transparent) !important;
  filter: blur(18px) !important;
  opacity: .7 !important;
  pointer-events: none !important;
}

html body.mission-control-active .mcShellV3 button.mcHeroTeamMark img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  mix-blend-mode: normal !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  filter: drop-shadow(0 13px 22px rgba(0,0,0,.62)) drop-shadow(0 0 10px color-mix(in srgb,var(--mc) 16%,transparent)) !important;
}

@media (max-width: 700px) {
  html body.mission-control-active .mcShellV3 button.mcHeroTeamMark {
    width: 112px !important;
    height: 112px !important;
    right: 10px !important;
    top: 10px !important;
  }

  html body.mission-control-active .mcShellV3 .mcHero h1 {
    max-width: 222px !important;
  }

  html body.mission-control-active .mcShellV3 .mcHeroContent > p {
    max-width: 232px !important;
  }
}