.drop-rarity {
    display: inline-block;
    padding: 3px 8px;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
    white-space: nowrap;
}

.drop-rarity-common {
    color: #72e0a2;
    background: #163b2b;
}

.drop-rarity-uncommon {
    color: #83d7e8;
    background: #153944;
}

.drop-rarity-rare {
    color: #a9a1ff;
    background: #2d2850;
}

.drop-rarity-very-rare {
    color: #f3b46d;
    background: #4a2e19;
}

.drop-rarity-ultra-rare {
    color: #ff7d8b;
    background: #4b2029;
}

/* Keep rarity badges in the same purple-forward visual system. */
.drop-rarity-common {
    color: #8fe0bd;
    background: #193a32;
}

.drop-rarity-uncommon {
    color: #a9d5e8;
    background: #1d3042;
}

.drop-rarity-rare {
    color: #c4a2ff;
    background: #30204d;
}

.drop-rarity-very-rare {
    color: #e3adff;
    background: #43224e;
}

.drop-rarity-ultra-rare {
    color: #ff9ccf;
    background: #4a2140;
}