/* Neon Poker v0.93.8.15 — requested Blackjack control width, Developer player controls and Blackjack history cards only. */

/* Blackjack: keep the lower chip/action deck the same horizontal length in every phase. */
#gameApp .control-deck,
body.multiplayer-live #multiplayerApp .multi-controls {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
}

#gameApp .control-deck > :not(.hidden),
body.multiplayer-live #multiplayerApp .multi-controls > :not(.hidden) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#gameApp #actionControls:not(.hidden) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}
#gameApp #actionControls:not(.hidden) .action-btn,
body.multiplayer-live #multiplayerApp #multiActionControls:not(.hidden) .action-btn {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

body.multiplayer-live #multiplayerApp #multiActionControls:not(.hidden),
body.multiplayer-live #multiplayerApp #multiInsuranceControls:not(.hidden),
body.multiplayer-live #multiplayerApp #multiWaitingControls:not(.hidden),
body.multiplayer-live #multiplayerApp #multiResultControls:not(.hidden) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body.multiplayer-live #multiplayerApp #multiActionControls:not(.hidden) {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.multiplayer-live #multiplayerApp #multiInsuranceControls:not(.hidden) {
  grid-template-columns: minmax(0, 1fr) minmax(130px, .34fr) minmax(130px, .34fr) !important;
}
body.multiplayer-live #multiplayerApp #multiInsuranceControls:not(.hidden) > button,
body.multiplayer-live #multiplayerApp #multiResultControls:not(.hidden) > button {
  width: 100% !important;
  min-width: 0 !important;
}

/* All registered players: compact raised refresh control. The original v0.93.8.14 sort select is retained. */
#adminPlayersAccordion .admin-player-list-controls {
  align-items: end !important;
}
#adminPlayersAccordion #adminPlayersRefresh {
  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 40px !important;
  padding-inline: 12px !important;
  margin-bottom: 4px !important;
  white-space: nowrap !important;
}
/* Blackjack history: reuse the same playing-card faces as Poker and live Blackjack. */
.blackjack-history-cards .blackjack-history-playing-card {
  --card-w: 48px;
  display: block !important;
  position: relative !important;
  width: var(--card-w) !important;
  height: calc(var(--card-w) * 1.42) !important;
  flex: 0 0 var(--card-w) !important;
  margin-left: 0 !important;
  transform: none !important;
}
.blackjack-history-cards .blackjack-history-playing-card .card-face {
  border-radius: 7px !important;
}
.blackjack-history-cards .blackjack-history-playing-card .corner .rank {
  font-size: calc(var(--card-w) * .24) !important;
}
.blackjack-history-cards .blackjack-history-playing-card .top-left {
  top: calc(var(--card-w) * .08) !important;
  left: calc(var(--card-w) * .09) !important;
}
.blackjack-history-cards .blackjack-history-playing-card .bottom-right {
  right: calc(var(--card-w) * .09) !important;
  bottom: calc(var(--card-w) * .08) !important;
}
.blackjack-history-cards .blackjack-history-playing-card .card-center {
  font-size: calc(var(--card-w) * .5) !important;
}

@media (max-width: 800px) {
  #gameApp #actionControls:not(.hidden),
  body.multiplayer-live #multiplayerApp #multiActionControls:not(.hidden) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.multiplayer-live #multiplayerApp #multiInsuranceControls:not(.hidden) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.multiplayer-live #multiplayerApp #multiInsuranceControls:not(.hidden) > div {
    grid-column: 1 / -1 !important;
  }
  #adminPlayersAccordion #adminPlayersRefresh {
    align-self: flex-start;
    margin-bottom: 0 !important;
  }
  .blackjack-history-cards .blackjack-history-playing-card {
    --card-w: 42px;
  }
}