/* Madboys Version 19 — refreshed character art, portrait card system and mission icon flame. */

:root {
  --v19-gold: #ffc340;
  --v19-red: #f0443b;
  --v19-blue: #5b75ff;
}

body.madboys-site.site-final.site-production section.home .hero-slogan .slogan-gold {
  color: var(--v19-gold) !important;
  text-shadow: 0 0 10px rgba(255, 187, 40, .42), 0 2px 3px rgba(0, 0, 0, .95) !important;
}

body.madboys-site.site-final.site-production section.home .hero-slogan .slogan-red {
  color: var(--v19-red) !important;
  text-shadow: 0 0 10px rgba(240, 68, 59, .35), 0 2px 3px rgba(0, 0, 0, .95) !important;
}

body.madboys-site.site-final.site-production section.missions .ribbon .hl-blue {
  color: var(--v19-blue) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .8), 0 0 13px rgba(91, 117, 255, .4) !important;
}

body.madboys-site.site-final.site-production section.missions .canvas {
  isolation: isolate;
}

body.madboys-site.site-final.site-production section.missions .madboys-icon-flame {
  z-index: 2;
}

body.madboys-site.site-final.site-production section.missions .mission-content {
  z-index: 5 !important;
}

body.madboys-site.site-final.site-production section.builds .build-hero-zone {
  overflow: visible !important;
}

body.madboys-site.site-final.site-production section.builds .build-hero {
  top: auto !important;
  bottom: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  z-index: 4 !important;
}

body.madboys-site.site-final.site-production section.builds .ability-row {
  position: relative !important;
  z-index: 8 !important;
}

body.madboys-site.site-final.site-production section.stories .story-stage {
  overflow: visible !important;
}

body.madboys-site.site-final.site-production section.stories .story-hero {
  top: auto !important;
  bottom: -22px !important;
  height: 112% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  z-index: 1 !important;
}

body.madboys-site.site-final.site-production section.stories .shift {
  position: relative !important;
  z-index: 4 !important;
}

body.madboys-site.site-final.site-production section.blood .blood-heroes-picture {
  display: contents;
}

@media (max-aspect-ratio: 1/1) {
  body.madboys-site.site-final.site-production section.home .hero-slogan {
    white-space: normal !important;
  }

  body.madboys-site.site-final.site-production section.home .home-cards .feature-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: clamp(72px, 10.5dvh, 98px) auto minmax(24px, auto) !important;
    align-content: start !important;
    min-height: clamp(142px, 20dvh, 176px) !important;
    height: auto !important;
    padding: 0 0 8px !important;
    overflow: hidden !important;
    border-left-width: 5px !important;
    text-align: left !important;
  }

  body.madboys-site.site-final.site-production section.home .home-cards .feature-card:nth-child(1) {
    border-left-color: #4f9cff !important;
  }

  body.madboys-site.site-final.site-production section.home .home-cards .feature-card:nth-child(2) {
    border-left-color: #9b6dff !important;
  }

  body.madboys-site.site-final.site-production section.home .home-cards .feature-card:nth-child(3) {
    border-left-color: #f1b84c !important;
  }

  body.madboys-site.site-final.site-production section.home .home-cards .feature-card img {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
  }

  body.madboys-site.site-final.site-production section.home .home-cards .feature-card h3 {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 7px 7px 3px !important;
    font-size: clamp(10px, 2.8vw, 14px) !important;
    line-height: 1.05 !important;
    text-align: left !important;
  }

  body.madboys-site.site-final.site-production section.home .home-cards .feature-card p {
    grid-column: 1 !important;
    grid-row: 3 !important;
    margin: 0 7px !important;
    font-size: clamp(7px, 2vw, 10px) !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }

  body.madboys-site.site-final.site-production section.home .home-cards .feature-card::after {
    top: 7px !important;
    right: 7px !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 15px !important;
  }

  body.madboys-site.site-final.site-production section.council .bonus-cards .feature-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: clamp(58px, 8.5dvh, 82px) auto auto !important;
    min-height: clamp(116px, 17dvh, 150px) !important;
    height: auto !important;
    padding: 0 0 6px !important;
    overflow: hidden !important;
    border-left-width: 4px !important;
  }

  body.madboys-site.site-final.site-production section.council .bonus-cards .feature-card img {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
  }

  body.madboys-site.site-final.site-production section.council .bonus-cards .feature-card h3 {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 5px 5px 2px !important;
    font-size: clamp(8px, 2.25vw, 11px) !important;
  }

  body.madboys-site.site-final.site-production section.council .bonus-cards .feature-card p {
    grid-column: 1 !important;
    grid-row: 3 !important;
    margin: 0 5px !important;
    font-size: clamp(6px, 1.65vw, 8px) !important;
    line-height: 1.12 !important;
  }

  body.madboys-site.site-final.site-production section.council .bonus-cards .feature-card strong {
    font-size: clamp(11px, 3vw, 15px) !important;
  }

  body.madboys-site.site-final.site-production section.stories .story-hero {
    bottom: -28px !important;
    height: 116% !important;
  }

  body.madboys-site.site-final.site-production section.stories .shift {
    transform: translateY(-10px) !important;
    margin-bottom: -10px !important;
  }

  body.madboys-site.site-final.site-production section.blood .blood-heroes {
    object-fit: contain !important;
    object-position: center center !important;
  }
}

@media (max-width: 420px) and (max-aspect-ratio: 1/1) {
  body.madboys-site.site-final.site-production section.home .home-cards .feature-card {
    grid-template-rows: clamp(66px, 9dvh, 82px) auto minmax(22px, auto) !important;
    min-height: clamp(128px, 18dvh, 154px) !important;
  }

  body.madboys-site.site-final.site-production section.council .bonus-cards .feature-card {
    grid-template-rows: clamp(52px, 7.5dvh, 68px) auto auto !important;
    min-height: clamp(106px, 15.5dvh, 132px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .madboys-icon-flame {
    display: none !important;
  }
}