/* v0.92.4 · unified profile fields and synchronized Blackjack results */

/* --------------------------------------------------------------------------
   One profile-picture system everywhere
   -------------------------------------------------------------------------- */
:root {
  --neon-profile-blue: #73d7ff;
  --neon-profile-ink: #071116;
}

:is(
  .account-avatar,
  .profile-avatar-preview,
  .player-profile-avatar,
  .leaderboard-avatar,
  .admin-avatar,
  .bot-avatar,
  .chat-avatar,
  .dealer-avatar,
  .table-avatar,
  .poker-avatar,
  .social-avatar:not(.empty-seat-avatar),
  .avatar-option,
  .poker-player-row:not(.empty-seat-row) > span:first-child,
  .roulette-player-row:not(.empty-seat-row) > span:first-child,
  .chat-message > span:first-child,
  .guild-profile-link > span:first-child
) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  place-items: center !important;
  padding: 0 !important;
  border: 2px solid var(--neon-profile-ink) !important;
  border-radius: 24% !important;
  color: var(--neon-profile-ink) !important;
  background: var(--neon-profile-blue) !important;
  background-image: none !important;
  box-shadow: 3px 3px 0 var(--neon-profile-ink) !important;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-indent: 0 !important;
  vertical-align: middle !important;
  transform-origin: center center !important;
}

.account-avatar {
  --profile-box: 30px;
  width: var(--profile-box) !important;
  min-width: var(--profile-box) !important;
  max-width: var(--profile-box) !important;
  height: var(--profile-box) !important;
  min-height: var(--profile-box) !important;
  max-height: var(--profile-box) !important;
  flex: 0 0 var(--profile-box) !important;
  font-size: 24px !important;
}
.profile-avatar-preview {
  --profile-box: 52px;
  width: var(--profile-box) !important;
  min-width: var(--profile-box) !important;
  max-width: var(--profile-box) !important;
  height: var(--profile-box) !important;
  min-height: var(--profile-box) !important;
  max-height: var(--profile-box) !important;
  flex: 0 0 var(--profile-box) !important;
  font-size: 41px !important;
}
.player-profile-avatar {
  --profile-box: 74px;
  width: var(--profile-box) !important;
  min-width: var(--profile-box) !important;
  max-width: var(--profile-box) !important;
  height: var(--profile-box) !important;
  min-height: var(--profile-box) !important;
  max-height: var(--profile-box) !important;
  flex: 0 0 var(--profile-box) !important;
  font-size: 58px !important;
}
#leaderboardPanel .leaderboard-avatar,
.leaderboard-avatar {
  --profile-box: 42px;
  width: var(--profile-box) !important;
  min-width: var(--profile-box) !important;
  max-width: var(--profile-box) !important;
  height: var(--profile-box) !important;
  min-height: var(--profile-box) !important;
  max-height: var(--profile-box) !important;
  flex: 0 0 var(--profile-box) !important;
  font-size: 33px !important;
}
.admin-avatar {
  --profile-box: 42px;
  width: var(--profile-box) !important;
  min-width: var(--profile-box) !important;
  max-width: var(--profile-box) !important;
  height: var(--profile-box) !important;
  min-height: var(--profile-box) !important;
  max-height: var(--profile-box) !important;
  flex: 0 0 var(--profile-box) !important;
  font-size: 33px !important;
}
.bot-avatar {
  --profile-box: 46px;
  width: var(--profile-box) !important;
  min-width: var(--profile-box) !important;
  max-width: var(--profile-box) !important;
  height: var(--profile-box) !important;
  min-height: var(--profile-box) !important;
  max-height: var(--profile-box) !important;
  flex: 0 0 var(--profile-box) !important;
  font-size: 36px !important;
}
.roulette-multiplayer-chat .chat-avatar,
.chat-avatar {
  --profile-box: 34px;
  width: var(--profile-box) !important;
  min-width: var(--profile-box) !important;
  max-width: var(--profile-box) !important;
  height: var(--profile-box) !important;
  min-height: var(--profile-box) !important;
  max-height: var(--profile-box) !important;
  flex: 0 0 var(--profile-box) !important;
  font-size: 27px !important;
}
.dealer-avatar {
  --profile-box: 62px;
  width: var(--profile-box) !important;
  min-width: var(--profile-box) !important;
  max-width: var(--profile-box) !important;
  height: var(--profile-box) !important;
  min-height: var(--profile-box) !important;
  max-height: var(--profile-box) !important;
  flex: 0 0 var(--profile-box) !important;
  font-size: 48px !important;
}
body.multiplayer-live #multiSeats .table-avatar,
.table-avatar {
  --profile-box: 58px;
  width: var(--profile-box) !important;
  min-width: var(--profile-box) !important;
  max-width: var(--profile-box) !important;
  height: var(--profile-box) !important;
  min-height: var(--profile-box) !important;
  max-height: var(--profile-box) !important;
  flex: 0 0 var(--profile-box) !important;
  font-size: 45px !important;
}
#pokerApp .poker-avatar,
.poker-avatar {
  --profile-box: 64px;
  width: var(--profile-box) !important;
  min-width: var(--profile-box) !important;
  max-width: var(--profile-box) !important;
  height: var(--profile-box) !important;
  min-height: var(--profile-box) !important;
  max-height: var(--profile-box) !important;
  flex: 0 0 var(--profile-box) !important;
  font-size: 50px !important;
  overflow: visible !important;
}
#friendsList .social-avatar:not(.empty-seat-avatar),
.social-list .social-avatar:not(.empty-seat-avatar),
.social-avatar:not(.empty-seat-avatar) {
  --profile-box: 44px;
  width: var(--profile-box) !important;
  min-width: var(--profile-box) !important;
  max-width: var(--profile-box) !important;
  height: var(--profile-box) !important;
  min-height: var(--profile-box) !important;
  max-height: var(--profile-box) !important;
  flex: 0 0 var(--profile-box) !important;
  font-size: 34px !important;
  overflow: visible !important;
}
.avatar-option {
  --profile-box: 54px;
  width: var(--profile-box) !important;
  min-width: var(--profile-box) !important;
  max-width: var(--profile-box) !important;
  height: var(--profile-box) !important;
  min-height: var(--profile-box) !important;
  max-height: var(--profile-box) !important;
  font-size: 42px !important;
}
.avatar-option.selected {
  outline: 3px solid #fff !important;
  outline-offset: -5px !important;
}
.poker-player-row:not(.empty-seat-row) > span:first-child,
.roulette-player-row:not(.empty-seat-row) > span:first-child,
.chat-message > span:first-child,
.guild-profile-link > span:first-child {
  --profile-box: 38px;
  width: var(--profile-box) !important;
  min-width: var(--profile-box) !important;
  max-width: var(--profile-box) !important;
  height: var(--profile-box) !important;
  min-height: var(--profile-box) !important;
  max-height: var(--profile-box) !important;
  flex: 0 0 var(--profile-box) !important;
  font-size: 30px !important;
}

/* Preserve functional overlays without displacing the centered icon. */
.social-avatar::after { z-index: 3 !important; }
.poker-seat-effect { position: absolute !important; }

/* --------------------------------------------------------------------------
   Multiplayer Blackjack result text starts with the matching seat animation
   -------------------------------------------------------------------------- */
body.multiplayer-live #multiSeats .multi-seat.multi-hand-winner .multi-hand-result.win,
body.multiplayer-live #multiSeats .multi-seat.multi-hand-loser .multi-hand-result.lose {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.multiplayer-live #multiSeats .multi-seat.multi-hand-winner .multi-hand-result.win {
  animation: blackjackResultWinInV0924 .24s ease-out both !important;
}
body.multiplayer-live #multiSeats .multi-seat.multi-hand-loser .multi-hand-result.lose {
  animation: blackjackResultLossInV0924 .24s ease-out both !important;
}
@keyframes blackjackResultWinInV0924 {
  from { opacity: 0; transform: translateY(4px) scale(.96); }
  to { opacity: 1; transform: none; }
}
@keyframes blackjackResultLossInV0924 {
  from { opacity: 0; transform: translateY(4px) scale(.96); }
  to { opacity: 1; transform: none; }
}

/* Poker sizing is handled horizontally by v0.92.5.
   The previous vertical overrides were removed so height, ROOM bar and controls
   return to their pre-v0.92.4 dimensions. */

@media (max-width: 800px) {
  #pokerApp .poker-avatar,
  .poker-avatar {
    --profile-box: 28px;
    font-size: 22px !important;
  }
  #friendsList .social-avatar:not(.empty-seat-avatar),
  .social-list .social-avatar:not(.empty-seat-avatar),
  .social-avatar:not(.empty-seat-avatar) {
    --profile-box: 40px;
    font-size: 31px !important;
  }
}

/* More-specific legacy avatar rules must not reintroduce another blue tone. */
html body #pokerApp .poker-avatar,
html body #multiplayerApp .table-avatar,
html body #leaderboardPanel .leaderboard-avatar,
html body #friendsList .social-avatar:not(.empty-seat-avatar),
html body .social-list .social-avatar:not(.empty-seat-avatar),
html body #accountAvatar.account-avatar,
html body #profileAvatarPreview.profile-avatar-preview,
html body #playerProfileAvatar.player-profile-avatar,
html body .admin-avatar,
html body .bot-avatar,
html body .roulette-multiplayer-chat .chat-avatar,
html body .dealer-persona .dealer-avatar {
  color: var(--neon-profile-ink) !important;
  background: var(--neon-profile-blue) !important;
  background-image: none !important;
  border-color: var(--neon-profile-ink) !important;
  border-radius: 24% !important;
}