/* Shared six-tier item language: red > gold > purple > blue > green > white. */
.rarity-red{--rarity-color:#ED665F}
.rarity-gold{--rarity-color:#EAC56F}
.rarity-purple{--rarity-color:#BC8BEA}
.rarity-blue{--rarity-color:#69A7EB}
.rarity-green{--rarity-color:#86A06A}
.rarity-white{--rarity-color:#E4E8EC}

.loot-item[class*="rarity-"]{position:relative;min-width:0;border:1px solid var(--rarity-color,#E4E8EC);padding-top:15px;overflow-wrap:anywhere}
.loot-item[class*="rarity-"]:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:4px;background:var(--rarity-color,#E4E8EC);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 5px) 100%,calc(100% - 5px) 50%,5px 50%,5px 100%,0 100%);pointer-events:none}
.loot-item[class*="rarity-"] .item-name{color:var(--rarity-color,#E4E8EC);font-weight:500;line-height:1.65;overflow-wrap:anywhere}
.loot-item .item-rarity{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:1px 5px;margin:5px 0;font:9px/1.65 var(--sans);letter-spacing:1px;color:var(--rarity-color,#E4E8EC);border:1px solid var(--rarity-color,#E4E8EC);background:#171C2B;white-space:normal;overflow-wrap:anywhere}
.loot-item .item-value{display:block;margin-top:2px;color:#B7B9A6;line-height:1.7;font-size:9px;white-space:normal;overflow-wrap:anywhere}

.rarity-guide{margin-top:17px;padding:11px 0 12px;border-top:1px solid #49556C77;border-bottom:1px solid #49556C77}
.rarity-guide-label{display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:8px;font-size:9px;letter-spacing:1px;color:#B7B9A6}
.rarity-guide-label small{font-size:9px;color:#ED665F;letter-spacing:.5px}
.rarity-legend{display:flex;align-items:center;gap:5px 7px;flex-wrap:wrap;line-height:1.7;max-width:100%}
.rarity-legend .rarity-grade{display:inline-flex;align-items:center;gap:5px;color:var(--rarity-color,#E4E8EC);font-size:10px;white-space:normal}
.rarity-legend .rarity-grade:before{content:"";display:inline-block;width:6px;height:6px;background:var(--rarity-color,#E4E8EC);box-shadow:2px 2px 0 #101622;flex:none;margin-right:1px}
.rarity-legend .rarity-separator{font:9px var(--mono);color:#768493;line-height:1.7;user-select:none}
.rarity-guide-note{margin-top:8px;color:#768493;font-size:9px;line-height:1.7;letter-spacing:.5px}
.help-dialog .rarity-guide{margin-top:19px;margin-bottom:3px}
.bag-dialog .bag-slots{margin-top:16px}

#toast-stack .rarity-toast{border-left-color:var(--rarity-color,#E4E8EC);border-top-color:var(--rarity-color,#E4E8EC);color:var(--muted,#B7B9A6)}
#toast-stack .rarity-text,#interaction-panel .rarity-text{font-weight:600}
#toast-stack .rarity-toast .item-rarity{color:var(--rarity-color,#E4E8EC)}
#interaction-panel{border-color:var(--interaction-color,var(--gold,#EAC56F))}
#interaction-panel kbd{border-color:var(--interaction-color,var(--gold,#EAC56F));color:var(--interaction-color,var(--gold,#EAC56F))}
#interaction-progress{background:var(--interaction-color,var(--gold,#EAC56F))}

@media(max-width:420px){.rarity-guide{padding:9px 0 10px;margin-top:13px}.rarity-legend{gap:5px 6px}.rarity-legend .rarity-grade{font-size:9px;gap:4px}.rarity-legend .rarity-grade:before{width:5px;height:5px}.rarity-guide-label,.rarity-guide-label small,.rarity-guide-note{font-size:8px}.loot-item .item-rarity{font-size:8px;padding:1px 4px;letter-spacing:.5px}.loot-item .item-value{font-size:8px}}