.guardian-item-icon{background-image:url('../assets/guardian-v5/equipment.webp');background-size:400% 300%;background-position:calc(var(--gx)*100%/3) calc(var(--gy)*50%)}
#bag-equip{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.equip-slot{padding:6px;gap:5px}.equip-slot .item-icon{width:34px;height:34px}.equip-slot span{gap:4px}.equip-slot b{font-size:11px}.build-summary{grid-column:1/-1;line-height:1.6;padding:2px 0 0;font-size:11px}.guardian-empty-icon{width:30px;height:30px;flex:0 0 30px;background:#17141e;border:1px dashed #9a839b66}.guardian-item-source{color:#c0b8cc;font-size:11px;margin:10px 0}.bag-shell blockquote{border-left:0;padding-left:0;color:#c3b4ce}.bag-help{color:#bcadc8}.bag-shell button:focus-visible{outline:2px solid #f4c4df;outline-offset:-2px}#bag-filters{flex-wrap:wrap;gap:4px}#bag-filters button{flex:1 0 20%;padding:6px 4px}.bag-item strong{line-height:1.4;text-align:center}.bag-shell .item-effects p{margin:9px 0}.bag-shell .secondary{min-height:36px}.bag-item small,.detail-heading span{color:#bbadca}#bag-save-note{color:#bbadca}.bag-item.empty-slot small{color:#a393b2}.bag-shell .detail-heading small{letter-spacing:0}.bag-shell .item-effects{line-height:1.75}.bag-shell #bag-detail{scrollbar-color:#ac8fa6 #1b1724}.bag-shell ::selection{background:#9e6286;color:#fff8fc}
@media(max-height:520px){#bag-equip{padding:5px 0;gap:4px}.equip-slot .item-icon{width:25px;height:25px}.equip-slot{padding:4px;gap:3px}.equip-slot small{font-size:8px}.equip-slot b{font-size:9px}.build-summary{font-size:9px}.bag-help{font-size:9px;margin:5px 0 0}#bag-filters button{font-size:10px;padding:5px 2px}.detail-heading h3{font-size:19px}.bag-main{gap:12px}.bag-shell .primary,.bag-shell .secondary{min-height:34px}}
@media(max-width:650px){#bag-equip{grid-template-columns:repeat(3,minmax(0,1fr))}.bag-shell header{flex-shrink:0}.bag-shell h2{font-size:22px}.bag-shell .bag-main{overflow:auto;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(180px,36vh) auto}.bag-shell .bag-collection{min-height:180px;max-height:none}.bag-shell #bag-detail{overflow:visible;padding-bottom:12px}#bag-equip .equip-slot .item-icon{width:26px;height:26px}#bag-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bag-help{display:block}#bag-filters button{flex-basis:20%;font-size:11px}.bag-shell #bag-save-note{flex-shrink:0}.bag-item strong{font-size:10px}.bag-shell{height:96dvh;width:98vw}.guardian-item-source{font-size:12px}}