/* The silhouette follows the minimap without reading layout on state updates. */
.equipment-condition{position:absolute;top:0;right:calc(100% + 10px);width:88px;color:#dadcd4;z-index:1}
.equipment-condition[hidden],.minimap-panel.expanded .equipment-condition{display:none}
.minimap-panel:not(.expanded):has(.equipment-condition[open]){z-index:4}
.equipment-condition>summary{display:block;padding:7px 6px 6px;border:1px solid var(--surface-border,#6a6243);border-radius:6px;background:linear-gradient(160deg,#1a1b1ceF,#090a0cf5);box-shadow:inset 0 1px 0 #e8d5a315,0 3px 10px #0004;cursor:pointer;list-style:none;user-select:none}
.equipment-condition>summary::-webkit-details-marker{display:none}
.equipment-condition>summary:hover,.equipment-condition[open]>summary{border-color:#b6a46a}
.equipment-condition>summary:focus-visible{outline:2px solid var(--gold,#d9bd79);outline-offset:3px}
.equipment-condition-caption{display:block;text-align:center;font-size:10px;line-height:1.4;letter-spacing:1px;color:#cfc5a4}
.equipment-condition-body{position:relative;display:block;width:100%;aspect-ratio:2/3;margin:5px 0;overflow:visible}
.equipment-condition-body canvas,.equipment-condition-hitbox{position:absolute;inset:0;display:block;width:100%;height:100%}
.equipment-condition:not([data-art-state="ready"]) .equipment-condition-body canvas{visibility:hidden}
.equipment-condition[data-art-state="ready"] .equipment-condition-fallback{display:none}
.equipment-condition-person{fill:#92968d;stroke:#1a211c;stroke-width:1.5}
.equipment-condition [data-condition="good"]{--condition-color:#63c986}
.equipment-condition [data-condition="fair"]{--condition-color:#efcf59}
.equipment-condition [data-condition="warning"]{--condition-color:#f39747}
.equipment-condition [data-condition="danger"]{--condition-color:#ee625b}
.equipment-condition [data-condition="empty"],.equipment-condition [data-condition="unknown"]{--condition-color:#4e5752}
.equipment-condition [data-condition-part]{fill:var(--condition-color);stroke:#18231d;stroke-width:1.5;stroke-linejoin:round}
.equipment-condition .equipment-condition-hit{fill:transparent;stroke:none;pointer-events:all}
.equipment-condition .equipment-condition-seam{fill:none;stroke:#18231d;stroke-width:1.5;opacity:.55;pointer-events:none}
.equipment-condition-scale{display:flex;justify-content:center;gap:3px}
.equipment-condition-scale i{display:block;width:10px;height:3px;border-radius:1px;background:var(--condition-color)}
.equipment-condition-loadout{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:7px;padding-top:5px;border-top:1px solid #b6a46a26;color:#bfb89e;font-size:9px;line-height:16px}
.equipment-condition-weapon-set{display:grid;place-items:center;min-width:19px;height:18px;border:1px solid #b6a46a60;border-radius:3px;background:#d9bd7910;color:#e8d5a3;font-size:11px;font-variant-numeric:tabular-nums}
.equipment-condition-details{position:absolute;top:calc(100% + 8px);right:0;width:244px;max-height:max(120px,calc(100dvh - 244px));overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid #736647;border-radius:6px;background:#101410;color:#dce0d6;box-shadow:0 3px 10px #0005;font-size:11px;cursor:default}
.equipment-condition-details-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.equipment-condition-details-heading>strong{font-size:12px;color:#e1cea0}
.equipment-condition-set-label{font-size:10px;color:#bfb89e}
.equipment-condition-legend{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin:10px 0}
.equipment-condition-legend>span{color:var(--condition-color);font-size:10px}
.equipment-condition-details ul{list-style:none;margin:0;padding:0}
.equipment-condition-details li{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:7px 0;border-top:1px solid #30392f}
.equipment-condition-status{color:var(--condition-color);font-size:10px;font-weight:500}
.equipment-condition-details li:is([data-condition="empty"],[data-condition="unknown"]) .equipment-condition-status{color:#a2aaa4}
.equipment-condition-name,.equipment-condition-value{grid-column:1/-1;font-size:10px;overflow-wrap:anywhere}
.equipment-condition-name{color:#b7beb1}.equipment-condition-value{color:#d2d5cb;font-variant-numeric:tabular-nums}
.equipment-condition-details>small{display:block;margin-top:9px;font-size:9px;color:#98a197}
@media(max-width:740px){.equipment-condition{width:66px;right:calc(100% + 7px)}.equipment-condition>summary{padding:5px 3px}.equipment-condition-caption{font-size:9px}}
.touch-ui .equipment-condition{width:40px;right:calc(100% + 5px)}
.touch-ui .equipment-condition>summary{padding:4px 2px}
.touch-ui .equipment-condition-caption,.touch-ui .equipment-condition-scale{display:none}
.touch-ui .equipment-condition-body{margin:0}
.touch-ui .equipment-condition-loadout{margin-top:3px;padding-top:3px}
.touch-ui .equipment-condition-loadout>span{display:none}
.touch-ui .equipment-condition-weapon-set{min-width:18px;height:16px;font-size:10px}
.touch-ui .equipment-condition-details{right:-124px;width:244px;max-height:calc(var(--touch-height,100dvh) - var(--touch-header,44px) - 92px - var(--safe-bottom,8px));overflow:auto;overscroll-behavior:contain}
@media(orientation:landscape){.touch-ui .equipment-condition-details{right:-116px}}