.upgrade-options > .upgrade-card[data-rarity] {
  border: 3px solid var(--rarity-color);
  box-shadow: inset 0 0 0 2px #19150f, 0 0 10px color-mix(in srgb, var(--rarity-color) 20%, transparent);
}
.upgrade-options > .upgrade-card[data-rarity]:hover {
  border-color: var(--rarity-color);
  box-shadow: inset 0 0 0 2px #19150f, 0 0 16px color-mix(in srgb, var(--rarity-color) 45%, transparent);
}
.upgrade-options > .upgrade-card[data-rarity]:focus-visible {
  outline: 2px solid var(--rarity-color); outline-offset: 4px;
}
.upgrade-rarity { color: var(--rarity-color); font: 17px/1.15 var(--rs-font); text-shadow: 1px 1px #000; }
.upgrade-rarity small { color: #e0cbaa; font: 14px/1.15 var(--rs-font); }
.upgrade-options > .upgrade-card[data-rarity] .upgrade-icon { border-color: var(--rarity-color); }
.ability-rank { max-width: calc(100% - 4px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 650px) {
  .upgrade-rarity { grid-column: 2; font-size: 16px; }
  .upgrade-options > .upgrade-card[data-rarity] .upgrade-icon { grid-row: 1 / 5; }
}