html:has(#egg-dialog[open]){overflow:hidden!important;overscroll-behavior:none}
body:has(#egg-dialog[open]){overscroll-behavior:none}
#relic-inventory{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:22px}
.relic-category{min-width:0}
.relic-category-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid #c6a76144}
.relic-category-heading h4{font:24px/1.2 'CK Titles',Georgia;margin:0;color:#d8dfca}
.relic-category-heading small{font-size:10px;color:#a9b5aa}
.relic-category-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;min-width:0}
#relic-inventory .relic-item{min-width:0;min-height:200px;gap:8px;padding:14px 10px;text-align:center}
#relic-inventory .relic-item .artifact-art{width:100px;height:100px;max-width:100%;flex:none}
#relic-inventory .relic-item>span:not(.artifact-art){gap:5px;min-width:0}
#relic-inventory .relic-item b{font-size:23px;line-height:1.2;hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:balance}
#relic-inventory .relic-item small{font-size:10px;white-space:normal}
#relic-inventory .relic-item em{font-size:10px;line-height:1.3;white-space:normal}
@media(max-width:599px){
 #relic-inventory{gap:18px}.relic-category-heading{margin-bottom:8px;padding-bottom:6px}.relic-category-heading h4{font-size:21px}
 .relic-category-items{gap:7px}
 #relic-inventory .relic-item{padding:9px 5px;gap:6px;min-height:170px}
 #relic-inventory .relic-item .artifact-art{width:70px;height:70px}
 #relic-inventory .relic-item b{font-size:15px;line-height:1.2}
 #relic-inventory .relic-item small,#relic-inventory .relic-item em{font-size:8px;line-height:1.35}
}
@media(max-width:359px){
 .relic-category-items{gap:5px}#relic-inventory .relic-item{padding:8px 4px;min-height:158px}#relic-inventory .relic-item .artifact-art{width:60px;height:60px}#relic-inventory .relic-item b{font-size:13px}#relic-inventory .relic-item small,#relic-inventory .relic-item em{font-size:7px}
}

#relic-inventory .relic-item.equipped{border-color:#8fcf91;box-shadow:inset 0 0 0 1px #8fcf9166;background:#20362a}
.relic-equipped-tag{align-self:center;display:inline-block;padding:4px 6px;border:1px solid #8fcf9166;border-radius:4px;background:#173b28;color:#c5e9b9;font-size:11px;font-weight:700;line-height:1.25;white-space:normal}
.relic-slots .relic-slot.filled{border-color:#76966a;background:#20362a}
.relic-slots .relic-slot:not(.filled){border-style:dashed}
.relic-slots .relic-slot b{overflow-wrap:anywhere;white-space:normal}
#relic-build-slots{margin-bottom:18px}
.relic-replacements{display:grid;gap:6px;min-width:0;margin:12px 0;padding:8px;border:1px solid #65805a;border-radius:6px}
.relic-replacements legend{padding:0 4px;color:#c5e9b9;font-weight:700}
.relic-replacements button{display:flex;align-items:center;gap:9px;text-align:left;min-width:0;min-height:48px;padding:4px 8px;background:#23382b;border:1px solid #637957;border-radius:4px}
.relic-replacements button:hover,.relic-replacements button:focus-visible{border-color:#a2da91;background:#304d36}
.relic-replacements button .artifact-art{flex:none;width:40px;height:40px}
.relic-replacements button span b,.relic-replacements button span small{display:block}
.relic-replacements button span b{overflow-wrap:anywhere}
@media(max-width:599px){#relic-inventory .relic-equipped-tag{font-size:9px;padding:3px 4px}}

/* Rarity lives on the label; the check identifies equipped pieces. */
#relic-inventory{--relic-quality-0:#d4dad6;--relic-quality-1:#85ccff;--relic-quality-2:#dfaaff;--relic-quality-3:#ffd477;--relic-quality-4:#9df5df}
#relic-inventory .relic-item{min-height:0;padding:12px 8px;border:1px solid #62706666;background:#15231c;box-shadow:none}
#relic-inventory .relic-item:is(:hover,:focus-visible){border-color:#aabbb0;background:#1e3026}
#relic-inventory .relic-item .artifact-art{width:min(78px,100%);height:78px}
#relic-inventory .relic-item .artifact-frame{opacity:.72}
#relic-inventory .relic-item b{font-size:19px}
#relic-inventory .relic-quality-tag{color:var(--relic-color);font-weight:700}
#relic-inventory .relic-equipped-tag{color:#a6f0b5;background:none;border:0;padding:0}
#relic-inventory .relic-item.equipped{border-color:#7bdc9680}
.relic-slots .relic-slot.filled{background:#18291f}
.relic-replacements[hidden]{display:none}
#relic-results{margin-top:20px}
@media(max-width:599px){
 #relic-inventory .relic-item{padding:8px 5px}
 #relic-inventory .relic-item .artifact-art{width:min(62px,100%);height:62px}
 #relic-inventory .relic-item b{font-size:14px}
}
