.equipment-viewer{margin:28px 0 38px;padding:26px;border:1px solid #796343;border-radius:10px;background:linear-gradient(135deg,#25241e,#171d1b);color:#e5e2d5;scroll-margin-top:100px}
.equipment-viewer *{box-sizing:border-box}
.gear-heading{display:flex;justify-content:space-between;gap:14px;align-items:center}
.equipment-viewer h2{margin:4px 0 0;font-size:25px;color:#f5e4b9}
.gear-eyebrow,.gear-build{font-size:12px;color:#bcb09a}
.gear-intro,.gear-footnote,.gear-status{font-size:13px;line-height:1.8;color:#b9b8aa}
.gear-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:22px;margin:20px 0}
.gear-picker{min-width:0}
.gear-picker fieldset{border:0;margin:0;padding:0;min-width:0}
.gear-picker legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.gear-select-label{display:block;font-size:13px;margin-bottom:7px}
.gear-picker select{width:100%;padding:11px;color:#eee6d3;background:#111714;border:1px solid #88734f;border-radius:5px;font:inherit;font-size:14px}
.gear-actions{display:flex;gap:8px;margin:12px 0}
.equipment-viewer button{cursor:pointer;color:#ded5bd;background:#30332b;border:1px solid #626448;border-radius:4px;font:inherit;font-size:13px;padding:8px 12px}
.equipment-viewer button:hover{background:#414435}
.equipment-viewer :focus-visible{outline:2px solid #eed08b;outline-offset:3px}
.gear-items{display:grid;gap:5px}
.gear-item{display:flex;align-items:center;gap:10px}
.gear-item input,.gear-skill input{width:18px;height:18px;flex-shrink:0;accent-color:#b89950;cursor:pointer}
.gear-item button{text-align:left;width:100%;display:flex;align-items:center;gap:10px;min-height:44px;background:#1c241f;border-color:#354339}
.gear-item button[aria-pressed=true]{background:#344333;border-color:#c6a05d;color:#ffe6ad}
.gear-item small{font-size:11px;color:#afbaa8;flex-shrink:0}
.gear-item span{overflow-wrap:anywhere}
.gear-skill{display:flex;align-items:center;gap:8px;font-size:13px;margin:15px 0}
.gear-count{font-size:13px;color:#d6ba7b}
.gear-tooltip{border:1px solid #8b7954;border-radius:6px;padding:22px;background:linear-gradient(145deg,#10182a,#080e19);box-shadow:0 10px 30px #0004;line-height:1.65;font-size:14px;overflow-wrap:anywhere}
.gear-tooltip h3{font-size:22px;margin:0 0 2px}
.gear-tooltip p{margin:4px 0}
.gear-quality-2{color:#77ed6c}
.gear-quality-3{color:#75b7ff}
.gear-quality-4{color:#cd91ff}
.gear-line{display:flex;justify-content:space-between}
.gear-tooltip h4{font-size:15px;color:#ecd184;margin:20px 0 8px}
.gear-bonuses{list-style:none;padding:0;margin:0}
.gear-bonuses li{margin:8px 0}
.gear-active{color:#80e875}
.gear-inactive{color:#a3a8b4}
.gear-muted{color:#a6acb8;font-size:12px}
.gear-warning{color:#e1c492;font-size:12px}
.gear-source{border-top:1px solid #39404c;margin-top:20px;padding-top:15px;font-size:13px}
.gear-source strong{color:#e4d0a0}
.gear-reference{margin-top:16px;border-top:1px solid #39404c;padding-top:12px}
.gear-reference summary{cursor:pointer;color:#c3cbd5;font-size:12px}
.gear-reference ul{padding-left:20px;color:#c3cbd5}
.gear-footnote{margin-bottom:0;border-top:1px solid #484b3b;padding-top:14px}
.gear-status[hidden]{display:none}
@media(max-width:700px){.equipment-viewer{padding:17px 14px}
.gear-heading{align-items:flex-start;flex-direction:column;gap:6px}
.gear-grid{grid-template-columns:minmax(0,1fr);gap:15px}
.gear-tooltip{padding:18px}
.gear-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gear-item{gap:5px;align-items:center}
.gear-item button{display:block;padding:7px;font-size:12px}
.gear-item small{display:block}
.gear-item input{width:17px;height:17px}
.equipment-viewer h2{font-size:23px}
}
/* Original client icons and the compact, game-style inspection tooltip. */
.gear-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);align-items:start}
.gear-items{gap:6px}
.gear-item button{padding:6px 8px;min-height:52px;gap:10px}
.gear-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.gear-item-text small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.gear-icon{position:relative;display:inline-flex;width:40px;height:40px;flex:0 0 40px;border:1px solid #756342;border-radius:3px;background:#07090b;box-shadow:0 0 0 1px #000,inset 0 0 5px #000;overflow:hidden;align-items:center;justify-content:center;isolation:isolate}
.gear-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}
.gear-icon img[hidden]{display:none}
.gear-icon-placeholder{font-size:24px;font-family:Georgia,serif;color:#82795e;text-shadow:1px 2px #000;line-height:1}
.gear-icon-large{width:56px;height:56px;flex-basis:56px}
.gear-icon-large .gear-icon-placeholder{font-size:36px}
.gear-icon.is-missing{border-style:dashed;border-color:#666252;background:radial-gradient(#25271e,#101310)}
.gear-preview-label{font-size:11px;letter-spacing:.08em;color:#b9ad90;margin:0 0 9px}
.gear-tooltip{padding:15px 17px;background:linear-gradient(110deg,#0b1021f7,#060a13fc);border:2px solid #9a9a9a;border-radius:5px;box-shadow:0 0 0 1px #151515,inset 0 0 0 1px #414958,3px 5px 12px #000b;line-height:1.45;font-size:14px;color:#f4f4f4;font-family:Arial,"Noto Sans SC",sans-serif;text-shadow:1px 1px 1px #000}
.gear-item-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:9px}
.gear-tooltip h3{font-size:20px;line-height:1.3;font-weight:600;margin:0}
.gear-tooltip .gear-item-level{color:#e2c860;font-size:12px;margin-top:4px}
.gear-tooltip p{margin:2px 0}
.gear-tooltip h4{font-size:14px;color:#ffd100;margin:17px 0 4px;font-weight:400}
.gear-quality-2{color:#1eff00}
.gear-quality-3{color:#53a8ff}
.gear-quality-4{color:#c875ff}
.gear-attributes{margin:10px 0}
.gear-attributes ul{list-style:none;padding:0;margin:5px 0}
.gear-attributes li{margin:1px 0}
.gear-tooltip .gear-reference-label{font-size:11px;color:#ddc28d;border-bottom:1px solid #3d3c3a;padding-bottom:3px;margin-bottom:4px}
.gear-set-pieces{list-style:none;padding:0 0 0 13px;margin:0 0 12px;color:#969da8;font-size:13px}
.gear-set-pieces li{margin:2px 0}
.gear-set-pieces .is-equipped{color:#1eff00}
.gear-bonuses li{margin:6px 0}
.gear-active{color:#1eff00}
.gear-inactive{color:#9b9b9b}
.gear-data-note{font-size:11px;color:#a9abaf;line-height:1.65;margin:12px 0}
.gear-source{border-top:1px solid #454b40;padding-top:10px;margin-top:12px;line-height:1.7;color:#d0d0c1}
.gear-source summary{color:#d6c18d;cursor:pointer;font-size:13px}
.gear-source p{margin:6px 0}
.gear-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){
 .gear-grid{grid-template-columns:minmax(0,1fr)}
 .gear-item button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:7px;min-height:100px}
 .gear-item{align-items:flex-start}
 .gear-item input{margin-top:18px}
 .gear-tooltip{padding:14px;font-size:13px}
 .gear-tooltip h3{font-size:18px}
 .gear-item-text{font-size:12px;line-height:1.4}
}