/* Neon Poker v0.93.8.16 — requested Blackjack layout, consent UI and card sizing only. */

/* Blackjack Multiplayer: keep the control deck at one size and one position in every phase. */
body.multiplayer-live #multiplayerApp .multi-controls {
  box-sizing: border-box !important;
  margin: 12px 0 0 !important;
  overflow: hidden !important;
  align-self: start !important;
  justify-self: start !important;
}
body.multiplayer-live #multiplayerApp .multi-controls > :not(.hidden) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

@media (min-width: 1181px) {
  body.multiplayer-live #multiplayerApp .multi-controls,
  body.multiplayer-live #multiplayerApp .multi-controls:has(#multiBetControls.singleplayer-chip-layout:not(.hidden)) {
    width: min(900px, 100%) !important;
    min-width: 0 !important;
    max-width: 900px !important;
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
    padding: 14px !important;
  }
  body.multiplayer-live #multiplayerApp .multi-controls > :not(.hidden) {
    height: 162px !important;
    min-height: 162px !important;
    max-height: 162px !important;
  }

  /* Betting phase uses the same 900 px deck as every other phase. */
  body.multiplayer-live #multiplayerApp #multiBetControls.singleplayer-chip-layout:not(.hidden) {
    display: grid !important;
    grid-template-columns: 220px 150px minmax(0, 1fr) 120px !important;
    grid-template-rows: 75px 75px !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
    width: 100% !important;
    height: 162px !important;
    min-height: 162px !important;
    max-height: 162px !important;
    padding: 2px !important;
    overflow: hidden !important;
    align-items: center !important;
    align-content: start !important;
  }
  body.multiplayer-live #multiplayerApp #multiBetControls.singleplayer-chip-layout > .multi-control-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  body.multiplayer-live #multiplayerApp #multiBetControls.singleplayer-chip-layout > .multi-bet-stepper {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
  }
  /* CURRENT CHIPS is centered in the column between Clear and the first chip. */
  body.multiplayer-live #multiplayerApp #multiBetControls.singleplayer-chip-layout > .multi-current-bet {
    position: static !important;
    inset: auto !important;
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 158px !important;
    min-height: 158px !important;
    max-height: 158px !important;
    margin: 0 auto !important;
    justify-self: center !important;
    align-self: center !important;
    transform: translateX(4px) !important;
  }
  body.multiplayer-live #multiplayerApp #multiBetControls.singleplayer-chip-layout > .multi-chip-palette {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.multiplayer-live #multiplayerApp #multiBetControls.singleplayer-chip-layout > .ready-big {
    grid-column: 4 !important;
    grid-row: 1 / 3 !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }

  /* Player cards only: significantly larger, with the original 1:1.42 aspect ratio. */
  body.multiplayer-live #multiplayerApp #multiSeats .multi-seat .multi-hand-cards {
    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;
    padding: 5px 7px !important;
    overflow: visible !important;
  }
  body.multiplayer-live #multiplayerApp #multiSeats .multi-seat .multi-hand-cards .playing-card {
    --card-w: 70px !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    height: 99px !important;
    min-height: 99px !important;
    max-height: 99px !important;
    flex: 0 0 70px !important;
    margin-left: -30px !important;
  }
  body.multiplayer-live #multiplayerApp #multiSeats .multi-seat .multi-hand-cards .playing-card:first-child {
    margin-left: 0 !important;
  }
  body.multiplayer-live #multiplayerApp #multiSeats .multi-seat .multi-hand[data-card-count="4"] .playing-card {
    --card-w: 64px !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    height: 91px !important;
    min-height: 91px !important;
    max-height: 91px !important;
    flex-basis: 64px !important;
    margin-left: -34px !important;
  }
  body.multiplayer-live #multiplayerApp #multiSeats .multi-seat .multi-hand[data-card-count="5"] .playing-card,
  body.multiplayer-live #multiplayerApp #multiSeats .multi-seat .multi-hand[data-card-count="6"] .playing-card,
  body.multiplayer-live #multiplayerApp #multiSeats .multi-seat .multi-hand[data-card-count="7"] .playing-card,
  body.multiplayer-live #multiplayerApp #multiSeats .multi-seat .multi-hand[data-card-count="8"] .playing-card {
    --card-w: 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    flex-basis: 56px !important;
    margin-left: -36px !important;
  }
}

@media (max-width: 1180px) and (min-width: 801px) {
  body.multiplayer-live #multiplayerApp .multi-controls,
  body.multiplayer-live #multiplayerApp .multi-controls:has(#multiBetControls.singleplayer-chip-layout:not(.hidden)) {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 226px !important;
    min-height: 226px !important;
    max-height: 226px !important;
    padding: 13px !important;
  }
  body.multiplayer-live #multiplayerApp .multi-controls > :not(.hidden) {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
  }
  body.multiplayer-live #multiplayerApp #multiBetControls.singleplayer-chip-layout > .multi-current-bet {
    justify-self: center !important;
    margin-inline: auto !important;
  }
  body.multiplayer-live #multiplayerApp #multiSeats .multi-seat .multi-hand-cards .playing-card {
    --card-w: 62px !important;
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
    flex: 0 0 62px !important;
    margin-left: -27px !important;
  }
  body.multiplayer-live #multiplayerApp #multiSeats .multi-seat .multi-hand-cards .playing-card:first-child {
    margin-left: 0 !important;
  }
}

@media (max-width: 800px) {
  body.multiplayer-live #multiplayerApp .multi-controls,
  body.multiplayer-live #multiplayerApp .multi-controls:has(#multiBetControls.singleplayer-chip-layout:not(.hidden)) {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
    padding: 13px !important;
    overflow: hidden !important;
  }
  body.multiplayer-live #multiplayerApp .multi-controls > :not(.hidden) {
    height: 364px !important;
    min-height: 364px !important;
    max-height: 364px !important;
  }
}

/* Cookie consent and optional reCAPTCHA. */
.cookie-consent {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: end center;
  padding: 20px;
  background: rgba(2, 7, 12, .58);
  backdrop-filter: blur(8px);
}
.cookie-consent.hidden { display: none !important; }
.cookie-consent-card {
  width: min(760px, 100%);
  padding: 20px;
  border-radius: 20px;
}
.cookie-consent-card h2 { margin: 5px 0 8px; }
.cookie-consent-card p { color: var(--muted); line-height: 1.55; }
.cookie-consent-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 16px; flex-wrap: wrap; }
.cookie-consent-links { margin: 10px 0 0; text-align: right; }
.cookie-consent-links a { color: var(--mint); }
.support-recaptcha-wrap { display: grid; gap: 8px; justify-items: start; }
.support-recaptcha-note { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.4; }

@media (max-width: 800px) {
  .cookie-consent { padding: 10px; }
  .cookie-consent-actions > * { width: 100%; }
}