/* v0.9.99 · requested Poker help, player-list, avatar and Roulette readability changes only */

/* Poker hand rankings use the same flat divider design as the definition rows. */
#rulesDrawer .poker-ranking-list {
  gap: 0 !important;
  margin: 14px 0 22px !important;
}
#rulesDrawer .poker-ranking {
  min-height: 112px !important;
  padding: 14px 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  align-content: center !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#rulesDrawer .poker-ranking > strong {
  display: block !important;
  margin: 0 !important;
  color: var(--gold-2) !important;
  font-size: .92rem !important;
}
#rulesDrawer .poker-ranking > small {
  display: none !important;
}
#rulesDrawer .poker-ranking .rule-card-line {
  width: 100% !important;
  min-height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  overflow: visible !important;
}
#rulesDrawer .poker-ranking .rule-card-line i {
  width: 52px !important;
  height: 72px !important;
  min-width: 52px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 2px solid #071116 !important;
  border-radius: 8px !important;
  background: #fffdf4 !important;
  color: #111820 !important;
  box-shadow: 3px 3px 0 #071116 !important;
  font-size: 1.02rem !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 1000 !important;
  text-align: center !important;
}

/* Poker player seats fill the same sidebar width as the chat panel. */
@media (min-width: 801px) {
  body.poker-live #pokerApp .poker-sidebar > section:first-child {
    width: 100% !important;
    padding-inline: 0 !important;
    box-sizing: border-box !important;
  }
  body.poker-live #pokerApp .poker-player-list {
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    gap: 7px !important;
    box-sizing: border-box !important;
  }
  body.poker-live #pokerApp .poker-player-row {
    width: 100% !important;
    min-height: 58px !important;
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 7px 10px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  body.poker-live #pokerApp .poker-player-row > span:first-child {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    line-height: 1 !important;
  }
}

/* Profile icons use more of their existing avatar area without changing the avatar boxes. */
.account-avatar { font-size: 25px !important; line-height: 1 !important; }
.admin-avatar { font-size: 34px !important; line-height: 1 !important; }
.bot-avatar { font-size: 34px !important; line-height: 1 !important; }
.chat-avatar { font-size: 25px !important; line-height: 1 !important; }
.dealer-avatar { font-size: 46px !important; line-height: 1 !important; }
.player-profile-avatar { font-size: 56px !important; line-height: 1 !important; }
.poker-avatar { font-size: 31px !important; line-height: 1 !important; }
.profile-avatar-preview { font-size: 40px !important; line-height: 1 !important; }
.social-avatar:not(.empty-seat-avatar) { font-size: 25px !important; line-height: 1 !important; }
.table-avatar { font-size: 44px !important; line-height: 1 !important; }
.poker-player-row:not(.empty-seat-row) > span:first-child { font-size: 31px !important; line-height: 1 !important; }
.roulette-player-row:not(.empty-seat-row) > span:first-child { font-size: 30px !important; line-height: 1 !important; }
.chat-message > span:first-child { font-size: 25px !important; line-height: 1 !important; }
.avatar-option { font-size: 30px !important; line-height: 1 !important; }

/* Roulette keeps the existing player-card colors; only text becomes bright. */
#rouletteApp.roulette-multiplayer-active .roulette-player-row:not(.empty-seat-row) strong {
  color: #f7fbff !important;
}
#rouletteApp.roulette-multiplayer-active .roulette-player-row:not(.empty-seat-row) small {
  color: #d8e2ef !important;
}

/* Poker face-down cards explicitly use the same back design as Blackjack. */
#pokerApp .playing-card .card-back {
  border: 3px solid var(--wf-ink, #121212) !important;
  background:
    linear-gradient(45deg, rgba(255,255,255,.12) 25%, transparent 25% 50%, rgba(255,255,255,.12) 50% 75%, transparent 75%),
    var(--wf-violet, #7d4df2) !important;
  background-size: 12px 12px !important;
  box-shadow: 5px 5px 0 rgba(18,18,18,.62) !important;
}
#pokerApp .playing-card .card-back::before {
  inset: 6px !important;
  border: 2px solid var(--wf-lime, #c8ff3d) !important;
}
#pokerApp .playing-card .back-emblem {
  color: var(--wf-ink, #121212) !important;
  background: var(--wf-lime, #c8ff3d) !important;
  border: 2px solid var(--wf-ink, #121212) !important;
}

@media (max-width: 800px) {
  #rulesDrawer .poker-ranking .rule-card-line {
    justify-content: center !important;
    gap: 5px !important;
    overflow-x: auto !important;
    padding: 2px 0 5px !important;
  }
  #rulesDrawer .poker-ranking .rule-card-line i {
    width: 48px !important;
    height: 66px !important;
    min-width: 48px !important;
    font-size: .94rem !important;
  }
}