/* Цвета редкости — одни на магазин, админку и эффекты. */
:root{--rarity-common:var(--warm-300);--rarity-rare:var(--sky-500);--rarity-epic:#B07CF2;--rarity-legendary:var(--gold-500)}
.vx-rarity--common{color:var(--rarity-common)}
.vx-rarity--rare{color:var(--rarity-rare)}
.vx-rarity--epic{color:var(--rarity-epic)}
.vx-rarity--legendary{color:var(--rarity-legendary)}

/* Фон карточки игрока. Картинка прижата вправо; левый край мягко притеняется цветом
   поверхности и к 78% ширины сходит на нет — там имя, и читаться оно должно
   на любом фоне, но картинку затемнение не должно съедать. Всё интересное
   в картинке владелец рисует справа (спека, «Картинки: требования»).
   Два класса, а не один: player-badge.css подключается позже и своим
   background затёр бы картинку. */
.vx-player.vx-player--card{position:relative;isolation:isolate;min-height:56px;overflow:hidden;
  background:
    linear-gradient(90deg,
      color-mix(in srgb,var(--surface-2) 95%,transparent) 0,
      color-mix(in srgb,var(--surface-2) 85%,transparent) 24%,
      color-mix(in srgb,var(--surface-2) 55%,transparent) 44%,
      color-mix(in srgb,var(--surface-2) 20%,transparent) 62%,
      transparent 78%) no-repeat,
    var(--card-img) right center/cover no-repeat,
    var(--surface-2);
  /* От края рамки, а не от внутренней границы: иначе слои начинались бы на
     1 px правее, и слева под рамкой торчала бы полоска картинки без затемнения. */
  background-origin:border-box}