/* Zenkai Idle R7.10.197 — Recruitment help-hover + metric text fit
   Presentation-only patch over R196.
   Scope: (1) keep the recruitment ? asset intact on hover/focus/active,
   (2) center the three featured metric values/labels inside their decorative frames.
   No recruitment logic, RNG, pity, wallet, server authority, combat or persistence. */

/* --------------------------------------------------------------------------
   HEADER HELP CONTROL
   social_cyclopedia_r171.css uses a shorthand background on #forgeHelpBtn:hover.
   That shorthand clears the recruitment PNG background-image and produces the
   blank blue rectangle seen in the field screenshot. Re-assert the authored
   recruitment asset in every interactive state and keep geometry unchanged.
   -------------------------------------------------------------------------- */
#infoModal.recruit-mode #forgeHelpBtn:hover,
#infoModal.recruit-mode #forgeHelpBtn:focus,
#infoModal.recruit-mode #forgeHelpBtn:focus-visible,
#infoModal.recruit-mode #forgeHelpBtn:active{
  background-color:transparent!important;
  background-image:url('assets/recruitment/r185/ui/help.png')!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  border:0!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  outline:none!important;
}
#infoModal.recruit-mode #forgeHelpBtn:hover,
#infoModal.recruit-mode #forgeHelpBtn:focus,
#infoModal.recruit-mode #forgeHelpBtn:focus-visible{
  transform:none!important;
  filter:brightness(1.10) drop-shadow(0 0 4px rgba(60,200,255,.34))!important;
}
#infoModal.recruit-mode #forgeHelpBtn:active{
  transform:scale(.96)!important;
  filter:brightness(.96)!important;
}

/* --------------------------------------------------------------------------
   FEATURED METRICS
   The PNG has gold ornamental corners. Center both lines in the dark safe plate
   so 15.64%, 1.5x, the timer, and their labels do not lean into those corners.
   -------------------------------------------------------------------------- */
#infoModal.recruit-mode .r183-featured-meta b,
#infoModal.recruit-mode .r183-featured-meta small{
  left:12px!important;
  right:12px!important;
  width:auto!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
#infoModal.recruit-mode .r183-featured-meta b{
  top:5px!important;
  font-size:15.5px!important;
  line-height:16px!important;
}
#infoModal.recruit-mode .r183-featured-meta small{
  top:23px!important;
  font-size:6.9px!important;
  line-height:8px!important;
  letter-spacing:.01em!important;
}

@media (max-height:740px){
  #infoModal.recruit-mode .r183-featured-meta b,
  #infoModal.recruit-mode .r183-featured-meta small{
    left:9px!important;
    right:9px!important;
    text-align:center!important;
  }
  #infoModal.recruit-mode .r183-featured-meta b{
    top:3px!important;
    font-size:13px!important;
    line-height:14px!important;
  }
  #infoModal.recruit-mode .r183-featured-meta small{
    top:17px!important;
    font-size:6.1px!important;
    line-height:7px!important;
  }
}

@media (max-width:1030px){
  #infoModal.recruit-mode .r183-featured-meta b,
  #infoModal.recruit-mode .r183-featured-meta small{
    left:8px!important;
    right:8px!important;
    text-align:center!important;
  }
}