.vx-player{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;background:var(--surface-2);
  border:1px solid var(--border-1);border-radius:var(--radius-md);box-shadow:var(--inset-top);transition:var(--transition-control)}
.vx-player--off{opacity:.45}
.vx-player__av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font:700 13px/1 var(--font-display);color:#23170a;flex:0 0 auto;box-shadow:var(--inset-top-strong)}
.vx-player__name{flex:1;min-width:0;font:var(--type-body-strong);color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Подпись переносится, а не обрезается: у игрока, взявшего половину ролей,
   она длиннее самой карточки, и в одну строку выпирала за её край. Имя рядом
   так и остаётся одной строкой с многоточием — по нему игрока и узнают.
   anywhere — на случай одного длинного имени роли без пробелов: без него
   такая строка задаёт карточке ширину и всё возвращается. */
.vx-player__meta{font:var(--type-caption);color:var(--text-3);display:block;font-weight:400;
  white-space:normal;overflow-wrap:anywhere}
.vx-player__host{font:var(--type-mono-s);color:var(--amber-300)}
/* Премиум — золотом, рядом с меткой хоста: компания видит, кто открыл эффекты. */
.vx-player__prem{font:var(--type-mono-s);color:var(--gold-500)}
.vx-player--compact{padding:0;background:transparent;border:0;box-shadow:none}
/* Аватарка вместо инициалов: тот же круг, что в шапке и профиле, картинка по
   размеру, цвет игрока — обводкой (см. разметку). */
.vx-player__av--img{background:var(--surface-3);box-shadow:0 0 0 2px var(--player-ring);overflow:hidden}
.vx-player__av--img img{width:100%;height:100%;object-fit:cover;display:block}