/* v0.91.9 · poker avatars, icon centering and wheel controls */

/* Profile-picture glyphs keep their original dimensions and font sizes.
   Only their alignment is corrected. */
.account-avatar,
.profile-avatar-preview,
.player-profile-avatar,
.poker-avatar,
.leaderboard-avatar,
.admin-avatar,
.bot-avatar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* An active poker player is highlighted without changing avatar geometry. */
#pokerApp .poker-seat:not(.poker-empty-seat) .poker-avatar,
#pokerApp .poker-seat:not(.poker-empty-seat).is-active .poker-avatar,
#pokerApp .poker-seat:not(.poker-empty-seat).is-turn .poker-avatar,
#pokerApp .poker-seat:not(.poker-empty-seat):hover .poker-avatar {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  flex-basis: 64px !important;
  transform: none !important;
  scale: 1 !important;
}

/* Developer Center: editable six-field daily-wheel configuration. */
.v0919-wheel-config {
  grid-column: 1 / -1;
  margin: 0;
  padding: 12px;
  border: 2px solid rgba(7,17,22,.55);
  border-radius: 16px;
  background: rgba(255,255,255,.06);
}
.v0919-wheel-config legend { padding: 0 7px; font-weight: 1000; }
.v0919-wheel-config > small { display: block; margin: 0 0 10px; opacity: .72; }
.v0919-wheel-config > div {
  display: grid;
  grid-template-columns: repeat(6, minmax(84px, 1fr));
  gap: 8px;
}
.v0919-wheel-config label { min-width: 0; }
.v0919-wheel-config input { width: 100%; box-sizing: border-box; }

#referralMessage.error {
  display: block !important;
  min-height: 1.35em;
  color: #ff7184 !important;
  font-weight: 900 !important;
}

@media (max-width: 900px) {
  .v0919-wheel-config > div { grid-template-columns: repeat(3, minmax(84px, 1fr)); }
}
@media (max-width: 800px) {
  #pokerApp .poker-seat:not(.poker-empty-seat) .poker-avatar,
  #pokerApp .poker-seat:not(.poker-empty-seat).is-active .poker-avatar,
  #pokerApp .poker-seat:not(.poker-empty-seat).is-turn .poker-avatar,
  #pokerApp .poker-seat:not(.poker-empty-seat):hover .poker-avatar {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
  }
}
@media (max-width: 560px) {
  .v0919-wheel-config > div { grid-template-columns: repeat(2, minmax(84px, 1fr)); }
}