/* Item illustrations have their own sizing. Generic span and icon rules must
   never collapse the equipment artwork or let it stretch a shop row. */
.equipment-art.item-illustration{--art-filter:brightness(1.17) saturate(.95);--art-glow:#dcc7961a;display:grid;place-items:center;position:relative;flex:none;width:52px;height:52px;min-width:0;padding:3px;border-radius:5px;background:radial-gradient(ellipse,var(--art-glow),transparent 72%);pointer-events:none;isolation:isolate;overflow:hidden}
.equipment-art.item-illustration img{display:block;position:static;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;object-fit:contain;filter:var(--art-filter) drop-shadow(0 2px 2px #0009);transform:none;image-rendering:auto}
.equipment-art.art-sword img,.equipment-art.art-staff img{transform:rotate(28deg) scale(.94)}
.equipment-art.art-bow img{transform:rotate(17deg) scale(.96)}
.equipment-art.art-frost{--art-filter:sepia(.45) hue-rotate(145deg) saturate(.85) brightness(1.28);--art-glow:#74cfe431}
.equipment-art.art-ember{--art-filter:sepia(.55) hue-rotate(336deg) saturate(1.65) brightness(1.13);--art-glow:#e19a5930}
.equipment-art.art-void{--art-filter:sepia(.45) hue-rotate(205deg) saturate(1.05) brightness(1.12);--art-glow:#b08ae333}
.equipment-art.art-verdant{--art-filter:sepia(.45) hue-rotate(48deg) saturate(.9) brightness(1.13);--art-glow:#9bb97926}
.equipment-art.art-astral{--art-filter:sepia(.25) hue-rotate(163deg) saturate(.65) brightness(1.35);--art-glow:#ddd6af30}
.equipment-art.art-silver{--art-filter:saturate(.52) brightness(1.3);--art-glow:#b2c6dc26}
.equipment-art.art-flask{--art-filter:brightness(1.09) saturate(1.1)}
.equipment-slot .equipment-art.item-illustration{position:static;width:44px;height:44px;margin:0;grid-row:auto}
.item-slot .equipment-art.item-illustration{width:100%;height:100%;padding:5px 5px 10px}
.inventory-layout .item-slot{display:grid;place-items:center;overflow:hidden}
.inventory-layout .item-quality{z-index:2;font-size:10px;bottom:2px;left:3px;padding:1px 3px;background:#0a151eeb}
.item-detail .item-art{float:left;width:78px;height:84px;margin:0 12px 8px 0;background:none}
.item-detail .item-art .item-illustration{width:100%;height:100%;padding:1px}
.shop-item>.equipment-art.item-illustration{flex:0 0 48px;width:48px;height:48px}
.loot-item>.equipment-art.item-illustration{flex:0 0 72px;width:72px;height:72px}
.craftwork .craft-recipe{grid-template-columns:44px minmax(0,1fr) auto}
.craftwork .craft-recipe-icon{padding:0;align-self:center}
.craft-recipe-icon>.equipment-art.item-illustration{width:44px;height:48px}
.trade-item>.equipment-art.item-illustration{width:38px;height:42px;flex:0 0 38px}
@media(max-width:600px){
 .equipment-slot .equipment-art.item-illustration{width:40px;height:40px}
 .item-detail .item-art{width:68px;height:76px;margin-right:11px}
 .shop-item>.equipment-art.item-illustration{flex-basis:42px;width:42px;height:44px}
 .loot-item>.equipment-art.item-illustration{flex-basis:56px;width:56px;height:64px}
 .craftwork .craft-recipe{grid-template-columns:35px minmax(0,1fr) auto;gap:8px}
 .craft-recipe-icon>.equipment-art.item-illustration{width:35px;height:42px}
 .trade-item>.equipment-art.item-illustration{width:32px;height:38px;flex-basis:32px}
}