/* v96 visual fix — targeted polish on top of the v95 bundle candidate. */

/* Mission cards: new icons + readable colored quoted text. */
body.site-final .missions .mission-cards .feature-card img{
  object-fit:contain !important;
}
body.site-final .missions .mission-cards .feature-card .card-hint{
  display:block !important;
  margin:6px 4px 0 !important;
  font-style:normal !important;
  font-weight:800 !important;
  line-height:1.18 !important;
}
body.site-final .missions .mission-cards .feature-card:nth-child(1) .card-hint{color:#1866d6 !important;}
body.site-final .missions .mission-cards .feature-card:nth-child(2) .card-hint{color:#6d35d7 !important;}
body.site-final .missions .mission-cards .feature-card:nth-child(3) .card-hint{color:#a86808 !important;}

/* Region popup: keep the blurred card but let the background stay much more visible. */
body.site-final .region-modal .popup-hero::after{
  background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.05) 22%, rgba(255,255,255,.18) 58%, rgba(255,255,255,.50) 100%) !important;
}
body.site-final .region-modal .region-copy{
  background:rgba(255,255,255,.40) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  box-shadow:0 10px 24px rgba(6,23,72,.08) !important;
}

/* FAQ answers: increase readability without touching copy. */
@media (min-width:900px){
  body.site-final .faq-list p{
    font-size:15px !important;
    line-height:1.28 !important;
  }
}
@media (min-width:768px) and (max-width:899px){
  body.site-final .faq-list p{
    font-size:12px !important;
    line-height:1.25 !important;
  }
}

/* Desktop-first stories polish. Mobile is intentionally left untouched. */
@media (min-width:900px){
  /* Slightly taller left choice card so the memory note fits in 2 lines and stays readable. */
  body.madboys-site.site-final.site-v92 section.stories .choice-box{
    height:254px !important;
    min-height:254px !important;
    padding:16px 18px 16px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .choice-note{
    max-width:96% !important;
    margin:auto 0 0 !important;
    padding-top:8px !important;
    font-size:11.8px !important;
    line-height:1.18 !important;
  }

  /* Quote card: slightly smaller quote text, noticeably bigger portrait icon. */
  body.madboys-site.site-final.site-v92 section.stories .story-stage blockquote{
    width:334px !important;
    min-height:156px !important;
    padding:18px 92px 16px 24px !important;
    font-size:18px !important;
    line-height:1.08 !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .story-stage blockquote small{
    font-size:9px !important;
    line-height:1.12 !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .story-stage blockquote img{
    width:86px !important;
    height:86px !important;
    right:12px !important;
    bottom:12px !important;
  }

  /* Personality shift: make it less stretched horizontally. */
  body.madboys-site.site-final.site-v92 section.stories .shift{
    top:508px !important;
    width:min(824px,72vw) !important;
    height:66px !important;
    min-height:66px !important;
    padding:9px 18px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .shift h4{
    font-size:14px !important;
    margin:0 0 5px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .shift img{
    width:min(596px,68%) !important;
    height:34px !important;
    top:28px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .shift div{
    top:31px !important;
    left:22px !important;
    right:22px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .shift div span{
    width:122px !important;
    font-size:10px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .shift div b{
    font-size:15px !important;
  }

  /* More air between the shift block and the four lower story cards. */
  body.madboys-site.site-final.site-v92 section.stories .fate-cards{
    top:604px !important;
  }
}

@media (min-width:900px) and (max-width:1050px){
  body.madboys-site.site-final.site-v92 section.stories .choice-box{
    height:234px !important;
    min-height:234px !important;
    padding:13px 14px 14px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .choice-note{
    font-size:10px !important;
    line-height:1.16 !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .story-stage blockquote{
    width:288px !important;
    min-height:134px !important;
    padding:18px 78px 14px 20px !important;
    font-size:16px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .story-stage blockquote img{
    width:72px !important;
    height:72px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .shift{
    width:min(738px,82vw) !important;
    height:62px !important;
    min-height:62px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .shift h4{
    font-size:13px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .shift img{
    width:min(520px,66%) !important;
    height:32px !important;
    top:27px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .shift div{
    top:30px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .shift div span{
    width:108px !important;
    font-size:9px !important;
  }
  body.madboys-site.site-final.site-v92 section.stories .fate-cards{
    top:606px !important;
  }
}