/* Identical rarity colors in both visitor designs and the admin studio. */
.rarity.rarity-rare, .badge.rarity-rare {
    color: #174e88;
    background: #e6f1ff;
    border-color: #91b8e8;
}
.rarity.rarity-epic, .badge.rarity-epic {
    color: #66309a;
    background: linear-gradient(120deg, #f2e8ff, #e9dbff);
    border-color: #af83d5;
    box-shadow: 0 2px 7px #7942a515;
}
.rarity.rarity-mythical, .badge.rarity-mythical {
    color: #fff3fa;
    background: linear-gradient(120deg, #54265f, #8a3467);
    border-color: #b575a1;
    box-shadow: inset 0 0 0 1px #ffffff18, 0 2px 9px #66225424;
    font-weight: 700;
}
.rarity.rarity-legendary, .badge.rarity-legendary {
    color: #59380a;
    background: linear-gradient(115deg, #edc565, #fff3bb 45%, #e2b14b);
    border-color: #ac7a24;
    box-shadow: inset 0 0 0 1px #fff6d8, 0 2px 12px #b5812b30;
    font-weight: 700;
    letter-spacing: .8px;
}
.weight-grid .badge { align-self: flex-start; }