.player-badge {
  background: var(--player-bg, #6c757d);
  color: var(--player-color, #fff);
  border-radius: 16px;
  padding: 6px 10px;
  font-size: 0.9em;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.player-badge.player-gk {
  --player-bg: #1e90ff;
  --player-color: #fff;
}
.player-badge.player-extra {
  --player-bg: #fbbf24;
  --player-color: #222;
}
.player-badge.player-outfield {
  --player-bg: #2563eb;
  --player-color: #fff;
}
.player-badge.selected {
  outline: 2px solid var(--success-color, #22c55e);
  box-shadow: 0 0 0 2px var(--success-color, #22c55e);
}