/* Red / Blue team presentation. Team A is Blue; Team B is Red internally. */

/* Native player-card markup already carries .team-A / .team-B markers.
   Use those directly so this styling does not depend on the enhancement JS. */
.player-chip:has(.team-A) b:first-child,
.player-chip.team-blue-player .team-colored-name,
.player-chip.team-blue-player > div:first-child,
.player-chip.team-blue-player > strong:first-child{
  color:#5eb8ff!important;
}
.player-chip:has(.team-B) b:first-child,
.player-chip.team-red-player .team-colored-name,
.player-chip.team-red-player > div:first-child,
.player-chip.team-red-player > strong:first-child{
  color:#ff6f67!important;
}

/* Team identity is conveyed by name color, not a text suffix. */
.player-chip .team-A,
.player-chip .team-B{
  display:none!important;
}

/* The local player's card is already visually obvious; the YOU badge adds noise. */
.player-chip .you-badge,
.lobby-seat .you-badge{
  display:none!important;
}

.team-blue-text{color:#5eb8ff!important}
.team-red-text{color:#ff6f67!important}

/* Special move banners inherit the team that made the play. */
.event.team-event-blue,
.event-banner.team-event-blue,
.round-event.team-event-blue,
.turn-event.team-event-blue,
.game-event.team-event-blue{
  border:1px solid #5eb8ff!important;
  background:linear-gradient(90deg,#153b5ed9,#23699be8,#153b5ed9)!important;
  color:#eef8ff!important;
  box-shadow:0 8px 24px #071d3080,0 0 18px #5eb8ff26!important;
}
.event.team-event-red,
.event-banner.team-event-red,
.round-event.team-event-red,
.turn-event.team-event-red,
.game-event.team-event-red{
  border:1px solid #ff6f67!important;
  background:linear-gradient(90deg,#5d2024d9,#91343ae8,#5d2024d9)!important;
  color:#fff2f1!important;
  box-shadow:0 8px 24px #30090d80,0 0 18px #ff6f6726!important;
}