/* 
  Player Component Styles
  Defines consistent player styling across the application
*/

/* Player display components */
.player-avatar {
  width: 30px;
  height: 30px;
  border-radius: 9999px;
  object-fit: cover;
}

.player-photo {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}

.player-info {
  display: flex;
  flex-direction: column;
}

.player-name {
  font-weight: var(--font-semibold);
  color: var(--clr-primary-a20);
  font-size: var(--text-sm);
  margin: 0;
}

.player-meta {
  font-size: var(--text-xs);
  color: var(--clr-surface-a50);
}

/* Stats display */
.stat-value {
  font-weight: var(--font-bold);
  font-size: var(--text-base);
}

.stat-meta {
  font-size: var(--text-xs);
  color: var(--clr-surface-a50);
}

/* Player in table context */
.player-row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

/* Larger player avatars for profile pages */
.player-avatar-lg {
  width: 64px;
  height: 64px;
  border-radius: 9999px;
  object-fit: cover;
  border: 2px solid var(--clr-surface-a20);
}

/* Medium player avatars */
.player-avatar-md {
  width: 48px;
  height: 48px;
  border-radius: 9999px;
  object-fit: cover;
  border: 1px solid var(--clr-surface-a20);
}