/* v0.9.97 · flicker-free mode dialog, stable Blackjack winners and unified empty player rows */

/* The launch dialog becomes visible only after its final content is ready. */
.v072-launch-overlay.is-preparing {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Every occupied Blackjack visiting card uses identical geometry in normal,
   active, winner and loser states. Result classes may only style the avatar. */
body.multiplayer-live #multiSeats .multi-seat:not(.multi-seat-vacant) .seat-info-row,
body.multiplayer-live #multiSeats .multi-seat:not(.multi-seat-vacant).active .seat-info-row,
body.multiplayer-live #multiSeats .multi-seat:not(.multi-seat-vacant).multi-hand-winner .seat-info-row,
body.multiplayer-live #multiSeats .multi-seat:not(.multi-seat-vacant).multi-hand-loser .seat-info-row {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 74px !important;
  min-height: 74px !important;
  max-height: 74px !important;
  padding: 0 2px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  transition: none !important;
  box-sizing: border-box !important;
  contain: layout !important;
}
body.multiplayer-live #multiSeats .multi-seat:not(.multi-seat-vacant) .seat-profile,
body.multiplayer-live #multiSeats .multi-seat:not(.multi-seat-vacant).active .seat-profile,
body.multiplayer-live #multiSeats .multi-seat:not(.multi-seat-vacant).multi-hand-winner .seat-profile,
body.multiplayer-live #multiSeats .multi-seat:not(.multi-seat-vacant).multi-hand-loser .seat-profile {
  position: relative !important;
  inset: auto !important;
  top: 14px !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: min(214px, calc(100% - 8px)) !important;
  height: 84px !important;
  min-height: 84px !important;
  max-height: 84px !important;
  margin: 0 auto !important;
  padding: 9px 11px !important;
  border: 3px solid var(--wf-ink, #071116) !important;
  border-radius: 16px !important;
  box-shadow: 4px 4px 0 var(--wf-ink, #071116) !important;
  filter: none !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  transition: none !important;
  box-sizing: border-box !important;
  contain: layout !important;
}
body.multiplayer-live #multiSeats .multi-seat.me .seat-profile,
body.multiplayer-live #multiSeats .multi-seat.me.multi-hand-winner .seat-profile,
body.multiplayer-live #multiSeats .multi-seat.me.multi-hand-loser .seat-profile {
  background: #ddff91 !important;
}
body.multiplayer-live #multiSeats .multi-seat:not(.me):not(.multi-seat-vacant) .seat-profile,
body.multiplayer-live #multiSeats .multi-seat:not(.me):not(.multi-seat-vacant).multi-hand-winner .seat-profile,
body.multiplayer-live #multiSeats .multi-seat:not(.me):not(.multi-seat-vacant).multi-hand-loser .seat-profile {
  background: linear-gradient(180deg, #3c424a, #262b31) !important;
}
body.multiplayer-live #multiSeats .multi-seat.multi-hand-winner::before,
body.multiplayer-live #multiSeats .multi-seat.multi-hand-winner::after,
body.multiplayer-live #multiSeats .multi-seat.multi-hand-winner .seat-info-row::before,
body.multiplayer-live #multiSeats .multi-seat.multi-hand-winner .seat-info-row::after,
body.multiplayer-live #multiSeats .multi-seat.multi-hand-winner .seat-profile::before,
body.multiplayer-live #multiSeats .multi-seat.multi-hand-winner .seat-profile::after {
  display: none !important;
}
body.multiplayer-live #multiSeats .multi-seat.multi-hand-winner .seat-profile > .table-avatar {
  border-color: #236b39 !important;
  animation: blackjackWinnerAvatarStableV097 1.15s ease-in-out infinite !important;
}
@keyframes blackjackWinnerAvatarStableV097 {
  0%, 100% {
    border-color: #236b39;
    box-shadow: 0 0 0 2px rgba(35,107,57,.32), 0 0 14px rgba(35,107,57,.36), 4px 4px 0 var(--wf-ink, #071116);
  }
  50% {
    border-color: #34864b;
    box-shadow: 0 0 0 4px rgba(35,107,57,.38), 0 0 22px rgba(35,107,57,.52), 4px 4px 0 var(--wf-ink, #071116);
  }
}

/* Move the Dealer avatar clearly to the right. The avatar's left inner gap and
   the donate button's right inner gap are the same. */
body.multiplayer-live .dealer-persona {
  width: min(420px, calc(100% - 18px)) !important;
  grid-template-columns: 56px minmax(62px, max-content) auto !important;
  column-gap: 8px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}
body.multiplayer-live .dealer-persona .dealer-avatar {
  justify-self: start !important;
  margin-left: 0 !important;
  transform: none !important;
}
body.multiplayer-live .dealer-donate-btn {
  justify-self: end !important;
  margin-left: 2px !important;
  margin-right: 0 !important;
}

/* Poker, Blackjack and Roulette use one neutral empty-seat language. */
#pokerApp .poker-player-row.unified-empty-player-row,
body.multiplayer-live #multiplayerApp .multi-player-row.unified-empty-player-row,
#rouletteApp.roulette-multiplayer-active .roulette-player-row.unified-empty-player-row {
  min-height: 52px !important;
  padding: 6px 7px !important;
  border: 2px dashed #596575 !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, #252d38, #1d242d) !important;
  color: #c0c8d1 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}
#pokerApp .poker-player-row.unified-empty-player-row > :first-child,
body.multiplayer-live #multiplayerApp .multi-player-row.unified-empty-player-row > .empty-seat-avatar,
#rouletteApp.roulette-multiplayer-active .roulette-player-row.unified-empty-player-row > :first-child {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: grid !important;
  place-items: center !important;
  border: 2px solid #667384 !important;
  border-radius: 10px !important;
  background: #333d49 !important;
  color: #b9c3ce !important;
  font-size: 1.18rem !important;
  font-weight: 900 !important;
  box-sizing: border-box !important;
}
#pokerApp .poker-player-row.unified-empty-player-row strong,
#pokerApp .poker-player-row.unified-empty-player-row small,
body.multiplayer-live #multiplayerApp .multi-player-row.unified-empty-player-row strong,
body.multiplayer-live #multiplayerApp .multi-player-row.unified-empty-player-row small,
#rouletteApp.roulette-multiplayer-active .roulette-player-row.unified-empty-player-row strong,
#rouletteApp.roulette-multiplayer-active .roulette-player-row.unified-empty-player-row small {
  color: #b9c3ce !important;
}
#pokerApp .poker-player-row.unified-empty-player-row .empty-seat-state,
body.multiplayer-live #multiplayerApp .multi-player-row.unified-empty-player-row .seat-ready,
#rouletteApp.roulette-multiplayer-active .roulette-player-row.unified-empty-player-row .empty-seat-state {
  min-width: 38px !important;
  padding: 3px 6px !important;
  border: 1px solid #667384 !important;
  border-radius: 999px !important;
  background: #303946 !important;
  color: #c5ced8 !important;
  font-size: .58rem !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
#rouletteApp.roulette-multiplayer-active .roulette-player-row.unified-empty-player-row {
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  gap: 8px !important;
}

@media (max-width: 800px) {
  body.multiplayer-live #multiSeats .multi-seat:not(.multi-seat-vacant) .seat-info-row,
  body.multiplayer-live #multiSeats .multi-seat:not(.multi-seat-vacant).multi-hand-winner .seat-info-row,
  body.multiplayer-live #multiSeats .multi-seat:not(.multi-seat-vacant).multi-hand-loser .seat-info-row {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
  }
  body.multiplayer-live #multiSeats .multi-seat:not(.multi-seat-vacant) .seat-profile,
  body.multiplayer-live #multiSeats .multi-seat:not(.multi-seat-vacant).multi-hand-winner .seat-profile,
  body.multiplayer-live #multiSeats .multi-seat:not(.multi-seat-vacant).multi-hand-loser .seat-profile {
    top: 9px !important;
    width: min(174px, calc(100% - 6px)) !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    padding: 7px 8px !important;
  }
  body.multiplayer-live .dealer-persona {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.multiplayer-live #multiSeats .multi-seat.multi-hand-winner .seat-profile > .table-avatar {
    animation-duration: .01ms !important;
  }
}