.equipment-panel{margin-top:24px;border-top:1px solid #766441;padding-top:20px}
.equipment-panel h3{font:23px Georgia;color:#d4bb7c}
.equipment-note{color:#9e9b87;font:11px/1.6 Arial}
.equipment-tabs{display:flex;gap:4px;margin:18px 0}
.equipment-tabs[hidden]{display:none}
.equipment-tabs button{padding:9px 18px;background:#101010;border:1px solid #60573e;color:#b8aa7d;cursor:pointer}
.equipment-tabs button[aria-pressed=true]{border-color:#c5a95e;color:#e6d499;background:#302a1c}
.equipment-tabs button:focus-visible{outline:2px solid #e6d499;outline-offset:3px}
.equipment-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;align-items:start}
.equipment-grid{position:relative;box-sizing:border-box;width:100%;max-width:360px;aspect-ratio:320/260;margin:0 auto;border:5px ridge #5c594c;background:radial-gradient(ellipse at center,#55534688,#131614 80%),repeating-linear-gradient(135deg,#393a351a 0 2px,#11141133 2px 5px);box-shadow:inset 0 0 18px #000,0 2px 8px #0008}
.equipment-slot{position:absolute;box-sizing:border-box;min-width:0;padding:5px;border:2px groove #77766a;background:linear-gradient(135deg,#111715,#030705);display:flex;align-items:center;justify-content:center;color:#a6a08c;font:9px/1.4 Arial;text-align:center;cursor:pointer}
.equipment-slot:disabled{color:#76796b;border-color:#4b4e46;cursor:default}
.equipment-slot img{max-height:100%;max-width:100%;object-fit:contain;image-rendering:pixelated}
.equipment-slot[data-ethereal=true] img{opacity:.65}
.equipment-slot:not(:disabled):hover,.equipment-slot:focus-visible,.equipment-slot[aria-pressed=true]{border-color:#d5bd7e;box-shadow:0 0 14px #baa85b33;z-index:1}
.equipment-slot:focus-visible{outline:2px solid #e6d499;outline-offset:3px}
/* Classic inventory positions, without a public bag or stash. */
.equipment-slot[data-slot="1"]{left:40.625%;top:6.923%;width:18.125%;height:22.308%}
.equipment-slot[data-slot="2"]{left:62.5%;top:18.077%;width:8.75%;height:10.769%}
.equipment-slot[data-slot="3"]{left:40.625%;top:32.308%;width:18.125%;height:33.462%}
.equipment-slot[data-slot="4"]{left:5.625%;top:21.154%;width:18.125%;height:44.615%}
.equipment-slot[data-slot="5"]{left:76.25%;top:21.154%;width:18.125%;height:44.615%}
.equipment-slot[data-slot="6"]{left:28.125%;top:70%;width:8.75%;height:10.769%}
.equipment-slot[data-slot="7"]{left:62.5%;top:70%;width:8.75%;height:10.769%}
.equipment-slot[data-slot="8"]{left:40.625%;top:70%;width:18.125%;height:10.769%}
.equipment-slot[data-slot="9"]{left:76.25%;top:70%;width:18.125%;height:22.308%}
.equipment-slot[data-slot="10"]{left:5.625%;top:70%;width:18.125%;height:22.308%}
.equipment-grid[data-group="mercenary"]{aspect-ratio:320/200}
.equipment-grid[data-group="mercenary"] .equipment-slot[data-slot="1"]{top:8%;height:29%}
.equipment-grid[data-group="mercenary"] .equipment-slot[data-slot="3"]{top:42%;height:43.5%}
.equipment-grid[data-group="mercenary"] .equipment-slot[data-slot="4"],.equipment-grid[data-group="mercenary"] .equipment-slot[data-slot="5"]{top:27.5%;height:58%}
.equipment-detail{box-sizing:border-box;min-width:0;min-height:260px;background:#020404e8;border:3px ridge #716c58;padding:22px;text-align:center;align-self:start;overflow-wrap:anywhere;box-shadow:0 3px 14px #0005}
.equipment-detail h4{font:23px/1.3 Georgia;color:#dddcd4;margin:0 0 8px}
.equipment-detail:is([data-quality="1"],[data-quality="2"],[data-quality="3"]):is([data-ethereal=true],[data-socketed=true]) h4{color:#a7aaa2}
.equipment-detail[data-quality="4"] h4{color:#9097ec}
.equipment-detail[data-quality="5"] h4{color:#78c889}
.equipment-detail[data-quality="6"] h4{color:#e0ce69}
.equipment-detail[data-quality="7"] h4{color:#d8be88}
.equipment-detail[data-quality="8"] h4{color:#e6a260}
.equipment-detail p{font-size:12px;line-height:1.6;margin:7px 0;color:#d1cebc}
.equipment-detail .item-preview{display:block;max-width:100px;max-height:150px;object-fit:contain;image-rendering:pixelated;margin:16px auto}
.equipment-detail .item-preview[hidden]{display:none}
.equipment-detail .item-affix{color:#a0a6ec}
.equipment-detail .item-base{color:#9c9b8c}
.equipment-detail .item-socket{color:#a6c3aa}
.equipment-detail .item-socket-name{color:#a6c3aa;margin-top:14px}
.equipment-detail .item-ethereal{color:#bec5c1;border-bottom:1px solid #626c6355;padding-bottom:8px}
.item-fallback{font-size:10px;line-height:1.5;overflow-wrap:anywhere}
body[data-theme=modern] .equipment-panel{border-color:#a6b1a329}
body[data-theme=modern] .equipment-detail{background:#0b141b;border-color:#8f9b8b66}
body[data-theme=modern] .equipment-slot{background:linear-gradient(135deg,#13201d,#060b0a)}
@media(max-width:700px){.equipment-layout{grid-template-columns:minmax(0,1fr)}.equipment-detail{min-height:180px}.equipment-tabs{flex-wrap:wrap}}
#profile.player-profile dl.equipment-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin:22px 0 10px;border:1px solid #8f815944;padding:10px}
.equipment-stat{text-align:center;min-width:0}
#profile .equipment-stat dt{width:auto;padding:3px 5px;text-align:center;font:10px/1.5 Arial;color:#a89c7b}
#profile .equipment-stat dd{width:auto;margin:0;padding:4px 5px;text-align:center;font:22px/1.5 Georgia;color:#e0d3ae}
.equipment-skill-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.equipment-skill-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px;border:1px solid #8f815944}
.equipment-skill-list dt{overflow-wrap:anywhere}
.equipment-skill-list dd{margin:0;color:#e0d3ae}