/* Zenkai Idle R7.10.226 — Journey restore + 5 tabs + readable Saga/Boss surfaces */

/* Five modes must live in five fixed slots. No active tab may shove another off-canvas. */
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs{
  left:5.25%!important;right:5.25%!important;top:18.0%!important;height:9.25%!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:1fr!important;
  gap:.3%!important;align-items:center!important;justify-items:center!important;overflow:visible!important;
}
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs button{
  width:93%!important;height:78%!important;min-width:0!important;max-width:none!important;
  justify-self:center!important;align-self:center!important;transform:none!important;overflow:visible!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:contain!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;transform:none!important;
}
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs [data-hunt-mode="hunts"]{grid-column:1!important}
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs [data-hunt-mode="quests"]{grid-column:2!important}
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs [data-hunt-mode="arena"]{grid-column:3!important}
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs [data-hunt-mode="sagas"]{grid-column:4!important}
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs [data-hunt-mode="bosses"]{grid-column:5!important}

/* SAGAS has no old PNG asset, so make its slot explicit and readable. */
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs [data-hunt-mode="sagas"]{
  background-image:none!important;background:linear-gradient(180deg,#0d5180 0%,#07324f 52%,#061e31 100%)!important;
  border:2px solid #1174a8!important;border-radius:8px!important;
  box-shadow:inset 0 0 0 2px #041523,inset 0 0 12px rgba(44,174,232,.2),0 0 8px rgba(0,124,183,.16)!important;
  color:#cfefff!important;-webkit-text-fill-color:#cfefff!important;font-size:clamp(10px,.85vw,13px)!important;
  line-height:1!important;letter-spacing:.09em!important;font-weight:900!important;text-indent:0!important;
  text-shadow:0 1px 2px #00111d,0 0 7px rgba(57,185,239,.35)!important;
}
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs [data-hunt-mode="sagas"]::before{
  content:'◆';display:inline-block;margin-right:.45em;color:#e9bd51;font-size:.86em;text-shadow:0 0 7px rgba(255,197,65,.55)
}
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs [data-hunt-mode="sagas"].active,
#huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs [data-hunt-mode="sagas"][aria-selected="true"]{
  border-color:#eda72d!important;background:linear-gradient(180deg,#176893 0%,#0b4266 52%,#08253a 100%)!important;
  color:#fff2c5!important;-webkit-text-fill-color:#fff2c5!important;
  box-shadow:inset 0 0 0 2px #07131d,inset 0 -3px #eaa126,0 0 12px rgba(238,161,38,.28)!important;
}

/* Two-column Saga surface: campaign list + readable content. Rewards no longer live in a squeezed third rail. */
#zk63HuntInterior.r226-saga-view{
  grid-template-columns:minmax(190px,23%) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) 40px!important;
  gap:0!important;
}
.r226-saga-list{grid-column:1!important;grid-row:1!important}
.r226-saga-main{grid-column:2!important;grid-row:1!important;min-width:0!important;min-height:0!important;overflow:hidden!important;background:radial-gradient(circle at 75% 3%,rgba(19,82,119,.18),transparent 36%),#07141f!important}
.r226-scroll{width:100%;height:100%;min-height:0;overflow:auto;padding:12px 14px 16px;scrollbar-width:thin;scrollbar-color:#1d88b7 #07131d}
.r226-saga-top{display:grid;grid-template-columns:minmax(225px,.78fr) minmax(0,1.35fr);gap:10px;align-items:stretch}
.r226-saga-top .r224-saga-unlock,.r226-saga-top .r224-saga-waves{margin-top:10px;height:auto}
.r226-saga-top .r224-unlock-rule{grid-template-columns:1fr!important}.r226-saga-top .r224-unlock-rule>p{grid-column:auto!important}
.r226-saga-top .r224-wave-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.r226-saga-top .r224-wave-track>i{display:none!important}
.r226-saga-top .r224-wave-node{min-height:92px!important}

.r226-rewards{margin-top:10px;border:1px solid #24516b;background:linear-gradient(180deg,#091b29,#07131d)}
.r226-rewards>header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:10px 12px;border-bottom:1px solid #20465e;background:#0a1c2a}
.r226-rewards>header small{display:block;color:#67bddf;font-size:7.5px;letter-spacing:.12em}.r226-rewards>header h3{margin:2px 0 0;color:#f0f7fb;font-size:13px}.r226-rewards>header p{max-width:420px;margin:0;color:#8ba5b4;font-size:8.3px;line-height:1.35;text-align:right}
.r226-reward-group{padding:9px 10px 2px}.r226-reward-group h4{margin:0 0 6px;color:#7dc9e8;font-size:8px;letter-spacing:.11em}
.r226-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.r226-reward-card{min-width:0;min-height:53px;padding:7px 8px;display:grid;grid-template-columns:21px minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid #21475c;background:linear-gradient(180deg,#0a1b28,#07141d)}
.r226-reward-card>i{font-style:normal;text-align:center;color:#69c8f0;font-size:15px}.r226-reward-card span{min-width:0}.r226-reward-card b{display:block;color:#e9f3f8;font-size:9.2px;line-height:1.15;white-space:normal}.r226-reward-card small{display:block;margin-top:3px;color:#7f9aaa;font-size:7.4px}.r226-reward-card>em{font-style:normal;color:#a8c0cc;font-size:7.3px;white-space:nowrap}
.r226-reward-card.recipe{border-left:3px solid #5f99c8}.r226-reward-card.catalyst{border-left:3px solid #8a66c7}.r226-reward-card.core_fragment,.r226-reward-card.legendary_core{border-color:#80601e;background:linear-gradient(180deg,#211908,#0a151a)}.r226-reward-card.core_fragment>i,.r226-reward-card.legendary_core>i,.r226-reward-card.legendary_core b{color:#ffd45e}.r226-reward-card.owned{opacity:.58}.r226-reward-card.owned small,.r226-reward-card.owned>em{color:#6ec59a}
.r226-footer{grid-column:1/-1!important;grid-row:2!important}

/* Bosses: list + one readable detail surface. Loot is part of the detail, not a narrow sidebar. */
#zk63HuntInterior.r226-boss-view{
  grid-template-columns:minmax(210px,25%) minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) 40px!important;
  gap:0!important;
}
.r226-boss-list{grid-column:1!important;grid-row:1!important}.r226-boss-main{grid-column:2!important;grid-row:1!important;min-width:0!important;min-height:0!important;overflow:hidden!important;background:radial-gradient(circle at 72% 5%,rgba(41,96,128,.15),transparent 36%),#07141f!important}
.r226-boss-hero{padding:10px 12px!important;align-items:center!important}.r226-boss-hero>img{width:64px!important;height:72px!important}.r226-boss-hero h2{font-size:19px!important;margin-bottom:4px!important}.r226-boss-hero p{font-size:9px!important;line-height:1.35!important}
.r226-boss-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important}.r226-boss-stats span{padding:7px 8px!important;font-size:7.5px!important}.r226-boss-stats b{font-size:10px!important}
.r226-boss-body{display:grid;grid-template-columns:minmax(190px,31%) minmax(0,1fr);gap:9px;margin-top:9px;align-items:start}.r226-boss-body .r224-finale-rule{margin:0!important;height:100%}
.r226-boss-loot{min-width:0;border:1px solid #234b62;background:linear-gradient(180deg,#091b29,#07131d)}.r226-boss-loot>header{padding:9px 10px 7px;border-bottom:1px solid #20465e}.r226-boss-loot small{color:#69bfe2;font-size:7.4px;letter-spacing:.12em}.r226-boss-loot h3{margin:2px 0 0;color:#eef6fa;font-size:12px}
.r226-boss-drop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}.r226-boss-drop{min-width:0;min-height:48px;padding:6px 7px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:7px;align-items:center;border:1px solid #21465b;background:#081720}.r226-boss-drop img{width:31px;height:31px;object-fit:contain;image-rendering:pixelated}.r226-boss-drop span{min-width:0}.r226-boss-drop b{display:block;color:#edf5f9;font-size:9.2px;line-height:1.1;white-space:normal}.r226-boss-drop small{display:block;margin-top:3px;color:#839dac;font-size:7.4px;letter-spacing:0}
.r226-boss-list .r224-boss-card{min-height:54px!important;grid-template-columns:42px minmax(0,1fr)!important;padding:5px 7px!important}.r226-boss-list .r224-boss-card img{width:40px!important;height:42px!important}.r226-boss-list .r224-boss-card b{font-size:10px!important}.r226-boss-list .r224-boss-card small,.r226-boss-list .r224-boss-card em{font-size:7px!important}

@media(max-width:1050px),(max-height:690px){
  #huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs{left:4.4%!important;right:4.4%!important;gap:.15%!important}
  #huntModal .hunt-browser-modal.zk63-shell .hunt-mode-tabs button{width:96%!important;height:76%!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:96%!important}
  .r226-scroll{padding:8px 9px 10px}.r226-saga-top{grid-template-columns:1fr!important}.r226-saga-top .r224-saga-unlock,.r226-saga-top .r224-saga-waves{margin-top:7px}
  .r226-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.r226-boss-body{grid-template-columns:1fr!important}.r226-boss-drop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #zk63HuntInterior.r226-saga-view{grid-template-columns:minmax(180px,22%) minmax(0,1fr)!important}
  #zk63HuntInterior.r226-boss-view{grid-template-columns:minmax(190px,24%) minmax(0,1fr)!important}
}
@media(max-width:820px){
  #zk63HuntInterior.r226-saga-view,#zk63HuntInterior.r226-boss-view{grid-template-columns:165px minmax(0,1fr)!important}
  .r226-reward-grid,.r226-boss-drop-grid{grid-template-columns:1fr!important}.r226-rewards>header{display:block}.r226-rewards>header p{margin-top:5px;text-align:left;max-width:none}
}

/* R226 readability pass — 1366x768 is a supported baseline, not a micro-font target. */
.r226-rewards>header small{font-size:9px!important}
.r226-rewards>header h3{font-size:15px!important}
.r226-rewards>header p{font-size:10px!important;line-height:1.4!important}
.r226-reward-group h4{font-size:9.5px!important}
.r226-reward-card{min-height:60px!important;padding:8px 9px!important;grid-template-columns:24px minmax(0,1fr) auto!important}
.r226-reward-card>i{font-size:17px!important}
.r226-reward-card b{font-size:10.5px!important;line-height:1.2!important}
.r226-reward-card small,.r226-reward-card>em{font-size:9px!important;line-height:1.25!important}
.r226-boss-loot small{font-size:9px!important}
.r226-boss-loot h3{font-size:14px!important}
.r226-boss-drop{min-height:56px!important;padding:7px 8px!important;grid-template-columns:38px minmax(0,1fr)!important}
.r226-boss-drop img{width:35px!important;height:35px!important}
.r226-boss-drop b{font-size:10.5px!important;line-height:1.2!important}
.r226-boss-drop small{font-size:9px!important;line-height:1.25!important}
.r226-boss-list .r224-boss-card b{font-size:11px!important}
.r226-boss-list .r224-boss-card small,.r226-boss-list .r224-boss-card em{font-size:8.5px!important;line-height:1.2!important}
.r226-boss-hero p{font-size:10.5px!important}
.r226-boss-stats span{font-size:9px!important}.r226-boss-stats b{font-size:11px!important}
.r226-saga-main .r224-saga-hero p,.r226-saga-main .r224-unlock-rule,.r226-saga-main .r224-wave-node{font-size:10px!important;line-height:1.35!important}
.r226-saga-main .r224-wave-node small,.r226-saga-main .r224-wave-node em{font-size:8.7px!important;line-height:1.25!important}