/* Madboys Version 14 — horizontal backgrounds, compact desktop bridge and Builder entry points. */

:root {
  --v14-readable: #d7e6f8;
  --v14-readable-soft: #b8cbe2;
  --v14-accent-red: #d45432;
  --v14-builder-blue: #1a4d79;
  --v14-builder-cyan: #56c7ee;
  --v14-builder-orange: #f08b2d;
}

body.madboys-site.site-final.site-production :is(
  section.builds,
  section.council,
  section.stories,
  section.expansion,
  section.blood,
  section.rewards
) .ribbon :is(.hl-blue, .blueword) {
  color: var(--v14-accent-red) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.75), 0 0 12px rgba(212,84,50,.26) !important;
}

body.madboys-site.site-final.site-production :is(
  .feature-card p,
  .feature-card small,
  .item-card small,
  .ruler-cards p,
  .bonus-cards p,
  .influence-note,
  .choice-note,
  .story-sub,
  .section-kicker,
  .small-pill,
  .founder-slogan,
  .flow-row span,
  .process-row p,
  .benefits-row p,
  .faq-list p
) {
  color: var(--v14-readable-soft) !important;
}

body.madboys-site.site-final.site-production :is(
  .feature-card h3,
  .item-card b,
  .ruler-cards h3,
  .bonus-cards h3,
  .influence h4,
  .choice-box h4,
  .shift h4
) {
  color: #f4f8ff !important;
}

body.madboys-site.site-final.site-production section.expansion .map-pills {
  background: linear-gradient(180deg, rgba(10,28,51,.98), rgba(5,16,33,.98)) !important;
  border: 1px solid rgba(92,145,197,.5) !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08) !important;
  padding: 7px !important;
}

body.madboys-site.site-final.site-production section.expansion .map-pills span {
  color: #f0f6ff !important;
  background: linear-gradient(180deg, #17395d, #0b203b) !important;
  border-color: rgba(94,152,211,.48) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 5px 12px rgba(0,0,0,.24) !important;
}

body.madboys-site.site-final.site-production .menu-panel nav .v14-legal-builder-row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 8px;
}

body.madboys-site.site-final.site-production .menu-panel nav .v14-legal-builder-row > a {
  min-width: 0;
  width: 100% !important;
  margin: 0 !important;
}

body.madboys-site.site-final.site-production .menu-panel nav .builder-menu-link {
  color: #f8fbff !important;
  border-color: rgba(86,199,238,.62) !important;
  background: linear-gradient(135deg, #1b527f, #102b49 58%, #20304a) !important;
  box-shadow: inset 3px 0 0 var(--v14-builder-orange), 0 0 16px rgba(86,199,238,.13) !important;
}

.builder-float {
  position: fixed;
  right: 12px;
  top: 66vh;
  z-index: 88;
  width: 58px;
  min-height: 58px;
  padding: 8px 10px 8px 58px;
  overflow: hidden;
  border: 1px solid rgba(86,199,238,.72);
  border-radius: 16px;
  color: #f7fbff;
  text-decoration: none;
  background:
    radial-gradient(circle at 26px 26px, rgba(86,199,238,.4), transparent 32px),
    linear-gradient(135deg, #1d5e91, #102d4c 56%, #121c2e);
  box-shadow: 0 14px 30px rgba(0,0,0,.42), inset 4px 0 0 var(--v14-builder-orange), inset 0 1px 0 rgba(255,255,255,.14);
  transform: translateY(-50%);
  transition: width .38s ease, border-radius .38s ease, filter .25s ease;
  isolation: isolate;
}

.builder-float::before {
  content: "⚒";
  position: absolute;
  left: 13px;
  top: 11px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  font: 900 22px/1 Arial, sans-serif;
  background: linear-gradient(145deg, #f49b3c, #c85228);
  box-shadow: 0 0 16px rgba(240,139,45,.46), inset 0 1px 0 rgba(255,255,255,.45);
}

.builder-float::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, transparent 25%, rgba(255,255,255,.13) 45%, transparent 65%);
  transform: translateX(-120%);
  animation: builderSheen 5.5s ease-in-out infinite;
}

.builder-float:hover,
.builder-float:focus-visible,
.builder-float.is-expanded {
  width: 245px;
  border-radius: 18px;
  filter: brightness(1.08);
}

.builder-float-kicker,
.builder-float-message,
.builder-float-meta {
  display: block;
  width: 172px;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(12px);
  transition: opacity .22s ease .1s, transform .3s ease .06s;
}

.builder-float:hover :is(.builder-float-kicker,.builder-float-message,.builder-float-meta),
.builder-float:focus-visible :is(.builder-float-kicker,.builder-float-message,.builder-float-meta),
.builder-float.is-expanded :is(.builder-float-kicker,.builder-float-message,.builder-float-meta) {
  opacity: 1;
  transform: none;
}

.builder-float-kicker {
  color: #8fe2ff;
  font: 900 9px/1 Arial, sans-serif;
  letter-spacing: .8px;
}

.builder-float-message {
  margin-top: 3px;
  font: 900 14px/1.05 Arial Black, Arial, sans-serif;
}

.builder-float-meta {
  margin-top: 3px;
  color: #b9cee2;
  font: 700 9px/1 Arial, sans-serif;
}

@keyframes builderSheen {
  0%, 58% { transform: translateX(-120%); }
  72%, 100% { transform: translateX(120%); }
}

@media (min-width: 900px) and (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/desktop-background-v14.webp') !important;
  }
  body.site-final.site-production section.missions :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.02.missions/desktop-background-v14.webp') !important;
  }
  body.site-final.site-production section.builds :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.03.builds/desktop-background-v14.webp') !important;
  }
  body.site-final.site-production section.council :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.04.council/desktop-background-v14.webp') !important;
  }
  body.site-final.site-production section.stories :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.05.stories/desktop-background-v14.webp') !important;
  }
  body.site-final.site-production section.expansion :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.06.expansion/desktop-background-v14.webp') !important;
  }
  body.site-final.site-production section.blood :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.07.blood/desktop-background-v14.webp') !important;
  }
  body.site-final.site-production section.rewards :is(.canvas, .spread-art) {
    background-image: url('/assets/madboys.screen.08.rewards/desktop-background-v14.webp') !important;
  }

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

  body.madboys-site.site-final.site-production section.builds .builds-content .title-wide {
    margin-top: 12px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) and (min-height: 760px) and (min-aspect-ratio: 4/3) {
  body.madboys-site.site-final.site-production .global-topbar {
    width: calc(100vw - 44px) !important;
    padding-inline: 14px !important;
    gap: 7px !important;
  }
  body.madboys-site.site-final.site-production .global-topbar .brandmark {
    min-width: 118px !important;
    gap: 6px !important;
  }
  body.madboys-site.site-final.site-production .global-topbar .brandmark img {
    width: 34px !important;
    height: 40px !important;
  }
  body.madboys-site.site-final.site-production .global-topbar .brandmark b {
    font-size: 16px !important;
  }
  body.madboys-site.site-final.site-production .global-topbar .brandmark small {
    font-size: 7px !important;
  }
  body.madboys-site.site-final.site-production .desktop-nav {
    gap: 2px !important;
  }
  body.madboys-site.site-final.site-production .desktop-nav a {
    min-width: 49px !important;
    padding-inline: 3px !important;
    font-size: 9px !important;
  }
  body.madboys-site.site-final.site-production .header-prereg-cta {
    width: 126px !important;
    min-width: 126px !important;
  }
  body.madboys-site.site-final.site-production .top-actions {
    gap: 5px !important;
  }
  body.madboys-site.site-final.site-production .top-actions .round-icon {
    width: 39px !important;
    height: 39px !important;
  }
}

@media (max-width: 899px), (max-aspect-ratio: 1/1) {
  .builder-float {
    top: auto;
    right: 8px;
    bottom: calc(78px + env(safe-area-inset-bottom));
    width: 52px;
    min-height: 52px;
    padding-left: 52px;
    transform: none;
    border-radius: 15px;
  }
  .builder-float::before {
    left: 10px;
    top: 9px;
  }
  .builder-float:hover,
  .builder-float:focus-visible,
  .builder-float.is-expanded {
    width: min(232px, calc(100vw - 16px));
  }
}

@media (prefers-reduced-motion: reduce) {
  .builder-float,
  .builder-float *,
  .builder-float::after {
    animation: none !important;
    transition: none !important;
  }
}