/* Карточка игрока в лобби — мини-профиль на фоне купленной косметики.
   Затемнение слева держит имя читаемым на любой картинке; всё интересное в
   картинке владелец рисует справа (как у .vx-player--card). */
.vx-pcard{position:relative;flex:none;display:flex;align-items:center;gap:12px;min-height:92px;padding:0 14px;border-radius:18px;
  background:
    linear-gradient(90deg, rgba(20,17,16,.82) 0%, rgba(20,17,16,.45) 60%, rgba(20,17,16,.15)) no-repeat,
    var(--card-img, linear-gradient(120deg,var(--warm-800),var(--warm-700))) right center/cover no-repeat,
    var(--surface-2);
  box-shadow:0 10px 24px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);
  animation:vx-pcard-in .55s cubic-bezier(.3,1.5,.5,1) backwards}
/* Вошедший выезжает в колонку слева, с лёгким поворотом — как карта на стол. */
@keyframes vx-pcard-in{from{transform:translateX(-110%) rotate(-6deg);opacity:0}}
/* Подсветка по редкости фона карточки: обычный — без неё. */
.vx-pcard--rare{box-shadow:0 0 0 2px color-mix(in srgb,var(--rarity-rare) 60%,transparent),0 10px 24px rgba(0,0,0,.45)}
.vx-pcard--epic{box-shadow:0 0 0 2px color-mix(in srgb,var(--rarity-epic) 80%,transparent),0 0 22px color-mix(in srgb,var(--rarity-epic) 30%,transparent),0 10px 24px rgba(0,0,0,.45)}
.vx-pcard--legendary{box-shadow:0 0 0 2px color-mix(in srgb,var(--rarity-legendary) 85%,transparent),0 0 24px color-mix(in srgb,var(--rarity-legendary) 35%,transparent),0 10px 24px rgba(0,0,0,.45)}
.vx-pcard--off{opacity:.6}
.vx-pcard__av{flex:none;display:inline-flex}
.vx-pcard__img,.vx-pcard__letter{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;overflow:hidden}
.vx-pcard__img{box-shadow:0 0 0 2px var(--player-ring)}
/* Надетая рамка заменяет кольцо цвета игрока — как в .vx-player. */
.vx-frame .vx-pcard__img{box-shadow:none}
.vx-pcard__img img{width:100%;height:100%;object-fit:cover}
.vx-pcard__letter{font:900 20px var(--font-display);color:var(--text-inverse)}
.vx-pcard__text{display:flex;flex-direction:column;min-width:0;flex:1;padding-top:6px}
.vx-pcard__name{font:900 18px/1.2 var(--font-display);color:var(--text-1);text-shadow:0 2px 6px rgba(0,0,0,.6);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vx-pcard__meta{font:600 12px var(--font-text);color:var(--text-2);text-shadow:0 1px 4px rgba(0,0,0,.6)}
.vx-pcard__badges{position:absolute;top:8px;right:12px;display:flex;gap:4px;align-items:center}
.vx-pcard__badge{font:800 10px/1 var(--font-display);background:rgba(20,17,16,.75);color:var(--text-1);padding:4px 7px;border-radius:999px;
  display:inline-flex;align-items:center;gap:3px}
.vx-pcard__badge--host{color:var(--amber-300);text-transform:uppercase;letter-spacing:.5px}
.vx-pcard__badge--prem{color:var(--amber-300)}
/* Кнопки правки и исключения — над питомцем: зверёк, проходя мимо, клик не перехватит. */
.vx-pcard__acts{position:relative;z-index:2;display:flex;gap:2px;flex:none;align-self:flex-end;margin-bottom:10px}
.vx-pcard__pets{position:absolute;left:84px;right:10px;bottom:-6px;z-index:1;pointer-events:none}
@media (prefers-reduced-motion:reduce){.vx-pcard{animation:none}}