/* Zenkai Idle R7.10.98 — COMPACT HUNT WINDOW
   Goal: reduce the Hunt/Boss window footprint like the compact inventory/depot,
   without globally scaling text or deforming authored PNG assets.
   V89's transform scale is explicitly disabled here. */

/* Never shrink the complete authored canvas with transform: it also crushes text. */
#huntModal .hunt-browser-modal.zk63-shell{
  transform:none!important;
  transform-origin:center center!important;
}

/* Keep decorative assets proportional. */
#huntModal .zk63-shell .zk63-search,
#huntModal .zk63-shell .zk63-hunt-card,
#huntModal .zk63-shell .zk63-loot-row,
#huntModal .zk63-shell .zk63-pull,
#huntModal .zk63-shell .zk63-start,
#huntModal .zk63-shell .zk63-close,
#huntModal .zk63-shell .hunt-mode-tabs button{
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* ---------------- DESKTOP ---------------- */
@media (min-width:1366px) and (min-height:720px){
  #huntModal .hunt-browser-modal.zk63-shell{
    width:min(1040px,calc(100vw - 90px),calc((100dvh - 96px) * 1691 / 930))!important;
    top:-6px!important;
  }

  #huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs{
    left:5.5%!important;
    right:5.5%!important;
    top:17.1%!important;
    height:10.8%!important;
    gap:.35%!important;
  }
  #huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs button{
    width:78%!important;
    height:68%!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;
  }
  #huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs button:not(.active):hover{
    width:86%!important;
    height:77%!important;
  }

  #huntModal .hunt-browser-modal.zk63-shell.zk63-hunts-mode #zk63HuntInterior:not([hidden]),
  #huntModal .zk63-shell .zk63-interior{
    left:4.25%!important;
    right:4.10%!important;
    top:27.85%!important;
    bottom:4.20%!important;
    grid-template-columns:27.2% minmax(0,1fr) 23.6%!important;
    grid-template-rows:minmax(0,1fr) 38px!important;
    gap:6px 8px!important;
  }

  /* List: compact, but never microtext. Scroll instead of squeezing. */
  #huntModal .zk63-shell .zk63-left{
    grid-template-rows:38px 18px minmax(0,1fr)!important;
    gap:1px!important;
    padding:2px 3px 3px!important;
  }
  #huntModal .zk63-shell .zk63-search{height:38px!important;padding:0 10px!important}
  #huntModal .zk63-shell .zk63-search input{height:29px!important;line-height:29px!important;font-size:12px!important}
  #huntModal .zk63-shell .zk63-count{height:18px!important;line-height:18px!important;font-size:9.1px!important}
  #huntModal .zk63-shell .zk63-hunt-card{
    height:57px!important;
    min-height:57px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:7px!important;
    margin-bottom:4px!important;
    padding:6px 13px 6px 8px!important;
  }
  #huntModal .zk63-shell .zk63-hunt-card>img{width:37px!important;height:37px!important}
  #huntModal .zk63-shell .zk63-hunt-card b{font-size:12.2px!important;line-height:1.05!important}
  #huntModal .zk63-shell .zk63-hunt-card small{font-size:9.2px!important;line-height:1.1!important;margin-top:2px!important}
  #huntModal .zk63-shell .zk63-hunt-card em{font-size:8.1px!important;line-height:1.08!important;margin-top:2px!important}

  /* Center uses essentially all available vertical space. */
  #huntModal .hunt-browser-modal.zk63-shell .zk63-center{
    grid-template-rows:minmax(98px,1fr) 80px 22px minmax(82px,.86fr)!important;
    gap:4px!important;
    padding:29px 8px 6px!important;
    align-content:stretch!important;
  }
  #huntModal .zk63-shell .zk63-summary{
    grid-template-columns:55px minmax(0,1fr) 118px!important;
    gap:8px!important;
    align-items:center!important;
  }
  #huntModal .zk63-shell .zk63-portrait{width:52px!important;height:52px!important}
  #huntModal .zk63-shell .zk63-portrait img{width:41px!important;height:41px!important}
  #huntModal .zk63-shell .zk63-copy h2{font-size:21.5px!important;line-height:1.04!important}
  #huntModal .zk63-shell .zk63-level{font-size:9.7px!important;margin-top:2px!important}
  #huntModal .zk63-shell .zk63-copy p{font-size:10.4px!important;line-height:1.28!important;margin-top:5px!important;-webkit-line-clamp:4!important}
  #huntModal .zk63-shell .zk63-record{width:118px!important;height:66px!important;padding:22px 10px 5px!important;background-size:contain!important}
  #huntModal .zk63-shell .zk63-record-body{font-size:8.2px!important;line-height:1.22!important;max-height:37px!important}

  /* Preserve the authored stat-card aspect ratio; 4 + 3 layout stays. */
  #huntModal .zk63-shell .zk63-stats{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    height:80px!important;
    gap:2px 4px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  #huntModal .zk63-shell .zk63-stat:nth-child(1){grid-column:1/3!important}
  #huntModal .zk63-shell .zk63-stat:nth-child(2){grid-column:3/5!important}
  #huntModal .zk63-shell .zk63-stat:nth-child(3){grid-column:5/7!important}
  #huntModal .zk63-shell .zk63-stat:nth-child(4){grid-column:7/9!important}
  #huntModal .zk63-shell .zk63-stat:nth-child(5){grid-column:2/4!important}
  #huntModal .zk63-shell .zk63-stat:nth-child(6){grid-column:4/6!important}
  #huntModal .zk63-shell .zk63-stat:nth-child(7){grid-column:6/8!important}
  #huntModal .zk63-shell .zk63-stat{aspect-ratio:2.91/1!important;height:auto!important;background-size:contain!important}
  #huntModal .zk63-shell .zk63-stat>span{font-size:8.4px!important;right:6px!important;bottom:4px!important;padding:1px 3px!important}

  #huntModal .zk63-shell .zk63-section-title{height:22px!important;min-height:22px!important;font-size:10.3px!important;padding:0 11px!important;background-size:100% auto!important}
  #huntModal .zk63-shell .zk63-section-title small{font-size:8.3px!important}

  #huntModal .zk63-shell .zk63-pulls{min-height:82px!important;gap:6px!important;padding:1px 2px 3px!important;align-items:center!important}
  #huntModal .zk63-shell .zk63-pull{width:86%!important;height:57px!important;min-height:57px!important}
  #huntModal .zk63-shell .zk63-pull.active{width:100%!important;height:76px!important;min-height:76px!important}
  #huntModal .zk63-shell .zk63-pull:not(.active):not(:disabled):hover{width:92%!important;height:64px!important;min-height:64px!important}
  #huntModal .zk63-shell .zk63-pull-level{font-size:8px!important;right:7px!important;top:4px!important;padding:1px 4px!important}

  /* Loot: slightly narrower footprint, readable rows, scrolling is expected. */
  #huntModal .zk63-shell .zk63-right{padding:37px 4px 4px 6px!important}
  #huntModal .zk63-shell .zk63-right::before{height:38px!important;background-size:100% auto!important}
  #huntModal .zk63-shell .zk63-loot-group-title{height:20px!important;line-height:20px!important;font-size:9.4px!important;margin-bottom:3px!important;padding:0 6px!important}
  #huntModal .zk63-shell .zk63-loot-row{
    min-height:49px!important;
    height:49px!important;
    grid-template-columns:35px minmax(0,1fr) 34px!important;
    gap:6px!important;
    margin-bottom:4px!important;
    padding:4px 5px!important;
  }
  #huntModal .zk63-shell .zk63-loot-row>img{width:31px!important;height:31px!important}
  #huntModal .zk63-shell .zk63-loot-row>span b{font-size:11px!important;line-height:1.05!important}
  #huntModal .zk63-shell .zk63-loot-row>span small{font-size:8.5px!important;line-height:1.05!important}
  #huntModal .zk63-shell .zk63-loot-row>span em{font-size:8px!important;line-height:1.05!important}
  #huntModal .zk63-shell .zk63-loot-state input{width:15px!important;height:15px!important}

  #huntModal .zk63-shell .zk63-notice{font-size:9.4px!important;min-height:24px!important;padding:3px 7px!important}
  #huntModal .zk63-shell .zk63-start{width:174px!important}
  #huntModal .zk63-shell .zk63-close{width:84px!important}

  /* Bosses shares the same compact shell. Keep its information readable instead of scaling it. */
  #huntModal .zk63-shell .zk63-interior.zk77-boss-view{grid-template-rows:minmax(0,1fr) 38px!important;gap:6px!important}
  #huntModal .zk77-boss-list{padding:5px 3px!important}
  #huntModal .zk77-boss-card{min-height:58px!important;margin-bottom:5px!important;padding:5px 8px!important;grid-template-columns:46px minmax(0,1fr)!important;gap:7px!important;background-size:contain!important}
  #huntModal .zk77-boss-card img{width:43px!important;height:43px!important}
  #huntModal .zk77-boss-card b{font-size:12px!important}
  #huntModal .zk77-boss-card small{font-size:9px!important;margin-top:2px!important}
  #huntModal .zk77-boss-main{padding:11px 12px 9px!important}
  #huntModal .zk77-boss-hero{grid-template-columns:82px minmax(0,1fr)!important;gap:10px!important}
  #huntModal .zk77-boss-hero>img{width:78px!important;height:78px!important}
  #huntModal .zk77-boss-hero h2{font-size:22px!important}
  #huntModal .zk77-boss-hero strong{font-size:13px!important;margin-bottom:5px!important}
  #huntModal .zk77-boss-hero p{font-size:10px!important;line-height:1.3!important}
  #huntModal .zk77-boss-hero em{font-size:9px!important;margin-top:5px!important}
  #huntModal .zk77-boss-info{gap:5px!important;margin-top:8px!important}
  #huntModal .zk77-boss-info span{padding:6px 7px!important;font-size:10px!important}
  #huntModal .zk77-boss-warning{margin-top:7px!important;padding:5px!important;font-size:9px!important}
  #huntModal .zk77-boss-loot-panel{padding:8px 5px 5px!important;grid-template-rows:23px minmax(0,1fr)!important}
  #huntModal .zk77-boss-loot-panel h3{font-size:12px!important;line-height:20px!important}
  #huntModal .zk77-boss-loot{min-height:47px!important;margin-bottom:4px!important;padding:5px 6px!important;grid-template-columns:34px minmax(0,1fr)!important;gap:6px!important;background-size:contain!important}
  #huntModal .zk77-boss-loot img{width:30px!important;height:30px!important}
  #huntModal .zk77-boss-loot b{font-size:10.5px!important}
  #huntModal .zk77-boss-loot small{font-size:8.5px!important;margin-top:2px!important}
  #huntModal .zk77-boss-footer{padding:0 5px!important}
  #huntModal .zk77-boss-footer>span{font-size:9px!important}
  #huntModal .zk77-boss-footer button{height:34px!important;background-size:contain!important}
  #huntModal .zk77-boss-footer #zk77BossStart{width:154px!important}
  #huntModal .zk77-boss-footer #zk77BossClose{width:78px!important}
}

/* ---------------- NOTEBOOK / SHORT DESKTOP ---------------- */
@media (min-width:901px) and (max-width:1365px),
       (min-width:901px) and (max-height:719px){
  #huntModal .hunt-browser-modal.zk63-shell{
    transform:none!important;
    width:min(940px,calc(100vw - 24px),calc((100dvh - 36px) * 1691 / 930))!important;
    top:-3px!important;
  }
  #huntModal .hunt-browser-modal.zk63-shell.zk63-hunts-mode #zk63HuntInterior:not([hidden]),
  #huntModal .zk63-shell .zk63-interior{
    left:4.2%!important;right:4.05%!important;top:27.9%!important;bottom:4.1%!important;
    grid-template-columns:27.5% minmax(0,1fr) 23.6%!important;
    grid-template-rows:minmax(0,1fr) 34px!important;
    gap:5px 7px!important;
  }
  #huntModal .zk63-shell .zk63-left{grid-template-rows:34px 16px minmax(0,1fr)!important;padding:2px!important}
  #huntModal .zk63-shell .zk63-search{height:34px!important;padding:0 8px!important}
  #huntModal .zk63-shell .zk63-search input{height:26px!important;line-height:26px!important;font-size:10.8px!important}
  #huntModal .zk63-shell .zk63-count{height:16px!important;line-height:16px!important;font-size:8px!important}
  #huntModal .zk63-shell .zk63-hunt-card{height:49px!important;min-height:49px!important;grid-template-columns:35px minmax(0,1fr)!important;gap:6px!important;margin-bottom:3px!important;padding:5px 10px 5px 7px!important}
  #huntModal .zk63-shell .zk63-hunt-card>img{width:31px!important;height:31px!important}
  #huntModal .zk63-shell .zk63-hunt-card b{font-size:10.7px!important}
  #huntModal .zk63-shell .zk63-hunt-card small{font-size:8px!important}
  #huntModal .zk63-shell .zk63-hunt-card em{font-size:7.2px!important}

  #huntModal .hunt-browser-modal.zk63-shell .zk63-center{grid-template-rows:minmax(82px,1fr) 64px 18px minmax(68px,.84fr)!important;gap:3px!important;padding:25px 6px 5px!important}
  #huntModal .zk63-shell .zk63-summary{grid-template-columns:47px minmax(0,1fr) 101px!important;gap:6px!important}
  #huntModal .zk63-shell .zk63-portrait{width:44px!important;height:44px!important}
  #huntModal .zk63-shell .zk63-portrait img{width:35px!important;height:35px!important}
  #huntModal .zk63-shell .zk63-copy h2{font-size:18px!important}
  #huntModal .zk63-shell .zk63-level{font-size:8.5px!important}
  #huntModal .zk63-shell .zk63-copy p{font-size:9px!important;line-height:1.24!important;margin-top:4px!important;-webkit-line-clamp:4!important}
  #huntModal .zk63-shell .zk63-record{width:101px!important;height:57px!important;padding:19px 8px 4px!important}
  #huntModal .zk63-shell .zk63-record-body{font-size:7.3px!important;max-height:33px!important}
  #huntModal .zk63-shell .zk63-stats{height:64px!important;gap:2px 3px!important}
  #huntModal .zk63-shell .zk63-stat>span{font-size:7.3px!important;right:4px!important;bottom:3px!important}
  #huntModal .zk63-shell .zk63-section-title{height:18px!important;min-height:18px!important;font-size:9px!important;padding:0 9px!important}
  #huntModal .zk63-shell .zk63-section-title small{font-size:7.4px!important}
  #huntModal .zk63-shell .zk63-pulls{min-height:68px!important;gap:4px!important;padding:1px!important}
  #huntModal .zk63-shell .zk63-pull{width:86%!important;height:47px!important;min-height:47px!important}
  #huntModal .zk63-shell .zk63-pull.active{width:100%!important;height:62px!important;min-height:62px!important}
  #huntModal .zk63-shell .zk63-pull:not(.active):not(:disabled):hover{width:92%!important;height:53px!important;min-height:53px!important}

  #huntModal .zk63-shell .zk63-right{padding:33px 3px 3px 5px!important}
  #huntModal .zk63-shell .zk63-right::before{height:34px!important}
  #huntModal .zk63-shell .zk63-loot-group-title{height:18px!important;line-height:18px!important;font-size:8.5px!important;margin-bottom:3px!important;padding:0 5px!important}
  #huntModal .zk63-shell .zk63-loot-row{min-height:43px!important;height:43px!important;grid-template-columns:30px minmax(0,1fr) 29px!important;gap:5px!important;margin-bottom:3px!important;padding:3px 4px!important}
  #huntModal .zk63-shell .zk63-loot-row>img{width:27px!important;height:27px!important}
  #huntModal .zk63-shell .zk63-loot-row>span b{font-size:9.8px!important}
  #huntModal .zk63-shell .zk63-loot-row>span small{font-size:7.6px!important}
  #huntModal .zk63-shell .zk63-loot-row>span em{font-size:7.1px!important}
  #huntModal .zk63-shell .zk63-notice{font-size:8.4px!important;min-height:22px!important;padding:2px 6px!important}
  #huntModal .zk63-shell .zk63-start{width:154px!important}
  #huntModal .zk63-shell .zk63-close{width:76px!important}

  /* Boss compact mode gets triggered naturally by this shorter shell. */
  #huntModal .zk77-boss-card{min-height:52px!important;grid-template-columns:40px minmax(0,1fr)!important;gap:6px!important;padding:4px 7px!important;background-size:contain!important}
  #huntModal .zk77-boss-card img{width:37px!important;height:37px!important}
  #huntModal .zk77-boss-card b{font-size:10.7px!important}
  #huntModal .zk77-boss-card small{font-size:8px!important}
  #huntModal .zk77-boss-hero{grid-template-columns:68px minmax(0,1fr)!important;gap:8px!important}
  #huntModal .zk77-boss-hero>img{width:64px!important;height:64px!important}
  #huntModal .zk77-boss-hero h2{font-size:18px!important}
  #huntModal .zk77-boss-hero strong{font-size:11px!important}
  #huntModal .zk77-boss-hero p{font-size:8.7px!important;line-height:1.25!important}
  #huntModal .zk77-boss-info span{padding:5px 6px!important;font-size:8.7px!important}
  #huntModal .zk77-boss-loot{min-height:41px!important;grid-template-columns:29px minmax(0,1fr)!important;padding:4px 5px!important;background-size:contain!important}
  #huntModal .zk77-boss-loot img{width:26px!important;height:26px!important}
  #huntModal .zk77-boss-loot b{font-size:9.3px!important}
  #huntModal .zk77-boss-loot small{font-size:7.5px!important}
  #huntModal .zk77-boss-footer button{height:31px!important;background-size:contain!important}
}

/* Tablet/narrow already has the V85 two-panel adaptation. Just make sure the V89
   transform never returns there. */
@media (max-width:900px){
  #huntModal .hunt-browser-modal.zk63-shell{transform:none!important}
}