/* Neon Poker v0.93.8.5 — Roulette multiplayer statistics, compact transparent drawers and fixed Roulette information rails. */

/* Statistics and Blackjack history use the exact narrow Social rail width. */
#gameStatsOverlay .game-stats-drawer,
#blackjackHistoryOverlay .blackjack-history-drawer {
  width: min(360px, 100%) !important;
  max-width: 360px !important;
  padding: 22px 18px !important;
  border-radius: 28px 0 0 28px !important;
}

/* Opening a game-information rail never darkens or blurs the table behind it. */
#gameStatsOverlay .social-backdrop,
#blackjackHistoryOverlay .social-backdrop {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Blackjack statistic tiles keep strong contrast, including the right column. */
#blackjackStatisticsContent .blackjack-extended-stats > div {
  color: #101820 !important;
  background: #edf2f1 !important;
  border-color: rgba(7, 17, 22, .22) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.8) !important;
}
#blackjackStatisticsContent .blackjack-extended-stats > div > span {
  color: #344047 !important;
  opacity: 1 !important;
}
#blackjackStatisticsContent .blackjack-extended-stats > div > strong {
  color: #071116 !important;
  opacity: 1 !important;
}

/* Selected legacy-auth tabs retain a light label instead of switching to dark text. */
.developer-auth-mode-tabs button.active,
.developer-auth-mode-tabs button[aria-selected="true"] {
  color: #f7fff9 !important;
  background: linear-gradient(135deg, rgba(22, 122, 88, .96), rgba(24, 92, 118, .96)) !important;
  border-color: rgba(200,255,61,.72) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;
}

/* Multiplayer Roulette receives an in-panel Statistics action. */
#rouletteApp .roulette-multiplayer-tools {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  min-width: 0 !important;
}
#rouletteApp .roulette-multiplayer-tools .roulette-statistics-open {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
}

/* The Roulette information rail itself stays fixed in place and never becomes an outer scroll area. */
@media (min-width: 1181px) {
  #rouletteApp > .roulette-info,
  #rouletteApp.roulette-multiplayer-active > .roulette-info {
    position: sticky !important;
    top: 16px !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    overscroll-behavior: none !important;
  }

  #rouletteApp:not(.roulette-multiplayer-active) > .roulette-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #rouletteApp:not(.roulette-multiplayer-active) > .roulette-info > .roulette-guide-fill {
    flex: 1 1 auto !important;
  }
}

/* Neutral information replaces the former green zero explainer. */
#rouletteApp .roulette-wheel-facts,
#rouletteApp .roulette-quick-guide {
  background: rgba(255,255,255,.025) !important;
}
#rouletteApp .roulette-info-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#rouletteApp .roulette-info-list li {
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
}
#rouletteApp .roulette-info-list strong {
  color: var(--text) !important;
  font-size: .78rem;
}
#rouletteApp .roulette-info-list span {
  color: var(--muted) !important;
  font-size: .7rem;
  line-height: 1.35;
}

@media (max-width: 760px) {
  #gameStatsOverlay .game-stats-drawer,
  #blackjackHistoryOverlay .blackjack-history-drawer {
    width: 100% !important;
    max-width: none !important;
    border-radius: 0 !important;
  }
}

#rouletteApp.roulette-multiplayer-active .roulette-multiplayer-panel {
  grid-template-rows: auto auto minmax(180px, 1fr) !important;
}