/* UX Pass #10 — mobile scorebar hierarchy: players first, turn status compact. */

@media (max-width: 620px) {
  body.mobile-game-fit .scorebar {
    grid-template-columns: minmax(0, 1.32fr) minmax(92px, .66fr) minmax(0, 1.32fr);
  }

  body.mobile-game-fit .scorebar .player-card {
    min-width: 0;
    min-height: 58px;
    padding: 7px 9px;
  }

  body.mobile-game-fit .scorebar .turn-card {
    min-width: 0;
    min-height: 58px;
    padding: 5px 4px;
  }

  body.mobile-game-fit .player-card-v2 {
    gap: 7px 8px;
  }

  body.mobile-game-fit .player-identity {
    gap: 8px;
  }

  body.mobile-game-fit .player-avatar {
    width: 49px;
    height: 49px;
    flex-basis: 49px;
    font-size: .82rem;
  }

  body.mobile-game-fit .player-copy .player-name,
  body.mobile-game-fit .player-name {
    font-size: .76rem;
    line-height: 1.05;
  }

  body.mobile-game-fit .player-turn-state {
    font-size: .6rem;
    letter-spacing: .075em;
  }

  body.mobile-game-fit .player-score-block span {
    font-size: .56rem;
  }

  body.mobile-game-fit .player-score-block strong,
  body.mobile-game-fit .player-score {
    font-size: 1.72rem;
  }

  body.mobile-game-fit .player-resources {
    gap: 4px;
  }

  body.mobile-game-fit .resource-pill {
    min-height: 23px;
    padding: 3px 7px;
    font-size: .67rem;
  }

  body.mobile-game-fit .turn-card .eyebrow {
    font-size: .58rem;
    letter-spacing: .12em;
  }

  body.mobile-game-fit .turn-card strong {
    max-width: 100%;
    font-size: .67rem;
    line-height: 1.08;
  }

  body.mobile-game-fit .turn-card .muted {
    font-size: .55rem;
    line-height: 1.05;
  }

  body.mobile-game-fit .turn-brand-logo {
    width: min(76px, 90%);
  }

  /* Mirror the left player hierarchy on Doug's card: name, then avatar, with score on the right. */
  body.mobile-game-fit #playerCardB.player-card-v2 .player-identity {
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    text-align: left;
  }

  body.mobile-game-fit #playerCardB.player-card-v2 .player-copy {
    text-align: left;
  }
}

@media (max-width: 390px) {
  body.mobile-game-fit .scorebar {
    grid-template-columns: minmax(0, 1.28fr) minmax(84px, .62fr) minmax(0, 1.28fr);
  }

  body.mobile-game-fit .scorebar .player-card {
    padding: 6px 7px;
  }

  body.mobile-game-fit .player-avatar {
    width: 45px;
    height: 45px;
    flex-basis: 45px;
  }

  body.mobile-game-fit .player-copy .player-name,
  body.mobile-game-fit .player-name {
    font-size: .71rem;
  }

  body.mobile-game-fit .player-score-block strong,
  body.mobile-game-fit .player-score {
    font-size: 1.56rem;
  }

  body.mobile-game-fit .resource-pill {
    padding-inline: 6px;
    font-size: .62rem;
  }

  body.mobile-game-fit .turn-brand-logo {
    width: min(70px, 88%);
  }
}