.gear-open{flex:none;padding:3px 8px;border:1px solid #786041;border-radius:4px;background:#392e22;color:#e3bd7f;font:inherit;font-size:11px;line-height:1.5;white-space:nowrap;cursor:pointer;vertical-align:middle}
.gear-open:hover,.gear-open:focus-visible{background:#58422a;color:#ffe0a9;border-color:#b88c48}
#equipment-dialog{box-sizing:border-box;width:min(850px,96vw);max-height:94vh;margin:auto;padding:24px;background:linear-gradient(135deg,#24231f,#171b1f);color:#ddd;border:1px solid #6a5637;border-radius:12px;box-shadow:0 18px 80px #000c;overflow:auto}
#equipment-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}
#equipment-dialog header{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;margin-bottom:0}
#equipment-dialog h2{font-size:21px;margin:5px 0 18px;color:#eac17d}
#equipment-dialog small,#equipment-time{color:#b1a99a;font-size:12px}
#equipment-time{margin:12px 0;line-height:1.6}
#equipment-dialog button{cursor:pointer;font:inherit}
#equipment-close{align-self:start;background:none;border:0;color:#aaa;font-size:28px!important;line-height:1}
#equipment-dialog nav{display:flex;gap:10px}
#equipment-dialog nav button{padding:8px 18px;border:1px solid #4c4c4c;border-radius:6px;background:#2a2d30;color:#aaa}
#equipment-dialog nav button[aria-pressed=true]{background:#593d22;color:#ffd796;border-color:#b48447}
#equipment-content{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}
.gear-build{width:340px;max-width:100%}.gear-paper{position:relative;height:512px;background:radial-gradient(ellipse at 50% 45%,#bca072,#6d5734);border:3px ridge #806744;box-shadow:inset 0 0 45px #201706b0;overflow:hidden}
.gear-paper:before{content:"";position:absolute;inset:25px 90px;background:linear-gradient(90deg,transparent,#3d2b1730,transparent);clip-path:polygon(45% 0,65% 0,75% 15%,100% 30%,90% 65%,70% 55%,80% 100%,50% 95%,30% 100%,40% 55%,10% 65%,0 30%,30% 15%)}
.gear-class{position:absolute;top:5px;left:9px;color:#3b2914;font-size:12px;font-weight:bold;letter-spacing:3px}
.gear-item{position:absolute;padding:2px;background:radial-gradient(ellipse,#665027bb,#211a0bcc);border:2px ridge #a87c32;box-shadow:0 2px 7px #0008,inset 0 0 9px #c48e2d4a;border-radius:2px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.gear-item .gear-icon{width:100%;height:100%;max-width:100%;max-height:100%;filter:drop-shadow(0 2px 3px #000)}
.gear-item.ancient-frame{border-color:#e0a745;box-shadow:0 0 7px #ad71198a,inset 0 0 10px #bf782844}.gear-item.primal-frame{border-color:#c83c2e;background:radial-gradient(ellipse,#602218bb,#20100dcc);box-shadow:0 0 8px #8e1e1680,inset 0 0 10px #941b2433}.gear-item.set-frame{background:radial-gradient(ellipse,#31551cbb,#16220dcc);border-color:#72a947}
.gear-item.sanctified-frame{border:2px ridge #edf4f6;background:repeating-linear-gradient(135deg,#e1e8e914 0 1px,transparent 1px 4px),radial-gradient(ellipse,#a6b2b5,#394449);box-shadow:0 0 8px #f2ffff88,inset 0 0 16px #e4f5f744}
.gear-item.ethereal-frame{border-color:#58cbcb;background:radial-gradient(ellipse,#276364,#152e36);box-shadow:0 0 8px #37bfc666,inset 0 0 12px #65d3cf33}
.gear-item:disabled{opacity:.35;cursor:default!important}.gear-slot-label{position:absolute;top:2px;left:3px;font-size:9px;color:#e7d5acb0;z-index:2;text-shadow:0 1px 2px #000}.gear-fallback{font-size:12px;color:#eed098;line-height:1.4}
.gear-slot-1{left:125px;top:14px;width:72px;height:70px}.gear-slot-8{left:20px;top:43px;width:74px;height:90px}.gear-slot-13{left:236px;top:65px;width:60px;height:60px}
.gear-slot-2{left:115px;top:101px;width:91px;height:115px}.gear-slot-5{left:20px;top:169px;width:75px;height:90px}.gear-slot-10{left:235px;top:170px;width:70px;height:90px}
.gear-slot-6{left:113px;top:226px;width:94px;height:39px}.gear-slot-11{left:36px;top:281px;width:53px;height:53px}.gear-slot-12{left:247px;top:281px;width:53px;height:53px}
.gear-slot-9{left:121px;top:280px;width:80px;height:102px}.gear-slot-3{left:14px;top:355px;width:81px;height:136px}.gear-slot-4{left:236px;top:355px;width:82px;height:136px}.gear-slot-7{left:119px;top:397px;width:82px;height:92px}
.gear-sockets{position:absolute;right:5px;bottom:5px;display:flex;flex-direction:column;gap:1px;filter:drop-shadow(0 1px 3px #000);pointer-events:none}.gear-gem{width:25px;height:25px;object-fit:contain}.gear-gem-fallback{font-size:22px;color:#98cee5}
.gear-section{margin:14px 0 7px!important;color:#ae946a;font-size:11px;letter-spacing:3px;font-weight:normal;text-align:center}.gear-skills,.gear-passives,.gear-cube{display:flex;justify-content:center;gap:8px}
.gear-skill,.gear-passive,.gear-cube-slot{position:relative;border:2px ridge #91713a;background:radial-gradient(ellipse,#493921,#101010);padding:2px;box-shadow:0 3px 6px #0008;display:flex;align-items:center;justify-content:center}
.gear-skill{width:48px;height:48px}.gear-skill svg,.gear-passive svg{width:100%;height:100%}.gear-skill small{position:absolute;right:1px;bottom:0;background:#000b;font-size:9px!important;color:#f2e1ba!important;padding:0 2px}
.gear-passive{width:48px;height:48px;border-radius:50%;overflow:hidden}.gear-passives{gap:26px}.gear-cube{gap:30px}.gear-cube-slot{width:59px;height:73px}.gear-cube-slot svg{width:100%;height:100%;max-width:100%;max-height:100%}
.gear-item.selected,.gear-skill.selected,.gear-passive.selected,.gear-cube-slot.selected,#equipment-content button:focus-visible{outline:2px solid #f8d99a;outline-offset:3px;filter:brightness(1.12)}
.gear-inspect{position:sticky;top:0;min-width:0;min-height:250px;padding:22px;background:linear-gradient(125deg,#181816,#111314);border:1px solid #5c4930;box-shadow:0 8px 22px #0005;text-align:left}
.gear-inspect h3{font-size:22px;line-height:1.4;margin:10px 0 17px;overflow-wrap:anywhere}.gear-inspect h4{font-size:12px;color:#9f927c;margin:20px 0 8px;border-bottom:1px solid #343029;padding-bottom:6px;font-weight:normal}.gear-inspect p{font-size:13px;line-height:1.9;white-space:pre-line;margin:8px 0;overflow-wrap:anywhere}
.gear-inspect .primal{color:#ef7462}.gear-inspect .ancient,.gear-inspect .legendary{color:#eeb86b}.gear-inspect .set{color:#9dc661}.gear-affix{color:#a6bfee}.gear-legend{color:#d6a457}.gear-augment{color:#d6bd8f}.gear-gem-text{color:#a5c7b6}.gear-rune-text{color:#c5b693}.gear-muted{color:#9c958a!important;font-size:11px!important}.gear-build-missing{text-align:center;margin:16px 0}
.gear-inspect .sanctified{color:#e4f4fa;text-shadow:0 0 8px #b5d5df55}.gear-inspect .ethereal{color:#72d9d6}
.gear-empty{grid-column:1/-1;text-align:center;padding:35px 15px;color:#aaa;line-height:1.8}
@media(max-width:700px){#equipment-dialog{padding:14px}#equipment-content{grid-template-columns:1fr;justify-items:center;gap:20px}.gear-inspect{position:static;width:100%;box-sizing:border-box}.gear-build{width:340px}.gear-paper{width:334px;max-width:100%}}
@media(max-width:420px){.gear-build{width:306px}.gear-paper{zoom:.9;transform:none;width:334px;max-width:none;margin-bottom:0}.gear-skills{gap:7px}.gear-skill{width:44px;height:44px}}
@media(max-width:370px){#equipment-content{grid-template-columns:minmax(0,1fr)}.gear-build{width:250px}.gear-paper{zoom:.74}.gear-skills{gap:5px}.gear-skill{width:37px;height:37px}.gear-passives{gap:17px}}