/* Madboys Version 18 — final responsive background set and Builder V26.5. */

/* Vertical and square screens use the supplied 1080×1920 artwork. */
body.site-final.site-production section.home :is(.canvas, .spread-art) {
  background-image: url('/assets/madboys.screen.01.home/background-mobile.webp') !important;
}
body.site-final.site-production section.missions :is(.canvas, .spread-art) {
  background-image: url('/assets/madboys.screen.02.missions/background-mobile.webp') !important;
}
body.site-final.site-production section.builds :is(.canvas, .spread-art) {
  background-image: url('/assets/madboys.screen.03.builds/background-mobile.webp') !important;
}
body.site-final.site-production section.council :is(.canvas, .spread-art) {
  background-image: url('/assets/madboys.screen.04.council/background-mobile.webp') !important;
}
body.site-final.site-production section.stories :is(.canvas, .spread-art) {
  background-image: url('/assets/madboys.screen.05.stories/background-mobile.webp') !important;
}
body.site-final.site-production section.expansion :is(.canvas, .spread-art) {
  background-image: url('/assets/madboys.screen.06.expansion/background-mobile.webp') !important;
}
body.site-final.site-production section.blood :is(.canvas, .spread-art) {
  background-image: url('/assets/madboys.screen.07.blood/background-mobile.webp') !important;
}
body.site-final.site-production section.rewards :is(.canvas, .spread-art) {
  background-image: url('/assets/madboys.screen.08.rewards/background-mobile.webp') !important;
}

body.site-final.site-production .screen :is(.canvas, .spread-art) {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* Any horizontal form factor inherits the closest 1920×1080 composition,
   including compact desktop and landscape tablets. */
@media (min-aspect-ratio: 1.001/1) {
  body.site-final.site-production section.home :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.01.home/background-desktop.webp') !important;
  }
  body.site-final.site-production section.missions :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.02.missions/background-desktop.webp') !important;
  }
  body.site-final.site-production section.builds :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.03.builds/background-desktop.webp') !important;
  }
  body.site-final.site-production section.council :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.04.council/background-desktop.webp') !important;
  }
  body.site-final.site-production section.stories :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.05.stories/background-desktop.webp') !important;
  }
  body.site-final.site-production section.expansion :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.06.expansion/background-desktop.webp') !important;
  }
  body.site-final.site-production section.blood :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.07.blood/background-desktop.webp') !important;
  }
  body.site-final.site-production section.rewards :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.08.rewards/background-desktop.webp') !important;
  }
}

/* Keep the existing Builder invitation, just lift it slightly away from the
   lower content edge. */
.builder-float {
  top: 62vh;
}

@media (max-width: 899px), (max-aspect-ratio: 1/1) {
  .builder-float {
    top: auto;
    bottom: calc(94px + env(safe-area-inset-bottom));
  }
}