html:not(#_k) #occupation-overlay.icb-upgrade-window .gw-tab{font-size:19px!important;color:#e9e1d0!important;background:#202b3d!important;border:2px solid #79633b!important}
html:not(#_k) #occupation-overlay.icb-upgrade-window .gw-tab.on{background:#edbb49!important;color:#162333!important;border-color:#f7d67f!important}
html:not(#_k) #occupation-overlay.icb-upgrade-window .occ-body{background:#182230;color:#eee9dc}
html:not(#_k) #occupation-overlay.icb-upgrade-window .icb-up small{color:#d4d0c5!important}
html:not(#_k) #occupation-overlay.icb-upgrade-window .gw-sub{color:#d4d0c5!important}
.icb-f-img canvas{width:100%;height:100%;object-fit:contain}
html:not(#_k) .hero-popup.hero-inventory-popup{width:min(1060px,96vw);max-width:1060px}
html:not(#_k) .hero-popup.hero-inventory-popup .hero-popup-content{overflow:visible}
html:not(#_k) .hero-popup.hero-inventory-popup .hero-bag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html:not(#_k) .hero-popup.hero-inventory-popup .hero-bag-item{display:grid;direction:ltr;grid-template-columns:132px minmax(0,1fr);grid-template-rows:auto 166px auto;gap:8px 12px;padding:14px;border:1px solid #776745;border-radius:12px;background:linear-gradient(145deg,#26303d,#1b2330);font-size:14px;align-items:start;color:#f2ead8}
.hero-bag-item>header{grid-column:1/-1;direction:rtl;display:flex;justify-content:space-between;gap:8px;min-height:32px;align-items:center}
.hero-bag-item>header b{font-size:16px}.hero-bag-item>header span{font-size:12px;color:#c5bdac;white-space:nowrap}
html:not(#_k) .hero-popup.hero-inventory-popup .hero-bag-item>canvas{grid-column:2;grid-row:2;width:100%;height:166px;object-fit:contain;justify-self:center;max-width:220px}
html:not(#_k) .hero-popup.hero-inventory-popup .hbi-act{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(3,46px);gap:9px;align-content:center;height:166px;width:100%}
html:not(#_k) .hero-popup.hero-inventory-popup .hbi-act .gbtn{width:100%!important;min-width:0;flex:none!important;box-sizing:border-box;margin:0;min-height:46px}
html:not(#_k) .hero-popup.hero-inventory-popup .hbi-bn{grid-column:2;grid-row:3;direction:rtl;display:flex;gap:4px 8px;flex-wrap:wrap;align-items:start;justify-content:center;min-height:42px;text-align:center}
.hero-stat-compare{font-size:13px;font-weight:600}.hero-stat-compare.better{color:#80ddb0}.hero-stat-compare.worse{color:#ff9693}.hero-stat-compare.equal{color:#d9d9d5}
.hero-loss-info{position:relative;cursor:help;font-size:12px;color:#efc46e;outline-offset:3px}
.hero-loss-info:hover:after,.hero-loss-info:focus:after{content:attr(data-tooltip);position:absolute;z-index:20;bottom:calc(100% + 7px);right:0;background:#111b29;border:1px solid #bc9a53;color:#fff;padding:10px;border-radius:7px;white-space:pre-line;width:220px;box-shadow:0 5px 20px #0008;text-align:right}
.hero-gear-card{display:grid;grid-template-rows:auto 42px 36px 15px minmax(56px,1fr) 42px 42px;gap:5px;align-items:stretch}
.hero-gear-card .hero-gear-name{display:flex;align-items:center;justify-content:center;line-height:1.3}
.hero-gear-card .hero-gear-bonus{display:flex;align-items:start;justify-content:center;line-height:1.6}
.hero-gear-card>.gbtn{width:100%;margin:0;min-width:0}.hero-gear-card .hero-style-placeholder{visibility:hidden;min-height:42px}
html:not(#_k) #occupation-overlay.icb-upgrade-window .gw-tabs{display:flex;gap:12px;border:0;padding:8px 0 20px}
html:not(#_k) #occupation-overlay.icb-upgrade-window .gw-tab{flex:1;min-height:58px;padding:12px 20px;font-size:19px;font-weight:800;color:#e9e1d0;background:#202b3d;border:2px solid #79633b;border-radius:10px;cursor:pointer;opacity:1}
html:not(#_k) #occupation-overlay.icb-upgrade-window .gw-tab.on{background:#edbb49;color:#162333;border-color:#f7d67f;box-shadow:0 0 0 2px #463c27}
html:not(#_k) #occupation-overlay.icb-upgrade-window .gw-tab:focus-visible{outline:3px solid #70c7ed;outline-offset:3px}
html:not(#_k) #occupation-overlay.icb-upgrade-window .icb-up-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html:not(#_k) #occupation-overlay.icb-upgrade-window .icb-up{border:1px solid #89764b;border-radius:12px;background:linear-gradient(145deg,#26303d,#1b2330);color:#eee9dc;padding:16px;display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;min-height:220px;align-items:start}
html:not(#_k) #occupation-overlay.icb-upgrade-window .icb-up>img,html:not(#_k) #occupation-overlay.icb-upgrade-window .icb-up .hero-skill-icon{width:132px;height:150px;object-fit:contain}
html:not(#_k) #occupation-overlay.icb-upgrade-window .icb-up>div{display:flex;flex-direction:column;align-items:start;height:100%;gap:10px}
html:not(#_k) #occupation-overlay.icb-upgrade-window .icb-up small{color:#d4d0c5;line-height:1.7}html:not(#_k) #occupation-overlay.icb-upgrade-window .icb-up .gbtn{margin-top:auto;min-height:42px;width:100%}
@media(max-width:690px){html:not(#_k) .hero-popup.hero-inventory-popup .hero-bag,html:not(#_k) #occupation-overlay.icb-upgrade-window .icb-up-grid{grid-template-columns:1fr}html:not(#_k) .hero-popup.hero-inventory-popup .hero-bag-item{grid-template-columns:120px minmax(0,1fr)}.hero-gear-card{grid-template-rows:auto 44px 40px 15px minmax(64px,1fr) 42px 42px}html:not(#_k) #occupation-overlay.icb-upgrade-window .gw-tab{font-size:16px;padding:10px}html:not(#_k) #occupation-overlay.icb-upgrade-window .icb-up{grid-template-columns:110px minmax(0,1fr)}html:not(#_k) #occupation-overlay.icb-upgrade-window .icb-up>img{width:105px}}
