/* Zenkai Idle R7.10.85 — RESPONSIVE HUNT REBUILD
   Base: R7.10.82 (last balanced shell).
   IMPORTANT: do not enlarge the whole frame to fake responsiveness.
   The shell stays moderate; the CONTENT redistributes and grows inside it. */

/* ----------------------------------------------------------
   SHELL: keep the balanced V82 size; only a small upward nudge.
   ---------------------------------------------------------- */
#huntModal .hunt-browser-modal.zk63-shell{
  width:min(1220px,96vw,calc((100dvh - 18px) * 1691 / 930))!important;
  aspect-ratio:1691/930!important;
  top:-10px!important;
  margin:0!important;
}

/* Slight readability lift without washing out the approved navy palette. */
#huntModal .hunt-browser-modal.zk63-shell::before{
  background:rgba(92,110,132,.075)!important;
  mix-blend-mode:screen!important;
}

/* ----------------------------------------------------------
   TOP TABS: stable slots. Selected is physically larger.
   ---------------------------------------------------------- */
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs{
  left:5.55%!important;
  right:5.55%!important;
  top:17.2%!important;
  height:10.9%!important;
  gap:.35%!important;
  align-items:center!important;
  justify-items:center!important;
  overflow:visible!important;
}
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs button{
  width:80%!important;
  height:70%!important;
  transform:none!important;
  align-self:center!important;
  justify-self:center!important;
}
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs button.active,
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs button[aria-selected="true"]{
  width:100%!important;
  height:100%!important;
  z-index:4!important;
}
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs button:not(.active):hover{
  width:88%!important;
  height:80%!important;
  z-index:3!important;
}

/* Keep the forgiving V81 close hitbox. */
#huntModal .hunt-browser-modal.zk63-shell .modal-head .x{
  top:3.95%!important;
  right:.45%!important;
  width:8.0%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
}

/* ----------------------------------------------------------
   MAIN DESKTOP / NOTEBOOK GRID
   More room for hunt list, slightly lighter loot column.
   ---------------------------------------------------------- */
#huntModal .hunt-browser-modal.zk63-shell.zk63-hunts-mode #zk63HuntInterior:not([hidden]),
#huntModal .zk63-shell .zk63-interior{
  left:4.35%!important;
  right:4.15%!important;
  top:28.0%!important;
  bottom:4.25%!important;
  grid-template-columns:27.7% minmax(0,1fr) 23.7%!important;
  grid-template-rows:minmax(0,1fr) 46px!important;
  gap:7px 9px!important;
}

/* ----------------------------------------------------------
   LEFT: larger text/cards, scroll is expected instead of shrinking.
   ---------------------------------------------------------- */
#huntModal .zk63-shell .zk63-left{
  grid-template-rows:43px 20px minmax(0,1fr)!important;
  gap:2px!important;
  padding:4px 4px 5px 4px!important;
}
#huntModal .zk63-shell .zk63-search{
  height:43px!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  padding:0 14px 0 11px!important;
}
#huntModal .zk63-shell .zk63-search input{
  height:32px!important;
  line-height:32px!important;
  font-size:11.8px!important;
}
#huntModal .zk63-shell .zk63-count{
  height:20px!important;
  line-height:20px!important;
  font-size:9px!important;
}
#huntModal .zk63-shell .zk63-hunt-card{
  height:64px!important;
  min-height:64px!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:8px!important;
  margin-bottom:5px!important;
  padding:8px 16px 8px 10px!important;
}
#huntModal .zk63-shell .zk63-hunt-card>img{width:42px!important;height:42px!important}
#huntModal .zk63-shell .zk63-hunt-card b{font-size:11.7px!important;line-height:1.05!important}
#huntModal .zk63-shell .zk63-hunt-card small{font-size:8.5px!important;line-height:1.12!important}
#huntModal .zk63-shell .zk63-hunt-card em{font-size:7.4px!important;line-height:1.1!important}

/* ----------------------------------------------------------
   CENTER: this is the important part.
   V78 removed composition, so use the full height instead of fixed rows that
   leave a dead lower half. Summary and Pull area flex vertically.
   ---------------------------------------------------------- */
#huntModal .hunt-browser-modal.zk63-shell .zk63-center{
  grid-template-rows:minmax(104px,1.28fr) 43px 21px minmax(88px,1fr)!important;
  gap:5px!important;
  align-content:stretch!important;
  padding:34px 10px 8px!important;
}
#huntModal .zk63-shell .zk63-summary{
  grid-template-columns:62px minmax(0,1fr) 136px!important;
  gap:9px!important;
  align-items:center!important;
  min-height:0!important;
}
#huntModal .zk63-shell .zk63-portrait{width:59px!important;height:59px!important}
#huntModal .zk63-shell .zk63-portrait img{width:46px!important;height:46px!important}
#huntModal .zk63-shell .zk63-copy h2{
  font-size:21px!important;
  line-height:1.04!important;
  margin:0 0 4px!important;
}
#huntModal .zk63-shell .zk63-level{font-size:9.4px!important}
#huntModal .zk63-shell .zk63-copy p{
  margin-top:6px!important;
  font-size:9.6px!important;
  line-height:1.32!important;
  -webkit-line-clamp:4!important;
}
#huntModal .zk63-shell .zk63-record{
  width:136px!important;
  height:76px!important;
  padding:25px 12px 7px!important;
}
#huntModal .zk63-shell .zk63-record-body{
  font-size:8.2px!important;
  line-height:1.28!important;
  max-height:45px!important;
}

/* Stats remain compact but readable. */
#huntModal .zk63-shell .zk63-stats{
  height:43px!important;
  gap:4px!important;
  align-items:center!important;
}
#huntModal .zk63-shell .zk63-stat{height:36px!important}
#huntModal .zk63-shell .zk63-stat>span{font-size:7.6px!important;right:5px!important;bottom:3px!important}
#huntModal .zk63-shell .zk63-section-title{
  height:21px!important;
  min-height:21px!important;
  font-size:9.8px!important;
  padding:0 13px!important;
}
#huntModal .zk63-shell .zk63-section-title small{font-size:8px!important}

/* Pulls use the rest of the center panel rather than leaving it blank.
   Inactive is intentionally smaller; active uses the full slot. */
#huntModal .zk63-shell .zk63-pulls{
  width:100%!important;
  height:auto!important;
  min-height:88px!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(96px,1fr))!important;
  align-items:center!important;
  justify-items:center!important;
  gap:7px!important;
  padding:2px 3px 5px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
#huntModal .zk63-shell .zk63-pull{
  width:86%!important;
  min-width:0!important;
  max-width:none!important;
  height:62px!important;
  min-height:62px!important;
  justify-self:center!important;
  align-self:center!important;
  transform:none!important;
  background-size:contain!important;
  transition:width .13s ease,height .13s ease,filter .13s ease!important;
}
#huntModal .zk63-shell .zk63-pull.active{
  width:100%!important;
  min-width:0!important;
  height:82px!important;
  min-height:82px!important;
  z-index:4!important;
}
#huntModal .zk63-shell .zk63-pull:not(.active):not(:disabled):hover{
  width:92%!important;
  height:69px!important;
  min-height:69px!important;
  z-index:3!important;
}

/* ----------------------------------------------------------
   RIGHT: still informative, but no longer visually heavier than details.
   ---------------------------------------------------------- */
#huntModal .zk63-shell .zk63-right{padding:43px 4px 4px 6px!important}
#huntModal .zk63-shell .zk63-loot-group-title{
  height:22px!important;
  line-height:22px!important;
  font-size:9.2px!important;
  margin-bottom:4px!important;
}
#huntModal .zk63-shell .zk63-loot-row{
  min-height:54px!important;
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  gap:7px!important;
  margin-bottom:5px!important;
  padding:5px 6px!important;
}
#huntModal .zk63-shell .zk63-loot-row>img{width:35px!important;height:35px!important}
#huntModal .zk63-shell .zk63-loot-row>span b{font-size:10.3px!important}
#huntModal .zk63-shell .zk63-loot-row>span small,
#huntModal .zk63-shell .zk63-loot-row>span em{font-size:7.2px!important;line-height:1.08!important}
#huntModal .zk63-shell .zk63-loot-state input{width:17px!important;height:17px!important}

#huntModal .zk63-shell .zk63-notice{font-size:8.8px!important}
#huntModal .zk63-shell .zk63-start{width:205px!important}
#huntModal .zk63-shell .zk63-close{width:98px!important}

/* View switch is only useful when three columns truly stop fitting. */
#huntModal .zk85-view-switch{display:none!important}

/* ----------------------------------------------------------
   NOTEBOOK / SHORT DESKTOP
   DO NOT enlarge shell. Keep 3 columns and preserve readable content.
   ---------------------------------------------------------- */
@media (max-height:760px), (max-width:1280px){
  #huntModal .hunt-browser-modal.zk63-shell{
    width:min(1180px,96vw,calc((100dvh - 12px) * 1691 / 930))!important;
    top:-6px!important;
  }
  #huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs{
    top:17.15%!important;
    height:10.65%!important;
  }
  #huntModal .hunt-browser-modal.zk63-shell.zk63-hunts-mode #zk63HuntInterior:not([hidden]),
  #huntModal .zk63-shell .zk63-interior{
    left:4.25%!important;
    right:4.05%!important;
    top:27.9%!important;
    bottom:4.0%!important;
    grid-template-columns:28.2% minmax(0,1fr) 23.2%!important;
    gap:6px 8px!important;
  }
  #huntModal .zk63-shell .zk63-left{grid-template-rows:39px 18px minmax(0,1fr)!important}
  #huntModal .zk63-shell .zk63-search{height:39px!important}
  #huntModal .zk63-shell .zk63-search input{height:29px!important;line-height:29px!important;font-size:11px!important}
  #huntModal .zk63-shell .zk63-count{height:18px!important;line-height:18px!important;font-size:8.5px!important}
  #huntModal .zk63-shell .zk63-hunt-card{height:58px!important;min-height:58px!important;grid-template-columns:44px minmax(0,1fr)!important;padding:7px 14px 7px 9px!important}
  #huntModal .zk63-shell .zk63-hunt-card>img{width:38px!important;height:38px!important}
  #huntModal .zk63-shell .zk63-hunt-card b{font-size:10.8px!important}
  #huntModal .zk63-shell .zk63-hunt-card small{font-size:7.8px!important}
  #huntModal .zk63-shell .zk63-hunt-card em{font-size:7px!important}

  #huntModal .hunt-browser-modal.zk63-shell .zk63-center{
    grid-template-rows:minmax(91px,1.22fr) 38px 18px minmax(74px,1fr)!important;
    gap:4px!important;
    padding:31px 8px 7px!important;
  }
  #huntModal .zk63-shell .zk63-summary{grid-template-columns:54px minmax(0,1fr) 121px!important;gap:7px!important}
  #huntModal .zk63-shell .zk63-portrait{width:52px!important;height:52px!important}
  #huntModal .zk63-shell .zk63-portrait img{width:40px!important;height:40px!important}
  #huntModal .zk63-shell .zk63-copy h2{font-size:18.5px!important}
  #huntModal .zk63-shell .zk63-level{font-size:8.5px!important}
  #huntModal .zk63-shell .zk63-copy p{font-size:8.7px!important;line-height:1.28!important;margin-top:5px!important;-webkit-line-clamp:4!important}
  #huntModal .zk63-shell .zk63-record{width:121px!important;height:67px!important;padding:22px 10px 5px!important}
  #huntModal .zk63-shell .zk63-record-body{font-size:7.5px!important;max-height:39px!important}
  #huntModal .zk63-shell .zk63-stats{height:38px!important;gap:3px!important}
  #huntModal .zk63-shell .zk63-stat{height:30px!important}
  #huntModal .zk63-shell .zk63-stat>span{font-size:6.8px!important;right:4px!important}
  #huntModal .zk63-shell .zk63-section-title{height:18px!important;min-height:18px!important;font-size:8.9px!important;padding:0 11px!important}
  #huntModal .zk63-shell .zk63-section-title small{font-size:7.3px!important}
  #huntModal .zk63-shell .zk63-pulls{min-height:74px!important;gap:5px!important;padding:1px 2px 4px!important}
  #huntModal .zk63-shell .zk63-pull{width:86%!important;height:51px!important;min-height:51px!important}
  #huntModal .zk63-shell .zk63-pull.active{width:100%!important;height:68px!important;min-height:68px!important}
  #huntModal .zk63-shell .zk63-pull:not(.active):not(:disabled):hover{width:92%!important;height:58px!important;min-height:58px!important}

  #huntModal .zk63-shell .zk63-right{padding-top:39px!important}
  #huntModal .zk63-shell .zk63-loot-group-title{height:20px!important;line-height:20px!important;font-size:8.6px!important}
  #huntModal .zk63-shell .zk63-loot-row{min-height:49px!important;grid-template-columns:36px minmax(0,1fr) 36px!important;gap:6px!important;margin-bottom:4px!important}
  #huntModal .zk63-shell .zk63-loot-row>img{width:31px!important;height:31px!important}
  #huntModal .zk63-shell .zk63-loot-row>span b{font-size:9.5px!important}
  #huntModal .zk63-shell .zk63-loot-row>span small,
  #huntModal .zk63-shell .zk63-loot-row>span em{font-size:6.7px!important}
  #huntModal .zk63-shell .zk63-notice{font-size:8.1px!important}
  #huntModal .zk63-shell .zk63-start{width:188px!important}
  #huntModal .zk63-shell .zk63-close{width:92px!important}
}

/* ----------------------------------------------------------
   TABLET / NARROW VIEW
   Only here do we abandon 3 squeezed columns.
   Hunt list stays visible; work area switches Details / Loot.
   ---------------------------------------------------------- */
@media (max-width:900px){
  #huntModal .hunt-browser-modal.zk63-shell{
    width:min(96vw,calc((100dvh - 10px) * 1691 / 930))!important;
    top:-3px!important;
  }
  #huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs{
    left:4.9%!important;
    right:4.9%!important;
    top:16.95%!important;
    height:10.8%!important;
  }
  #huntModal .hunt-browser-modal.zk63-shell.zk63-hunts-mode #zk63HuntInterior:not([hidden]),
  #huntModal .zk63-shell .zk63-interior{
    left:4.0%!important;
    right:3.9%!important;
    top:27.65%!important;
    bottom:3.8%!important;
    grid-template-columns:35% minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) 44px!important;
    gap:6px 8px!important;
  }
  #huntModal .zk63-shell .zk63-left{grid-column:1!important;grid-row:1!important}
  #huntModal .zk63-shell .zk63-center,
  #huntModal .zk63-shell .zk63-right{grid-column:2!important;grid-row:1!important;min-width:0!important;min-height:0!important}
  #huntModal .zk63-shell .zk63-footer{grid-column:1/3!important;grid-row:2!important}

  #huntModal .zk85-view-switch{
    display:flex!important;
    position:absolute!important;
    left:36.0%!important;
    right:.5%!important;
    top:1px!important;
    height:29px!important;
    justify-content:center!important;
    gap:6px!important;
    z-index:95!important;
    pointer-events:none!important;
  }
  #huntModal .zk85-view-switch button{
    pointer-events:auto!important;
    min-width:106px!important;
    height:27px!important;
    padding:0 15px!important;
    border:1px solid #218ed0!important;
    border-radius:5px!important;
    background:linear-gradient(#0a345d,#06192f)!important;
    color:#9cc9e9!important;
    font-size:9.5px!important;
    font-weight:900!important;
    cursor:pointer!important;
  }
  #huntModal .zk85-view-switch button.active{
    border-color:#ffad22!important;
    color:#fff!important;
    background:linear-gradient(#a74308,#4c1d05)!important;
    box-shadow:0 0 8px rgba(255,139,20,.25)!important;
  }

  #huntModal .zk63-shell .zk63-center{display:grid!important;padding-top:39px!important}
  #huntModal .zk63-shell .zk63-right{display:none!important;padding-top:40px!important}
  #huntModal .zk63-shell .zk63-interior.zk85-show-loot .zk63-center{display:none!important}
  #huntModal .zk63-shell .zk63-interior.zk85-show-loot .zk63-right{display:block!important}

  #huntModal .zk63-shell .zk63-hunt-card{height:56px!important;min-height:56px!important}
  #huntModal .hunt-browser-modal.zk63-shell .zk63-center{
    grid-template-rows:minmax(95px,1.2fr) 40px 19px minmax(78px,1fr)!important;
  }
  #huntModal .zk63-shell .zk63-copy h2{font-size:19px!important}
  #huntModal .zk63-shell .zk63-copy p{font-size:8.8px!important}
  #huntModal .zk63-shell .zk63-loot-row{min-height:52px!important}
}

@media (max-width:700px){
  #huntModal .zk63-shell .zk63-interior{grid-template-columns:40% minmax(0,1fr)!important}
  #huntModal .zk85-view-switch{left:41%!important}
  #huntModal .zk63-shell .zk63-hunt-card{grid-template-columns:39px minmax(0,1fr)!important;padding-left:7px!important}
  #huntModal .zk63-shell .zk63-hunt-card>img{width:34px!important;height:34px!important}
  #huntModal .zk63-shell .zk63-hunt-card b{font-size:9.8px!important}
  #huntModal .zk63-shell .zk63-hunt-card small{font-size:7.2px!important}
  #huntModal .zk63-shell .zk63-hunt-card em{display:none!important}
  #huntModal .zk63-shell .zk63-summary{grid-template-columns:50px minmax(0,1fr)!important}
  #huntModal .zk63-shell .zk63-record{display:none!important}
  #huntModal .zk63-shell .zk63-copy h2{font-size:17px!important}
  #huntModal .zk63-shell .zk63-start{width:165px!important}
  #huntModal .zk63-shell .zk63-close{width:82px!important}
}