// The game scoreboard where players' stats are shown

#game-scoreboard {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: $chip-margin;
  font-size: 16px;
  text-align: center;
}

.player-stats {
  &:first-child {
    margin-left: $chip-margin;
    text-align: left;
  }
  &:last-child {
    margin-right: $chip-margin;
    text-align: right;
  }
  @each $player-color-name, $player-color in $player-colors {
    &.#{$player-color-name} {
      color: darken($player-color, 10%);
    }
  }
}

.player-score {
  font-size: 32px;
}

// The game scoreboard where players' stats are shown

#game-scoreboard {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: $chip-margin;
  font-size: 16px;
  text-align: center;
}

.player-stats {
  &:nth-child(1) {
    margin-left: $chip-margin;
    text-align: left;
  }
  &:nth-child(2) {
    margin-right: $chip-margin;
    text-align: right;
  }
  @each $player-color-name, $player-color in $player-colors {
    &.#{$player-color-name} {
      color: darken($player-color, 10%);
    }
  }
}

.player-score {
  font-size: 32px;
}

Align player to left of scoreboard if there is only one
Align player to left of scoreboard if there is only one
