/* Zenkai Idle R7.10.219 — Boss micro-fit + Awakening selector + Character Fragments visibility.
   R219 remains UI/progression plumbing only: no Terrain, combat, beam, scheduler or loot-table changes. */

/* Boss list: R218 moved the whole block too far inward in the user's compact viewport.
   Pull it slightly LEFT, then reduce portraits by ~5% while keeping a fixed pixel-art viewport. */
#huntModal .zk77-boss-card{
  padding-left:26px!important;
  padding-right:10px!important;
  grid-template-columns:53px minmax(0,1fr)!important;
  gap:10px!important;
}
#huntModal .zk77-boss-card>img{
  width:53px!important;
  height:53px!important;
  max-width:53px!important;
  max-height:53px!important;
  justify-self:center!important;
  align-self:center!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  image-rendering:pixelated!important;
}

/* Boss loot: ~10% smaller than R217's 38px icon, with matching grid cell so the
   image cannot spill into the decorative lip. */
#huntModal .zk77-boss-loot{
  padding-left:26px!important;
  padding-right:8px!important;
  grid-template-columns:35px minmax(0,1fr)!important;
  gap:9px!important;
}
#huntModal .zk77-boss-loot>img{
  width:34px!important;
  height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  justify-self:center!important;
  align-self:center!important;
  object-fit:contain!important;
  image-rendering:pixelated!important;
}

/* This is the user's field-height class (~560px). R218 used 30/27px here; R219
   backs the boss block off 6px and guarantees the requested reduced sizes. */
@media(max-height:650px){
  #huntModal .zk77-boss-card{
    padding-left:24px!important;
    padding-right:8px!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:9px!important;
  }
  #huntModal .zk77-boss-card>img{
    width:48px!important;
    height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
  }
  #huntModal .zk77-boss-loot{
    padding-left:24px!important;
    padding-right:6px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:8px!important;
  }
  #huntModal .zk77-boss-loot>img{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }
}
@media(max-height:520px){
  #huntModal .zk77-boss-card{padding-left:22px!important;gap:8px!important}
  #huntModal .zk77-boss-loot{padding-left:22px!important;gap:7px!important}
}

/* Unlocked awakening rows are no longer dead/grey. They expose manual form
   selection, exactly as the R164 design requires outside hunts. */
#huntModal .r164-evolution-row.claimed{opacity:1!important}
#huntModal .r164-evolution-row.active-form{
  border-color:rgba(92,211,255,.85)!important;
  box-shadow:inset 0 0 18px rgba(38,168,255,.14)!important;
}
#huntModal .r164-evolution-row button[data-evolution-select]{
  min-width:92px!important;
  border-color:#319acb!important;
  background:linear-gradient(180deg,#0c6d9e,#083a5b)!important;
  color:#effaff!important;
  font-weight:900!important;
}
#huntModal .r164-evolution-row.active-form button[data-evolution-select]{
  border-color:#58d6ff!important;
  color:#8fe7ff!important;
  background:#0a2435!important;
}
#huntModal .r219-awakening-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
#huntModal .r219-awakening-actions>b{color:#ffc956!important;font-size:9px!important;white-space:nowrap!important}
#huntModal .r219-awakening-actions>button{
  min-height:28px!important;padding:0 10px!important;border:1px solid #2388bd!important;
  background:linear-gradient(180deg,#0d5f89,#082d49)!important;color:#e9f8ff!important;
  font-size:8px!important;font-weight:900!important;letter-spacing:.04em!important;white-space:nowrap!important;
}

/* Recruitment: keep the approved R190 baked duplicate info-bar, but make it an
   actual fragment-wallet entry and overlay the persistent account balance. */
#infoModal.recruit-mode .r183-recruit-foot .r219-fragment-foot{
  position:relative!important;display:block!important;width:100%!important;height:38px!important;min-height:0!important;
  padding:0!important;border:0!important;box-shadow:none!important;color:transparent!important;font-size:0!important;
  background-color:transparent!important;background-image:url('assets/recruitment/r190/ui/info_bar_duplicate.png')!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;cursor:pointer!important;
}
#infoModal.recruit-mode .r183-recruit-foot .r219-fragment-foot::after{
  content:'SALDO ' attr(data-fragment-total)!important;position:absolute!important;right:7.5%!important;top:50%!important;
  transform:translateY(-50%)!important;padding:3px 7px!important;border:1px solid rgba(247,197,70,.75)!important;
  background:rgba(6,26,44,.92)!important;color:#ffd45f!important;font:900 8px/1 Arial,sans-serif!important;
  letter-spacing:.04em!important;border-radius:3px!important;box-shadow:0 0 8px rgba(255,190,45,.16)!important;
}
#infoModal.recruit-mode .r183-recruit-foot .r219-fragment-foot:hover{filter:brightness(1.1)!important}

.r219-fragment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px;margin-top:12px}
.r219-fragment-card{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;background:#0a1925;border:1px solid #27465c}
.r219-fragment-card.has-fragments{border-color:#b98727;box-shadow:inset 0 0 16px #e8a91e12}
.r219-fragment-card img{width:56px;height:56px;object-fit:contain;image-rendering:pixelated;background:#050e15}
.r219-fragment-card span{display:flex;flex-direction:column;gap:3px;min-width:0}
.r219-fragment-card b{color:#f4fbff}.r219-fragment-card small{color:#8caabc;font-size:10px}
.r219-fragment-card strong{color:#ffd45f;font-size:18px;white-space:nowrap}.r219-fragment-card strong small{display:block;text-align:right;color:#89aabe;font-size:8px}
.r219-fragment-policy{margin-top:12px;padding:11px 12px;border:1px solid #284a60;background:#081724;color:#9cb4c4;font-size:11px;line-height:1.45}
.r219-fragment-policy b{color:#e9f8ff}.r219-fragment-policy strong{color:#ffd45f}

.r219-character-fragments{border-color:#8a6728!important;background:linear-gradient(180deg,#151b1d,#0c1821)!important}
.r219-character-fragments .r219-fragment-balance{display:flex;align-items:baseline;gap:8px;margin:5px 0 7px;color:#ffd45f}
.r219-character-fragments .r219-fragment-balance b{font-size:24px}.r219-character-fragments .r219-fragment-balance span{font-size:10px;color:#a9bfcc}

@media(max-height:650px){
  #infoModal.recruit-mode .r183-recruit-foot .r219-fragment-foot{height:33px!important}
  #infoModal.recruit-mode .r183-recruit-foot .r219-fragment-foot::after{font-size:7px!important;padding:2px 5px!important;right:6.5%!important}
}