@layer global-ui {
html body #modal:has(.equipment-v2){width:min(1240px,98vw)!important;max-width:98vw!important;max-height:96vh!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:#fff0cf!important}
html body #modalContent:has(.equipment-v2){background:transparent!important;padding:0!important;border:0!important;color:#fff0cf!important}
html body #modal .equipment-v2{background:url('assets/equipment-ui-v2/panel.webp') center/100% 100% no-repeat!important;padding:32px 38px 30px!important;color:#fff0cf!important;min-height:0!important}
html body #modal .equipment-v2 header{display:flex!important;justify-content:space-between!important;align-items:center!important;min-height:0!important;padding:5px 12px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff0cf!important;gap:20px!important}
html body #modal .equipment-v2 header h2{font-size:22px!important;color:#fff0cf!important;margin:0!important}html body #modal .equipment-v2 .eq-wallet{font-size:11px!important;white-space:nowrap!important}html body #modal .equipment-v2 .eq-wallet strong{font-size:15px!important}
html body #modal .equipment-v2 button:not(.eq-slot):not([data-eq-focus]),html body #modal .equipment-v2 select{background:url('assets/equipment-ui-v2/button-normal.webp') center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;color:#fce7bd!important;min-height:44px!important;padding:10px 25px!important;border-radius:0!important;font-weight:700!important}
html body #modal .equipment-v2 button[aria-pressed=true]:not(.eq-slot):not([data-eq-focus]){background-image:url('assets/equipment-ui-v2/button-selected.webp')!important}
html body #modal .equipment-v2 button:active:not(:disabled):not(.eq-slot):not([data-eq-focus]){background-image:url('assets/equipment-ui-v2/button-pressed.webp')!important;transform:none!important}
html body #modal .equipment-v2 button:disabled:not(.eq-slot):not([data-eq-focus]){background-image:url('assets/equipment-ui-v2/button-disabled.webp')!important;opacity:.75!important;color:#e6d7c1!important;filter:none!important}
html body #modal .equipment-v2 select{color:#fff2d6!important;padding:8px 26px!important;width:100%!important}html body #modal .equipment-v2 option{background:#55483b;color:#fff2d6}
html body #modal .equipment-v2 .eq-workspace{display:grid!important;grid-template-columns:minmax(350px,.92fr) minmax(410px,1.08fr)!important;gap:24px!important;margin:8px 0 0!important}
html body #modal .equipment-v2 .eq-body-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(4,auto)!important;gap:2px 8px!important;align-items:center!important;background:none!important;min-height:0!important}
html body #modal .equipment-v2 .eq-slot{border:0!important;background:none!important;box-shadow:none!important;color:#fff0cf!important;padding:0!important;gap:0!important;display:flex!important;align-items:center!important;flex-direction:column!important;min-width:0!important;outline:0!important;transform:none!important}
html body #modal .equipment-v2 .eq-slot b{font-size:12px!important;white-space:nowrap!important}html body #modal .equipment-v2 .eq-slot small{font-size:10px!important}html body #modal .equipment-v2 .eq-slot[aria-pressed=true] .eq-art{filter:brightness(1.22);}
html body #modal .equipment-v2 .eq-head{grid-area:1/2!important}html body #modal .equipment-v2 .eq-arms{grid-area:2/1!important}html body #modal .equipment-v2 .eq-body{grid-area:2/3!important}html body #modal .equipment-v2 .eq-feet{grid-area:3/2!important}html body #modal .equipment-v2 .eq-charm1{grid-area:4/1!important}html body #modal .equipment-v2 .eq-charm2{grid-area:4/3!important}
html body #modal .equipment-v2 .eq-summary{grid-area:2/2/4/3!important;align-self:center!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#fff0cf!important;padding:0!important;text-align:center!important}
html body #modal .equipment-v2 .eq-summary h3{font-size:15px!important;margin:0 0 5px!important}html body #modal .equipment-v2 .eq-summary p{font-size:10px!important;line-height:1.45!important;margin:4px 0!important}html body #modal .equipment-v2 .eq-summary strong{display:block}
html body #modal .equipment-v2 .eq-art{display:block;position:relative;width:104px;height:114px;flex:none;margin:3px auto 0;color:#ffebc0}
html body #modal .equipment-v2 .eq-frame-img{position:absolute;width:100%;height:100%;object-fit:fill;inset:0}
html body #modal .equipment-v2 .eq-item-img{position:absolute;left:16%;top:16%;width:68%;height:68%;object-fit:contain}
html body #modal .equipment-v2 .eq-art-placeholder{position:absolute;inset:22% 15%;display:flex;align-items:center;justify-content:center;font-size:12px;text-align:center;opacity:.68}
html body #modal .equipment-v2 .eq-effect-badge{position:absolute;right:-3px;top:1px;width:32px;height:32px;background:url('assets/equipment-ui-v2/badge.webp') center/contain no-repeat;display:flex;align-items:center;justify-content:center;color:#624527;font-size:10px;font-weight:800;padding:0;z-index:2}
html body #modal .equipment-v2 .eq-upgrade-badge{position:absolute;right:4px;bottom:-2px;width:47px;height:31px;background-position:center;background-size:contain;background-repeat:no-repeat;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;color:#fff0c5;font-size:11px;font-weight:800;z-index:2}
html body #modal .equipment-v2 .eq-upgrade-badge[data-rank='1']{background-image:url('assets/equipment-ui-v2/rank-1.webp')}html body #modal .equipment-v2 .eq-upgrade-badge[data-rank='2']{background-image:url('assets/equipment-ui-v2/rank-2.webp')}html body #modal .equipment-v2 .eq-upgrade-badge[data-rank='3']{background-image:url('assets/equipment-ui-v2/rank-3.webp')}
html body #modal .equipment-v2 .eq-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px}html body #modal .equipment-v2 .eq-toolbar h3{font-size:20px!important;margin:0!important;color:#fff0cf!important}
html body #modal .equipment-v2 .eq-mode{display:flex;gap:8px}html body #modal .equipment-v2 .eq-mode button{flex:1}
html body #modal .equipment-v2 .eq-craft-filters{display:flex;gap:10px;margin:4px 0}html body #modal .equipment-v2 .eq-craft-filters label{flex:1;min-width:0;font-size:11px;color:#fff0cf}
html body #modal .equipment-v2 .eq-owned-list{display:flex;gap:6px;max-width:100%;overflow:auto;min-height:100px;padding:5px 4px}
html body #modal .equipment-v2 [data-eq-focus]{display:flex;flex-direction:column;align-items:center;flex:none;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;color:#fff0cf!important}
html body #modal .equipment-v2 [data-eq-focus] .eq-art{width:70px;height:78px}html body #modal .equipment-v2 [data-eq-focus] .eq-effect-badge{width:25px;height:25px;font-size:8px}html body #modal .equipment-v2 [data-eq-focus] small{font-size:9px}html body #modal .equipment-v2 [data-eq-focus][aria-pressed=true]{filter:brightness(1.24)}
html body #modal .equipment-v2 .eq-feature{display:flex;align-items:center;gap:15px;padding:7px 0;background:none!important;border:0!important;box-shadow:none!important}
html body #modal .equipment-v2 .eq-feature>.eq-art{width:205px;height:226px;margin:0!important}html body #modal .equipment-v2 .eq-feature .eq-effect-badge{width:45px;height:45px;font-size:13px}html body #modal .equipment-v2 .eq-feature .eq-upgrade-badge{width:66px;height:44px;font-size:14px;padding-bottom:7px}
html body #modal .equipment-v2 .eq-item-details{flex:1;min-width:0;color:#fff0cf}html body #modal .equipment-v2 .eq-item-details h3{font-size:21px!important;color:#fff0cf!important;margin:7px 0!important}html body #modal .equipment-v2 .eq-item-details p{font-size:12px!important;margin:7px 0!important}html body #modal .equipment-v2 .eq-item-details small{font-size:11px}html body #modal .equipment-v2 .eq-main-stat{font-size:17px!important;font-weight:800}
html body #modal .equipment-v2 .eq-actions{display:flex;flex-direction:column;gap:5px}html body #modal .equipment-v2 .eq-actions button{width:100%;font-size:11px!important;padding:9px 16px!important}html body #modal .equipment-v2 .eq-rule{font-size:11px!important;line-height:1.6;color:#f0dcb7!important;margin:7px 0!important}
html body #modal .equipment-v2 .eq-affix-result,html body #modal .equipment-v2 .eq-affix-choices article{background:none!important;border:0!important;box-shadow:none!important;color:#fff0cf!important}html body #modal .equipment-v2 .eq-affix-item{display:grid!important;grid-template-columns:80px 1fr!important;gap:4px 12px!important;background:none!important;color:#fff0cf!important}html body #modal .equipment-v2 .eq-affix-item .eq-art{grid-row:1/4!important;width:74px;height:82px;margin:0!important}html body #modal .equipment-v2 .eq-affix-item b,html body #modal .equipment-v2 .eq-affix-item span,html body #modal .equipment-v2 .eq-affix-item small{grid-column:2!important}html body #modal .equipment-v2 .eq-affix-choices h3,html body #modal .equipment-v2 .eq-affix-choices p{color:#fff0cf!important}
@media(max-height:550px){html body #modal .equipment-v2{padding:20px 26px!important}html body #modal .equipment-v2 header h2{font-size:17px!important}html body #modal .equipment-v2 .eq-workspace{grid-template-columns:280px minmax(320px,1fr)!important;gap:14px!important}html body #modal .equipment-v2 .eq-art{width:60px;height:63px}html body #modal .equipment-v2 .eq-slot b{font-size:10px!important}html body #modal .equipment-v2 .eq-slot small{display:none}html body #modal .equipment-v2 .eq-body-grid{grid-template-rows:repeat(4,72px)!important;gap:0!important}html body #modal .equipment-v2 .eq-owned-list{min-height:82px}html body #modal .equipment-v2 .eq-feature>.eq-art{width:145px;height:160px}html body #modal .equipment-v2 .eq-item-details h3{font-size:16px!important}html body #modal .equipment-v2 .eq-item-details p{font-size:11px!important}html body #modal .equipment-v2 .eq-feature{gap:8px}html body #modal .equipment-v2 button:not(.eq-slot):not([data-eq-focus]){min-height:40px!important;font-size:11px!important}html body #modal .equipment-v2 .eq-affix-screen{padding:20px 26px!important}}
}

@layer global-ui {html body #modal .equipment-v2 *{box-sizing:border-box}html body #modal .equipment-v2 :is(p,b,small,strong,label,h3){color:inherit!important}html body #modal .equipment-v2{max-width:none!important;width:100%!important;margin:0!important}html body #modal .equipment-v2 .eq-loadout,html body #modal .equipment-v2 .eq-workbench{min-width:0}html body #modal .equipment-v2 .eq-owned-list{border:0!important}html body #modal .equipment-v2 .eq-affix-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px}html body #modal .equipment-v2 .eq-affix-choices button{width:100%}html body #modal .equipment-v2 .eq-affix-paid{display:block;font-size:11px;margin-top:10px}html body #modal .equipment-v2 .eq-affix-item{margin:12px 0}html body #modal .equipment-v2.eq-affix-screen{max-width:800px!important;margin:auto!important}html body #modal:has(.eq-affix-screen){width:min(800px,98vw)!important}html body #modal .equipment-v2 .eq-effect-badge{color:#624527!important}html body #modal .equipment-v2 .eq-upgrade-badge{color:#fff0c5!important}html body #modal .equipment-v2 .eq-item-details{color:#fff0cf!important}html body #modal .equipment-v2 button{font-family:inherit!important}html body #modal .equipment-v2 .eq-mode button{min-width:130px}html body #modal .equipment-v2 .eq-slot{color:#fff0cf!important}html body #modal .equipment-v2 .eq-feature .eq-art-placeholder{font-size:20px}html body #modal .equipment-v2 .eq-item-details button{font-size:11px!important}html body #modal .equipment-v2 .eq-owned-list button{background:none!important}html body #modal .equipment-v2 .eq-affix-result{padding:0!important}html body #modal .equipment-v2 header{min-height:0!important;height:auto!important}html body #modal .equipment-v2 .eq-slot[aria-pressed=true]{background:none!important}}

@layer global-ui {html body #modal:has(.equipment-v2){outline:0!important}html body #modal .equipment-v2 .eq-owned-list.eq-single{display:none!important}html body #modal .equipment-v2 .eq-feature{align-items:flex-start!important;margin-top:12px!important}html body #modal .equipment-v2 .eq-feature>.eq-art{margin-top:12px!important}html body #modal .equipment-v2 .eq-mode{border:0!important}html body #modal .equipment-v2 .eq-workbench{padding-bottom:18px}html body #modal .equipment-v2 .eq-body-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}html body #modal .equipment-v2 .eq-summary{max-height:185px;overflow:auto}@media(max-height:550px){html body #modal .equipment-v2 .eq-feature{margin-top:3px!important}html body #modal .equipment-v2 .eq-feature>.eq-art{width:140px;height:154px}html body #modal .equipment-v2 .eq-item-details :is(h3,p){margin:3px 0!important}html body #modal .equipment-v2 .eq-actions{gap:1px}html body #modal .equipment-v2 .eq-actions button{min-height:34px!important;height:34px!important;padding:6px 12px!important;font-size:10px!important}html body #modal .equipment-v2 .eq-rule{font-size:9px!important;margin:3px 0!important}html body #modal .equipment-v2 .eq-mode button{min-height:32px!important;height:32px!important;padding:4px 20px!important}html body #modal .equipment-v2 .eq-toolbar button{min-height:30px!important;height:30px!important;padding:4px 20px!important}html body #modal .equipment-v2 .eq-summary{max-height:132px;font-size:9px!important}html body #modal .equipment-v2 .eq-summary h3{font-size:11px!important}html body #modal .equipment-v2 .eq-summary p{font-size:9px!important;margin:1px 0!important}html body #modal .equipment-v2 .eq-craft-filters select{min-height:32px!important;height:32px!important;padding:3px 20px!important}html body #modal .equipment-v2 .eq-owned-list{min-height:0!important;max-height:66px!important}html body #modal .equipment-v2 .eq-owned-list .eq-art{width:45px;height:49px}html body #modal .equipment-v2 .eq-owned-list small{display:none}}}

@layer global-ui {@media(min-height:551px){html body #modal .equipment-v2{padding-bottom:64px!important}html body #modal .equipment-v2 .eq-summary p{line-height:1.65!important;margin:5px 0!important}html body #modal .equipment-v2 .eq-summary strong{font-size:12px!important;white-space:nowrap}}}

@layer global-ui {@media(max-height:550px){html body #modal #modalContent .equipment-v2 .eq-actions button{min-height:34px!important;height:34px!important;padding:5px 15px!important}html body #modal #modalContent .equipment-v2 .eq-item-details p{line-height:16px!important}html body #modal #modalContent .equipment-v2 .eq-mode button,html body #modal #modalContent .equipment-v2 .eq-toolbar button{min-height:32px!important;height:32px!important;padding:4px 20px!important}html body #modal #modalContent .equipment-v2 .eq-summary{grid-row:2!important;max-height:75px!important;overflow:auto!important;align-self:start!important}}}

@layer global-ui {html body #modal #modalContent .equipment-v2 .eq-summary{grid-area:2/2!important;align-self:center!important;max-height:155px!important}html body #modal #modalContent .equipment-v2 .eq-summary p{display:flex!important;justify-content:space-between!important;gap:4px!important;line-height:1.45!important;white-space:nowrap!important}html body #modal #modalContent .equipment-v2 .eq-summary strong{display:inline!important;font-size:inherit!important}html body #modal #modalContent .equipment-v2 .eq-affix-item>.eq-art{grid-column:1!important}@media(min-height:551px){html body #modal .equipment-v2{padding-bottom:90px!important}}@media(max-height:550px){html body #modal #modalContent .equipment-v2 .eq-summary{max-height:72px!important;font-size:9px!important}html body #modal #modalContent .equipment-v2 .eq-summary h3{font-size:10px!important}html body #modal #modalContent .equipment-v2 .eq-summary p{font-size:8px!important;gap:1px!important;margin:1px 0!important}}}

@layer global-ui {html body #modal:has(.equipment-v2) #closeModal{background:url('assets/equipment-ui-v2/badge.webp') center/contain no-repeat!important;border:0!important;box-shadow:none!important;color:#694629!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;line-height:44px!important;padding:0!important;border-radius:0!important;font-size:24px!important;z-index:5!important}html body #modal:has(.equipment-v2) #modalContent,html body #modal:has(.equipment-v2) #modalContent::before,html body #modal:has(.equipment-v2) #modalContent::after{border:0!important;box-shadow:none!important;outline:0!important}html body #modal #modalContent .equipment-panel{border:0!important;box-shadow:none!important;outline:0!important;border-radius:0!important}}

@layer global-ui {html body #modal #modalContent .equipment-v2 .eq-affix-item>span,html body #modal #modalContent .equipment-v2 .eq-art-placeholder{color:#fff0cf!important}html body #modal:has(.equipment-v2) #closeModal{outline:0!important}html body #modal:has(.equipment-v2) #closeModal:focus-visible{filter:brightness(1.25)!important}}

@layer global-ui {html body #modal #modalContent .equipment-v2{padding:32px 38px 112px!important}html body #modal #modalContent .equipment-v2 .eq-summary{padding:0!important}html body #modal #modalContent .equipment-v2 .eq-summary p{font-variant-numeric:tabular-nums!important}@media(max-height:550px){html body #modal #modalContent .equipment-v2{padding:20px 26px 33px!important}html body #modal #modalContent .equipment-v2 .eq-body-grid{grid-template-rows:repeat(4,68px)!important}html body #modal #modalContent .equipment-v2 .eq-summary{max-height:90px!important;align-self:center!important;position:relative;top:0px}html body #modal #modalContent .equipment-v2 .eq-summary h3{margin:0 0 1px!important;line-height:11px!important}html body #modal #modalContent .equipment-v2 .eq-summary p{line-height:10px!important;margin:0!important}}}

@layer global-ui {@media(max-height:550px){html body #modal #modalContent .equipment-v2 .eq-summary{max-height:64px!important}}}

@layer global-ui {@media(max-height:550px){html body #modal #modalContent .equipment-v2 .eq-feet{transform:translateY(14px)!important}}}

/* User-approved design: larger artwork/text, effect badges inside the generated frame. */
@layer global-ui {
html body #modal:has(.equipment-v2){width:min(1480px,98vw)!important}
html body #modal #modalContent .equipment-v2 .eq-art{width:132px;height:144px}
html body #modal #modalContent .equipment-v2 .eq-item-img{left:10%;top:12%;width:80%;height:80%}
html body #modal #modalContent .equipment-v2 .eq-slot b{font-size:16px!important;line-height:24px!important}
html body #modal #modalContent .equipment-v2 .eq-slot small{font-size:13px!important;line-height:20px!important}
html body #modal #modalContent .equipment-v2 .eq-feature>.eq-art{width:250px;height:274px}
html body #modal #modalContent .equipment-v2 .eq-effect-badge{right:8%;top:8%;width:34px;height:34px;font-size:12px!important}
html body #modal #modalContent .equipment-v2 .eq-feature .eq-effect-badge{right:8%;top:8%;width:44px;height:44px;font-size:15px!important}
html body #modal #modalContent .equipment-v2 .eq-upgrade-badge{right:9%;bottom:5%}
html body #modal #modalContent .equipment-v2 .eq-item-details h3{font-size:25px!important;line-height:1.45!important}
html body #modal #modalContent .equipment-v2 .eq-item-details p{font-size:17px!important;line-height:1.6!important}
html body #modal #modalContent .equipment-v2 .eq-item-details small{font-size:14px!important}
html body #modal #modalContent .equipment-v2 .eq-actions button,html body #modal #modalContent .equipment-v2 .eq-mode button,html body #modal #modalContent .equipment-v2 .eq-toolbar button{font-size:16px!important;min-height:50px!important;height:auto!important}
html body #modal #modalContent .equipment-v2 .eq-summary{max-height:180px!important}
html body #modal #modalContent .equipment-v2 .eq-summary h3{font-size:18px!important}
html body #modal #modalContent .equipment-v2 .eq-summary p{font-size:13px!important;line-height:22px!important}
html body #modal #modalContent .equipment-v2 .eq-rule,html body #modal #modalContent .equipment-v2 .eq-craft-filters label{font-size:14px!important;line-height:1.6!important}
html body #modal #modalContent .equipment-v2 .eq-craft-filters select{font-size:16px!important;min-height:46px!important}
html body #modal #modalContent .equipment-v2 [data-eq-focus] .eq-art{width:88px;height:96px}
html body #modal #modalContent .equipment-v2 [data-eq-focus] small{font-size:12px!important}
html body #modal #modalContent .equipment-v2 [data-eq-focus] .eq-effect-badge{width:27px;height:27px;font-size:10px!important}
@media(max-height:550px){
html body #modal #modalContent .equipment-v2{padding:26px 34px 48px!important}
html body #modal #modalContent .equipment-v2 .eq-workspace{grid-template-columns:310px minmax(340px,1fr)!important;gap:16px!important}
html body #modal #modalContent .equipment-v2 .eq-body-grid{grid-template-rows:repeat(4,118px)!important;align-items:center!important}
html body #modal #modalContent .equipment-v2 .eq-art{width:84px;height:92px}
html body #modal #modalContent .equipment-v2 .eq-slot b{font-size:12px!important;line-height:19px!important}
html body #modal #modalContent .equipment-v2 .eq-slot small{display:none!important}
html body #modal #modalContent .equipment-v2 .eq-effect-badge{width:27px;height:27px;font-size:10px!important}
html body #modal #modalContent .equipment-v2 .eq-feet{transform:none!important}
html body #modal #modalContent .equipment-v2 .eq-summary{max-height:108px!important;top:0!important;overflow:auto!important}
html body #modal #modalContent .equipment-v2 .eq-summary h3{font-size:12px!important;line-height:18px!important}
html body #modal #modalContent .equipment-v2 .eq-summary p{display:block!important;white-space:normal!important;font-size:11px!important;line-height:16px!important;margin:0 0 3px!important}
html body #modal #modalContent .equipment-v2 .eq-summary strong{display:block!important}
html body #modal #modalContent .equipment-v2 .eq-feature{display:flex!important;flex-direction:column;align-items:center!important}
html body #modal #modalContent .equipment-v2 .eq-feature>.eq-art{width:190px;height:208px}
html body #modal #modalContent .equipment-v2 .eq-item-details{width:100%}
html body #modal #modalContent .equipment-v2 .eq-item-details h3{font-size:21px!important}
html body #modal #modalContent .equipment-v2 .eq-item-details p{font-size:15px!important;line-height:23px!important}
html body #modal #modalContent .equipment-v2 .eq-actions button,html body #modal #modalContent .equipment-v2 .eq-mode button,html body #modal #modalContent .equipment-v2 .eq-toolbar button{font-size:14px!important;min-height:46px!important;padding:10px 16px!important}
html body #modal #modalContent .equipment-v2 .eq-rule{font-size:12px!important}
html body #modal #modalContent .equipment-v2 .eq-owned-list{max-height:124px!important}
}
}
@layer global-ui {
html body #modal #modalContent .equipment-v2 .eq-loadout{position:relative;padding-right:22px!important;min-width:0}
html body #modal #modalContent .equipment-v2 .eq-loadout::after{content:'';position:absolute;right:-9px;top:0;bottom:0;width:30px;background:url('assets/equipment-ui-v2/divider.webp') center/contain no-repeat;pointer-events:none}
html body #modal #modalContent .equipment-v2 .eq-workbench{min-width:0}
html body #modal #modalContent .equipment-v2 .eq-affix-result,html body #modal #modalContent .equipment-v2 .eq-forecast{padding:16px 28px 30px!important;box-sizing:border-box}
html body #modal #modalContent .equipment-v2 .eq-affix-choices{gap:24px!important}
html body #modal #modalContent .equipment-v2 .eq-affix-choices article{min-width:0;padding:14px!important}
html body #modal #modalContent .equipment-v2 .eq-affix-choices :is(h3,p){font-size:18px!important;line-height:1.65!important;overflow-wrap:anywhere}
html body #modal #modalContent .equipment-v2 .eq-affix-choices button{width:100%;height:auto!important;min-height:54px!important;padding:14px 25px!important;font-size:17px!important;white-space:normal!important}
html body #modal #modalContent .equipment-v2 .eq-affix-item>.eq-art{width:230px;height:252px}
html body #modal #modalContent .equipment-v2 .eq-affix-item :is(b,span,small){overflow-wrap:anywhere}
html body #modal #modalContent .equipment-v2 .eq-forecast{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(300px,1.2fr);gap:24px;text-align:center}
html body #modal #modalContent .equipment-v2 .eq-forecast .eq-art,html body #modal #modalContent .equipment-v2 .eq-animation .eq-art{width:250px;height:274px}
html body #modal #modalContent .equipment-v2 .eq-forecast ul{list-style:none;margin:0;padding:0;text-align:left}
html body #modal #modalContent .equipment-v2 .eq-forecast li{margin:10px 0;font-size:16px;line-height:1.6}
html body #modal #modalContent .equipment-v2 .eq-forecast li :is(b,span){display:block}
html body #modal #modalContent .equipment-v2 .eq-forecast button{width:100%;height:auto!important;min-height:54px!important;font-size:17px!important;padding:14px 24px!important;white-space:normal!important}
html body #modal #modalContent .equipment-v2 .eq-animation{text-align:center;padding:40px 30px 70px}
html body #modal #modalContent .equipment-v2 .eq-animation h3{font-size:24px;line-height:1.6}
html body #modal #modalContent .equipment-v2 .eq-enhance .eq-frame-img{animation:eq-forge 1s ease-in-out both}
html body #modal #modalContent .equipment-v2 .eq-enhance .eq-upgrade-badge{animation:eq-forge 1s ease-in-out both}
html body #modal #modalContent .equipment-v2 .eq-polish-light{filter:brightness(2.7) saturate(.3);animation:eq-polish 1.4s linear both}
@keyframes eq-forge{0%,100%{filter:brightness(1);transform:scale(1)}45%{filter:brightness(2.2);transform:scale(1.06)}70%{filter:brightness(1.4);transform:scale(1)}}
@keyframes eq-polish{0%{clip-path:inset(0 0 100% 0)}15%{clip-path:inset(0 0 80% 0)}85%{clip-path:inset(80% 0 0 0)}100%{clip-path:inset(100% 0 0 0)}}
@media(max-height:550px){
html body #modal #modalContent .equipment-v2 .eq-affix-result,html body #modal #modalContent .equipment-v2 .eq-forecast{padding:12px 18px 26px!important}
html body #modal #modalContent .equipment-v2 .eq-affix-choices{gap:18px!important}
html body #modal #modalContent .equipment-v2 .eq-affix-choices article{padding:10px!important}
html body #modal #modalContent .equipment-v2 .eq-affix-choices :is(h3,p){font-size:15px!important}
html body #modal #modalContent .equipment-v2 .eq-affix-choices button{font-size:14px!important;min-height:50px!important;padding:12px 22px!important}
html body #modal #modalContent .equipment-v2 .eq-forecast{grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr);gap:18px}
html body #modal #modalContent .equipment-v2 .eq-forecast li{font-size:14px}
html body #modal #modalContent .equipment-v2 .eq-forecast .eq-art{width:190px;height:208px}
}
@media(max-width:650px) and (min-height:551px){html body #modal #modalContent .equipment-v2 .eq-workspace,html body #modal #modalContent .equipment-v2 .eq-forecast{display:flex!important;flex-direction:column!important}html body #modal #modalContent .equipment-v2 .eq-loadout{padding-right:0!important;padding-bottom:35px!important}html body #modal #modalContent .equipment-v2 .eq-loadout::after{left:50%;right:auto;top:auto;bottom:-125px;width:20px;height:280px;transform:rotate(90deg);transform-origin:center}}
}
@layer global-ui {
html body #modal #modalContent .equipment-v2 .eq-effect-badge{right:15%!important;top:16%!important}
html body #modal #modalContent .equipment-v2 .eq-feature>.eq-art .eq-effect-badge{right:15%!important;top:16%!important}
html body #modal #modalContent .equipment-v2 .eq-owned-list .eq-effect-badge{right:14%!important;top:15%!important}
html body #modal #modalContent .equipment-v2 .eq-loadout{padding-left:14px!important;padding-bottom:30px!important}
html body #modal #modalContent .equipment-v2 .eq-summary p{white-space:normal!important;flex-wrap:wrap!important;overflow-wrap:anywhere!important;gap:0 8px!important}
html body #modal #modalContent .equipment-v2 .eq-summary p:last-child{display:block!important}
html body #modal #modalContent .equipment-v2 .eq-summary p:last-child strong{display:block!important}
html body #modal #modalContent .equipment-v2 .eq-body-grid{grid-template-rows:repeat(4,202px)!important}
html body #modal #modalContent .equipment-v2 .eq-summary{max-height:190px!important}
@media(max-height:550px){html body #modal #modalContent .equipment-v2 .eq-slot b{font-size:14px!important;line-height:21px!important}html body #modal #modalContent .equipment-v2 .eq-body-grid{grid-template-rows:repeat(4,140px)!important}html body #modal #modalContent .equipment-v2 .eq-summary{max-height:126px!important}html body #modal #modalContent .equipment-v2 .eq-summary p{font-size:12px!important;line-height:17px!important}}
}
@layer global-ui {
html body #modal #modalContent .equipment-v2 .eq-affix-item{grid-template-columns:230px minmax(0,1fr)!important;grid-template-rows:repeat(3,auto)!important;align-items:center!important;column-gap:22px!important}
html body #modal #modalContent .equipment-v2 .eq-affix-item>.eq-art{grid-area:1/1/4/2!important;align-self:center!important}
html body #modal #modalContent .equipment-v2 .eq-affix-item>b{grid-area:1/2!important;font-size:23px!important;align-self:end!important}
html body #modal #modalContent .equipment-v2 .eq-affix-item>span:not(.eq-art){grid-area:2/2!important;font-size:16px!important}
html body #modal #modalContent .equipment-v2 .eq-affix-item>small{grid-area:3/2!important;font-size:16px!important;align-self:start!important;line-height:1.65!important}
html body #modal #modalContent .equipment-v2 .eq-forecast :is(ul,li,li b,li span){color:#fff0cf!important}
html body #modal #modalContent .equipment-v2 .eq-forecast button{max-width:480px!important;display:block!important;margin:8px auto!important}
html body #modal #modalContent .equipment-v2 .eq-affix-paid{font-size:14px!important;line-height:1.65!important}
@media(max-height:550px){html body #modal #modalContent .equipment-v2 .eq-affix-item{grid-template-columns:190px minmax(0,1fr)!important}html body #modal #modalContent .equipment-v2 .eq-affix-item>.eq-art{width:190px;height:208px}html body #modal #modalContent .equipment-v2 .eq-affix-item>b{font-size:20px!important}html body #modal #modalContent .equipment-v2 .eq-affix-item>small,html body #modal #modalContent .equipment-v2 .eq-affix-item>span:not(.eq-art){font-size:14px!important}}
}
@layer global-ui {
html body #modal:has(.equipment-v2.eq-affix-screen){width:min(1000px,98vw)!important}
html body #modal #modalContent .equipment-v2.eq-affix-screen{max-width:none!important;width:100%!important}
html body #modal #modalContent .equipment-v2 .eq-affix-choices article{display:flex!important;flex-direction:column!important}
html body #modal #modalContent .equipment-v2 .eq-affix-choices button{margin-top:auto!important}
}
@layer global-ui {
html body #modal #modalContent .equipment-v2{padding-left:64px!important;padding-right:64px!important}
html body #modal #modalContent .equipment-v2 header{padding-bottom:12px!important}
html body #modal #modalContent .equipment-v2 .eq-item-details{min-width:0!important}
html body #modal #modalContent .equipment-v2 .eq-item-details button{white-space:normal!important;overflow-wrap:anywhere!important}
@media(max-height:550px){html body #modal #modalContent .equipment-v2{padding-left:46px!important;padding-right:46px!important}html body #modal #modalContent .equipment-v2 .eq-workspace{grid-template-columns:290px minmax(0,1fr)!important}html body #modal #modalContent .equipment-v2 .eq-slot b{overflow-wrap:anywhere!important}html body #modal #modalContent .equipment-v2 .eq-forecast{grid-template-columns:minmax(180px,.8fr) minmax(240px,1.2fr)!important}}
}

/* Six-slot display: shallow crown/boots offset, full-width readable totals. */
@layer global-ui {
html body #modal #modalContent .equipment-v2 .eq-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:32px!important}
html body #modal #modalContent .equipment-v2 .eq-loadout{padding:0 22px 24px 0!important;min-width:0!important}
html body #modal #modalContent .equipment-v2 .eq-body-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto auto auto!important;gap:18px 12px!important;align-items:start!important}
html body #modal #modalContent .equipment-v2 .eq-arms{grid-area:1/1!important;padding-top:18px!important}
html body #modal #modalContent .equipment-v2 .eq-head{grid-area:1/2!important}
html body #modal #modalContent .equipment-v2 .eq-body{grid-area:1/3!important;padding-top:18px!important}
html body #modal #modalContent .equipment-v2 .eq-charm1{grid-area:3/1!important}
html body #modal #modalContent .equipment-v2 .eq-feet{grid-area:3/2!important;padding-top:18px!important;transform:none!important}
html body #modal #modalContent .equipment-v2 .eq-charm2{grid-area:3/3!important}
html body #modal #modalContent .equipment-v2 .eq-slot{min-width:0!important;width:100%!important;padding-left:0!important;padding-right:0!important;overflow:visible!important}
html body #modal #modalContent .equipment-v2 .eq-slot>.eq-art{width:min(100%,170px)!important;height:auto!important;aspect-ratio:384/420!important;margin:7px auto!important;display:block!important}
html body #modal #modalContent .equipment-v2 .eq-slot b{display:block!important;font-size:15px!important;line-height:22px!important;min-height:22px;white-space:normal!important;overflow-wrap:anywhere!important}
html body #modal #modalContent .equipment-v2 .eq-slot small{display:block!important;font-size:13px!important;line-height:20px!important}
html body #modal #modalContent .equipment-v2 .eq-summary{grid-area:2/1/3/4!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 22px!important;max-height:none!important;overflow:visible!important;padding:10px 4px!important;align-self:stretch!important;top:0!important}
html body #modal #modalContent .equipment-v2 .eq-summary h3{grid-column:1/-1!important;font-size:20px!important;line-height:28px!important;margin:0 0 5px!important}
html body #modal #modalContent .equipment-v2 .eq-summary p,html body #modal #modalContent .equipment-v2 .eq-summary p:last-child{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:3px 10px!important;margin:0!important;font-size:14px!important;line-height:23px!important;white-space:normal!important;flex-wrap:wrap!important}
html body #modal #modalContent .equipment-v2 .eq-summary strong,html body #modal #modalContent .equipment-v2 .eq-summary p:last-child strong{display:inline!important;font-size:14px!important;white-space:normal!important;overflow-wrap:anywhere!important;margin-left:auto!important}
@media(max-width:1050px){
html body #modal #modalContent .equipment-v2{padding-left:44px!important;padding-right:44px!important}
html body #modal #modalContent .equipment-v2 .eq-workspace{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
html body #modal #modalContent .equipment-v2 .eq-loadout{padding:0 0 24px!important}
html body #modal #modalContent .equipment-v2 .eq-loadout::after{display:none!important}
html body #modal #modalContent .equipment-v2 .eq-slot>.eq-art{width:min(100%,180px)!important}
html body #modal #modalContent .equipment-v2 .eq-feature{flex-direction:row!important;align-items:flex-start!important}
html body #modal #modalContent .equipment-v2 .eq-feature>.eq-art{flex:0 0 190px!important}
}
@media(max-width:520px){
html body #modal #modalContent .equipment-v2{padding-left:24px!important;padding-right:24px!important}
html body #modal #modalContent .equipment-v2 .eq-body-grid{gap:14px 8px!important}
html body #modal #modalContent .equipment-v2 .eq-slot b{font-size:12px!important;line-height:18px!important;min-height:36px}
html body #modal #modalContent .equipment-v2 .eq-slot small{font-size:11px!important}
html body #modal #modalContent .equipment-v2 .eq-summary{grid-template-columns:minmax(0,1fr)!important}
html body #modal #modalContent .equipment-v2 .eq-feature{flex-direction:column!important;align-items:center!important}
html body #modal #modalContent .equipment-v2 .eq-feature>.eq-art{flex:auto!important}
}
}
@layer global-ui {
html body #modal #modalContent .equipment-v2{background:none!important;border:42px solid transparent!important;border-image:url('assets/equipment-ui-v2/panel.webp') 120 fill / 42px / 0 stretch!important;padding:16px 12px 22px!important}
@media(max-width:520px){html body #modal #modalContent .equipment-v2{border-width:24px!important;border-image-width:24px!important;padding:14px 4px 20px!important}html body #modal #modalContent .equipment-v2 header{flex-wrap:wrap!important;gap:6px!important;padding:0 0 14px!important}html body #modal #modalContent .equipment-v2 .eq-wallet{white-space:normal!important}}
}
@layer global-ui {
html body #modal #modalContent .equipment-v2 .eq-sale-butler{display:flex;align-items:center;gap:24px;margin:8px 0 20px}
html body #modal #modalContent .equipment-v2 .eq-sale-butler img{width:110px;height:110px;object-fit:contain}
html body #modal #modalContent .equipment-v2 .eq-sale-butler p{font-size:18px;line-height:1.7;color:#fff0cf}
html body #modal #modalContent .equipment-v2 .eq-sale-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
html body #modal #modalContent .equipment-v2 .eq-sale-item{display:flex;align-items:center;gap:18px;min-width:0;padding:14px 0}
html body #modal #modalContent .equipment-v2 .eq-sale-item>.eq-art{flex:0 0 140px;width:140px;height:153px}
html body #modal #modalContent .equipment-v2 .eq-sale-item>div{min-width:0;flex:1}
html body #modal #modalContent .equipment-v2 .eq-sale-item h3{font-size:20px;line-height:1.5;margin:0 0 8px}
html body #modal #modalContent .equipment-v2 .eq-sale-item p{font-size:14px;line-height:1.5;margin:6px 0}
html body #modal #modalContent .equipment-v2 .eq-sale-item button{width:100%;white-space:normal!important;overflow-wrap:anywhere}
html body #modal #modalContent .equipment-v2 .eq-sale-confirm{max-width:720px;margin:auto;text-align:center}
html body #modal #modalContent .equipment-v2 .eq-sale-confirm .eq-sale-item{text-align:left}
html body #modal #modalContent .equipment-v2 .eq-sale-confirm>button{display:block;width:100%;margin:12px 0}
@media(max-width:1050px){html body #modal #modalContent .equipment-v2 .eq-sale-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){html body #modal #modalContent .equipment-v2 .eq-sale-butler{gap:12px}html body #modal #modalContent .equipment-v2 .eq-sale-butler img{width:75px;height:90px}html body #modal #modalContent .equipment-v2 .eq-sale-butler p{font-size:14px}html body #modal #modalContent .equipment-v2 .eq-sale-item{flex-direction:column;text-align:center}}
}
/* Keep the generated board tied to the viewport, not the selected item's content height. */
@layer global-ui {
html body #modal:has(.equipment-v2.eq-crafted){overflow:hidden!important}
html body #modal:has(.equipment-v2.eq-crafted) #modalContent{height:96dvh!important;max-height:96dvh!important;overflow:hidden!important}
html body #modal #modalContent .equipment-v2.eq-crafted{height:96dvh!important;max-height:96dvh!important;box-sizing:border-box!important;overflow:auto!important;overscroll-behavior:contain}
html body #modal #modalContent .equipment-v2 .eq-craft-filters select{appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;padding:9px 12%!important;min-height:48px!important;height:48px!important;line-height:28px!important;text-indent:0!important;vertical-align:middle!important}
}