/* Responsive rectangular Blackjack stage. Loaded after blackjack-reference.css. */
#blackjackScreen.blackjack-reference {
  --bj-frame-gutter: clamp(18px, 4.5%, 72px);
  --bj-felt: #064b31;
  overflow-x: clip;
}

#blackjackScreen.blackjack-reference .blackjack-table.card-game-stage {
  position: relative !important;
  isolation: isolate;
  width: min(100%, 1600px) !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  margin-inline: auto !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: radial-gradient(circle at 50% 42%, #0b7148 0, var(--bj-felt) 50%, #02291c 100%) !important;
  box-shadow: inset 0 0 70px rgba(0,0,0,.5), 0 20px 48px rgba(0,0,0,.5) !important;
}

#blackjackScreen.blackjack-reference .blackjack-table.card-game-stage::before { display: none !important; }

#blackjackScreen.blackjack-reference .blackjack-table.card-game-stage > .theme-frame {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  pointer-events: none !important;
  user-select: none;
}

#blackjackScreen.blackjack-reference #blackjackStage > #blackjackLandscapeThemeFrame { display: none !important; }
#blackjackScreen.blackjack-reference #blackjackStage > #blackjackThemeFrame { display: block !important; }

#blackjackScreen.blackjack-reference .blackjack-table.card-game-stage .table-inner {
  position: absolute !important;
  z-index: 2 !important;
  inset: 8.5% 8.5% 8% !important;
  min-width: 0;
  /* The inherited poker oval clipped the rectangular roster's corner seats. */
  border-radius: 0 !important;
}

#blackjackScreen.blackjack-reference .bjr-table-title { display: none !important; }

#blackjackScreen.blackjack-reference .blackjack-zone {
  position: relative !important;
  width: 62% !important;
  height: 100% !important;
  margin: 0 auto !important;
  padding: 7% 0 6% !important;
  display: grid !important;
  grid-template: minmax(0,1fr) minmax(0,1fr) / minmax(0,1fr) !important;
  gap: 8% !important;
}

#blackjackScreen.blackjack-reference .blackjack-section,
#blackjackScreen.blackjack-reference .blackjack-section:first-child,
#blackjackScreen.blackjack-reference .blackjack-section:nth-child(2) {
  position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 3px !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

#blackjackScreen.blackjack-reference .blackjack-label {
  max-width: 100%;
  color: #fff !important;
  font: 900 clamp(13px, 2.8vw, 22px)/1.05 system-ui, sans-serif !important;
  letter-spacing: .02em !important;
  text-shadow: 0 0 5px #000, 0 0 10px rgba(255,255,255,.45) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#blackjackScreen.blackjack-reference #blackjackPlayerLabel::after {
  content: attr(data-credits);
  display: block;
  margin-top: 3px;
  color: #ffd76a;
  font-size: .68em;
  text-shadow: 0 1px 4px #000;
}

#blackjackScreen.blackjack-reference .blackjack-section .blackjack-cards {
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  gap: clamp(3px, 1vw, 10px) !important;
}

#blackjackScreen.blackjack-reference .blackjack-section .card,
#blackjackScreen.blackjack-reference .blackjack-reveal-card {
  flex: 0 1 auto !important;
  width: clamp(43px, 10vw, 94px) !important;
  height: auto !important;
  aspect-ratio: 5 / 7 !important;
}

#blackjackScreen.blackjack-reference .blackjack-total {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  font-size: clamp(10px, 2.4vw, 15px) !important;
}

#blackjackScreen.blackjack-reference .dealer-seats {
  position: absolute !important;
  inset: 0 !important;
  z-index: 6;
  display: block !important;
  pointer-events: none;
}

#blackjackScreen.blackjack-reference .dealer-seats[hidden] { display: none !important; }

#blackjackScreen.blackjack-reference .dealer-seat {
  position: absolute !important;
  width: clamp(72px, 19%, 150px) !important;
  min-height: 0 !important;
  padding: 2px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(0,14,9,.2) !important;
  box-shadow: none !important;
  text-align: center;
}

#blackjackScreen.blackjack-reference .dealer-seat.is-active {
  outline: 2px solid #82ffb2 !important;
  box-shadow: 0 0 12px rgba(75,255,147,.72) !important;
}

#blackjackScreen.blackjack-reference .dealer-seat-head { display: grid !important; gap: 1px !important; }
#blackjackScreen.blackjack-reference .dealer-seat-head strong {
  display: block;
  max-width: 100%;
  overflow: visible !important;
  color: #fff !important;
  font-size: clamp(11px, 2.6vw, 15px) !important;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-shadow: 0 0 4px #000, 0 0 9px rgba(255,255,255,.62);
  white-space: normal;
  overflow-wrap: anywhere;
}
#blackjackScreen.blackjack-reference .dealer-seat-bet,
#blackjackScreen.blackjack-reference .dealer-seat-chips { color: #ffd66a !important; font-size: clamp(8px, 2vw, 12px) !important; }
#blackjackScreen.blackjack-reference .dealer-seat-foot { display: grid !important; gap: 0 !important; font-size: 8px !important; }
#blackjackScreen.blackjack-reference .dealer-seat-total,
#blackjackScreen.blackjack-reference .dealer-seat-state { font-size: 8px !important; }
#blackjackScreen.blackjack-reference .dealer-seat-cards { max-width: 100%; gap: 1px !important; }
#blackjackScreen.blackjack-reference .dealer-seat-cards .card { width: clamp(20px, 4vw, 38px) !important; height: auto !important; aspect-ratio: 5 / 7 !important; }
#blackjackScreen.blackjack-reference .dealer-seat .player-charm { --charm-size: clamp(28px, 7vw, 46px); right: calc(-1 * var(--charm-size) * .72) !important; top: 0 !important; }

#blackjackScreen.blackjack-reference .dealer-seat:nth-child(1) { top: 5%; left: -27%; }
#blackjackScreen.blackjack-reference .dealer-seat:nth-child(2) { top: 5%; right: -27%; }
#blackjackScreen.blackjack-reference .dealer-seat:nth-child(3) { top: 41%; left: -30%; }
#blackjackScreen.blackjack-reference .dealer-seat:nth-child(4) { top: 41%; right: -30%; }
#blackjackScreen.blackjack-reference .dealer-seat:nth-child(5) { bottom: 3%; left: -27%; }

#blackjackScreen.blackjack-reference .blackjack-info {
  right: 8% !important;
  bottom: 2.5% !important;
  left: 8% !important;
  padding: 4px 8px !important;
  font-size: clamp(8px, 2vw, 12px) !important;
}

#blackjackScreen.blackjack-reference #blackjackReferenceStageWager { display: none !important; }

#blackjackScreen.blackjack-reference[data-hand-phase="playing"] #blackjackInlineChips,
#blackjackScreen.blackjack-reference[data-hand-phase="playing"] .bjr-wager-tools,
#blackjackScreen.blackjack-reference[data-hand-phase="playing"] #blackjackBetDock {
  display:none !important;
}
#blackjackScreen.blackjack-reference[data-hand-phase="playing"] .blackjack-chip-row {
  display:block !important;
}
#blackjackScreen.blackjack-reference[data-hand-phase="playing"] .bjr-wager-column {
  width:100% !important;
}

#blackjackScreen.blackjack-reference #blackjackBetDock {
  display: block !important;
  position: static !important;
  inset: auto !important;
  width: min(100%, 460px) !important;
  height: auto !important;
  margin: 2px auto !important;
  transform: none !important;
  aspect-ratio: auto !important;
}

#blackjackScreen.blackjack-reference #blackjackBetDock .floating-bet-button {
  width: 100% !important;
  height: auto !important;
  min-height: 52px !important;
  max-width: none !important;
  padding: 10px 24px !important;
  border: 2px solid #e8be50 !important;
  border-radius: 18px !important;
  color: #fff3c0 !important;
  background: radial-gradient(circle at 50% 0, rgba(240,190,70,.24), transparent 46%), linear-gradient(180deg,#0b573a,#03291c) !important;
  box-shadow: inset 0 0 0 2px rgba(255,221,112,.16), 0 0 18px rgba(241,195,73,.3) !important;
  font-size: clamp(15px, 3.7vw, 22px) !important;
  font-weight: 1000 !important;
  letter-spacing: .07em !important;
  line-height: 1.1 !important;
  white-space: pre-line;
  animation: bj-bet-breathe 2.5s ease-in-out infinite;
}
#blackjackScreen.blackjack-reference #blackjackBetDock .floating-bet-button:disabled { animation: none; opacity: .48; }
#blackjackScreen.blackjack-reference #blackjackBetDock .floating-bet-button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

@keyframes bj-bet-breathe {
  50% { box-shadow: inset 0 0 0 2px rgba(255,221,112,.22), 0 0 28px rgba(241,195,73,.55); transform: translateY(-1px); }
}

@media (max-width: 767px) {
  body.blackjack-table-view { overflow-x: hidden !important; }
  #blackjackScreen.blackjack-reference { padding: 4px 8px 72px !important; }
  #blackjackScreen.blackjack-reference .bjr-game-grid { display: block !important; width: 100% !important; }
  #blackjackScreen.blackjack-reference .bjr-leaderboard,
  #blackjackScreen.blackjack-reference .bjr-right-rail { display: none !important; }
  #blackjackScreen.blackjack-reference .blackjack-table.card-game-stage {
    width: min(calc(100vw - 16px), 520px) !important;
    aspect-ratio: 3 / 4 !important;
  }
  #blackjackScreen.blackjack-reference #blackjackStage > #blackjackThemeFrame { display: block !important; }
  #blackjackScreen.blackjack-reference #blackjackStage > #blackjackLandscapeThemeFrame { display: none !important; }
  #blackjackScreen.blackjack-reference .controls { margin-top: 8px !important; padding: 8px !important; gap: 7px !important; }
  #blackjackScreen.blackjack-reference .controls-row { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; }
  #blackjackScreen.blackjack-reference .controls-row .action-button { min-height: 48px !important; padding: 8px 4px !important; }
  #blackjackScreen.blackjack-reference .blackjack-chip-row { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 7px !important; }
  #blackjackScreen.blackjack-reference #blackjackInlineChips { display: grid !important; grid-template-columns: repeat(6,minmax(0,1fr)) !important; gap: 3px !important; overflow: visible !important; }
  #blackjackScreen.blackjack-reference #blackjackInlineChips > .chip-option { width: 100% !important; min-width: 0 !important; max-width: 64px !important; min-height: 44px !important; aspect-ratio: 1 !important; }
  #blackjackScreen.blackjack-reference .bjr-wager-tools { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  #blackjackScreen.blackjack-reference .bjr-wager-tools button { min-height: 44px !important; }
}

@media (min-width: 768px) {
  #blackjackScreen.blackjack-reference #blackjackStage > #blackjackThemeFrame { display: none !important; }
  #blackjackScreen.blackjack-reference #blackjackStage > #blackjackLandscapeThemeFrame { display: block !important; }
  #blackjackScreen.blackjack-reference .blackjack-table.card-game-stage {
    width: min(100%, 1600px, calc((100dvh - 315px) * 16 / 9)) !important;
    aspect-ratio: 16 / 9 !important;
  }
  #blackjackScreen.blackjack-reference .blackjack-table.card-game-stage .table-inner { inset: 8% 7% !important; }
  #blackjackScreen.blackjack-reference .blackjack-zone { width: 64% !important; padding: 2.5% 0 !important; grid-template: 1fr / 1fr 1fr !important; gap: 7% !important; }
  #blackjackScreen.blackjack-reference .blackjack-section .card,
  #blackjackScreen.blackjack-reference .blackjack-reveal-card { width: clamp(54px, 5vw, 96px) !important; }
  #blackjackScreen.blackjack-reference .dealer-seat:nth-child(1) { top: -1%; left: -27%; }
  #blackjackScreen.blackjack-reference .dealer-seat:nth-child(2) { top: -1%; right: -27%; }
  #blackjackScreen.blackjack-reference .dealer-seat:nth-child(3) { top: 38%; left: -29%; }
  #blackjackScreen.blackjack-reference .dealer-seat:nth-child(4) { top: 38%; right: -29%; }
  #blackjackScreen.blackjack-reference .dealer-seat:nth-child(5) { bottom: -1%; left: -27%; }
}

@media (min-width: 1200px) {
  #blackjackScreen.blackjack-reference .bjr-game-grid { grid-template-columns: minmax(160px,210px) minmax(0,1fr) minmax(160px,210px) !important; align-items:start; }
  #blackjackScreen.blackjack-reference .bjr-leaderboard,
  #blackjackScreen.blackjack-reference .bjr-right-rail { width: 100% !important; min-height: 0 !important; overflow: auto !important; }
  #blackjackScreen.blackjack-reference .bjr-leaderboard > :not(.blackjack-leaderboard-title),
  #blackjackScreen.blackjack-reference .bjr-right-rail > * { opacity: 1; pointer-events: auto; }
  #blackjackScreen.blackjack-reference .blackjack-leaderboard-title { writing-mode: horizontal-tb; font-size: 16px !important; }
}

@media (min-width: 1600px) {
  #blackjackScreen.blackjack-reference .bjr-game-grid { grid-template-columns: 240px minmax(0,1fr) 240px !important; }
}

@media (prefers-reduced-motion: reduce) {
  #blackjackScreen.blackjack-reference #blackjackBetDock .floating-bet-button { animation: none !important; }
}
/* blackjack-card-size-20260906 */ #blackjackScreen.blackjack-reference .blackjack-section .card,#blackjackScreen.blackjack-reference .blackjack-reveal-card{width:clamp(48px,11vw,102px)!important;} @media (min-width:768px){#blackjackScreen.blackjack-reference .blackjack-section .card,#blackjackScreen.blackjack-reference .blackjack-reveal-card{width:clamp(60px,5.5vw,106px)!important;}}


/* =========================================================
   THE HOST'S TABLE (body.dealer-view) -- the dealer's hand on the left,
   opened by hand as before; every seat listed row by row on the right.
   The seats no longer float off the felt's edges, where a phone's frame
   hid them.
   ========================================================= */
body.dealer-view #blackjackScreen.blackjack-reference .blackjack-zone {
  width: 92% !important;
  grid-template: minmax(0,1fr) / minmax(0,1fr) minmax(0,1.15fr) !important;
  gap: 4% !important;
}
body.dealer-view #blackjackScreen.blackjack-reference #blackjackPlayerSection { display: none !important; }
/* the dealer's hand keeps the left column whatever order the sections carry elsewhere */
body.dealer-view #blackjackScreen.blackjack-reference .blackjack-section:first-child { grid-column: 1 !important; grid-row: 1 !important; order: 0 !important; }
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seats { grid-column: 2 !important; grid-row: 1 !important; order: 1 !important; }
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seats {
  position: relative !important;
  inset: auto !important;
  z-index: 1;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-auto-rows: max-content;
  align-content: start;
  align-self: stretch;
  gap: 4px;
  min-width: 0;
  min-height: 0;
  max-height: 100%;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  pointer-events: auto;
}
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seats-empty {
  padding: 14px 6px;
  color: #c9b27a;
  font-size: 12px;
  font-style: italic;
  text-align: center;
}
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat {
  position: relative !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-areas: "head head" "cards foot";
  align-items: center;
  gap: 2px 6px;
  padding: 5px 2px 6px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(233,206,120,.42) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-align: left;
  min-width: 0;
  justify-items: stretch;
}
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat.is-active { outline: 0 !important; box-shadow: none !important; }
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat.is-active .dealer-seat-head strong { color: #9dffc2 !important; }
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-head {
  grid-area: head;
  display: flex !important;
  justify-content: space-between;
  align-items: baseline;
  gap: 6px !important;
  min-width: 0;
  width: 100%;
}
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-head strong {
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: clamp(10px, 1.1vw, 14px) !important;
  text-shadow: 0 0 4px #000;
  min-width: 0;
  overflow: visible !important;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-cards {
  grid-area: cards;
  justify-content: flex-start;
  flex-wrap: wrap !important;
  gap: 3px !important;
  min-height: 30px;
}
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-cards .card { width: clamp(26px, 2.6vw, 40px) !important; min-height:0 !important; height:auto !important; aspect-ratio:5/7 !important; }
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-cards .card { padding:2px !important; gap:1px; }
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-cards .card-rank { font-size:clamp(13px,1.3vw,17px); line-height:1; }
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-cards .card-suit { font-size:clamp(14px,1.4vw,18px); line-height:1; }
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-foot {
  grid-area: foot;
  display: grid !important;
  justify-items: end;
  text-align: right;
  font-size: clamp(8px, .8vw, 10px) !important;
}
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-total,
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-state { font-size: clamp(8px, .85vw, 11px) !important; }
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat > .lucky-charm-attachment {
  --charm-size: 22px;
  right: 2px !important;
  top: 2px !important;
  left: auto !important;
  bottom: auto !important;
}

/* Blackjack players on a phone: the other seats sit between the dealer's
   hand and their own, inside the felt, instead of off its edges. */
@media (max-width: 767px) {
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .blackjack-zone {
    width: 73% !important;
    padding: 8% 0 5% !important;
    grid-template: auto max-content minmax(0,1fr) / minmax(0,1fr) !important;
    gap: 2% !important;
  }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seats {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    flex-wrap: nowrap;
    gap: 4px;
    min-width: 0;
    max-width: 100%;
    padding: 2px 2px 4px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    pointer-events: auto;
  }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seat {
    position: relative !important;
    flex: 0 0 auto;
    width: auto !important;
    min-width: 64px;
    max-width: 46%;
    padding: 3px 5px !important;
    border-radius: 8px !important;
  }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seat-cards .card { width: 22px !important; }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seat > .lucky-charm-attachment { display: none !important; }
  body.host-dealer-room #blackjackScreen.blackjack-reference .blackjack-section .card,
  body.host-dealer-room #blackjackScreen.blackjack-reference .blackjack-reveal-card { width: clamp(36px, 10.5vw, 48px) !important; }
  body.host-dealer-room #blackjackScreen.blackjack-reference .blackjack-cards { flex-wrap: wrap !important; gap: 2px !important; min-height: 0 !important; }
  body.dealer-view #blackjackScreen.blackjack-reference .blackjack-section:first-child .blackjack-cards {
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    gap:3px !important;
  }
  body.dealer-view #blackjackScreen.blackjack-reference .blackjack-section:first-child .blackjack-cards > .card,
  body.dealer-view #blackjackScreen.blackjack-reference .blackjack-section:first-child .blackjack-reveal-card {
    flex:0 0 30px !important;
    width:30px !important;
  }
  body.dealer-view #blackjackScreen.blackjack-reference .blackjack-zone { width: 73% !important; padding: 8% 0 5% !important; gap: 3% !important; }
  body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-cards .card { width: 24px !important; }
  body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-head strong {
    font-size:11px !important;
    letter-spacing:.02em !important;
  }
  body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat > .lucky-charm-attachment { display: none !important; }
}
/* rows in the host's list and in the phone strip are laid out by the list, not by the old corner offsets */
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat,
body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seat {
  top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
}
body.dealer-view #blackjackScreen.blackjack-reference .blackjack-section:first-child { align-self: center !important; min-width: 0 !important; }
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seats { align-self: stretch !important; }
body.dealer-view #blackjackScreen.blackjack-reference .blackjack-label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  body.dealer-view #blackjackScreen.blackjack-reference .blackjack-label { font-size: 12px !important; letter-spacing: .02em; white-space:normal; overflow:visible; overflow-wrap:anywhere; }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .blackjack-label { font-size: 12px !important; }
}
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-head { flex-wrap: wrap; }
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-bet { white-space: nowrap; }
@media (max-width: 767px) {
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .blackjack-section:first-child { grid-row: 1 !important; order: 0 !important; }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seats { grid-row: 2 !important; order: 1 !important; }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference #blackjackPlayerSection { grid-row: 3 !important; order: 2 !important; }
}
body.dealer-view #blackjackScreen.blackjack-reference .dealer-seats[hidden],
body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seats[hidden] { display: none !important; }

@media (min-width:768px) {
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .blackjack-zone {
    width:92% !important; padding:0 0 5% !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:auto minmax(0,1fr) !important;
    grid-template-areas:'players players' 'dealer yours' !important;
    gap:12px !important;
  }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .blackjack-section:first-child { grid-area:dealer !important; }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference #blackjackPlayerSection { grid-area:yours !important; }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seats {
    grid-area:players !important; position:static !important; display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0;
    pointer-events:auto;
  }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seat {
    position:relative !important; width:100% !important; min-width:0;
    justify-items:stretch; padding:6px !important;
  }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seat-head strong { font-size:12px !important; }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seat-waiting { font-size:11px; }
  body.dealer-view #blackjackScreen.blackjack-reference .dealer-seats.is-scrollable::before {
    content:'↓ SCROLL SEATS';
    position:sticky;
    top:0;
    z-index:2;
    padding:4px;
    background:#073c2f;
    color:#ffe6a1;
    font-size:10px;
    font-weight:900;
  }
}

/* At full capacity the dealer needs room for names, card faces and status. */
@media (max-width:767px) {
  body.dealer-view #blackjackScreen.blackjack-reference .blackjack-table.card-game-stage {
    min-height:620px !important;
  }
  body.dealer-view #blackjackScreen.blackjack-reference .blackjack-table.card-game-stage > .theme-frame { object-fit:fill !important; }
  body.dealer-view #blackjackScreen.blackjack-reference #blackjackDealerCards > *,
  body.dealer-view #blackjackScreen.blackjack-reference #blackjackDealerCards .card {
    flex:0 0 34px !important; width:34px !important; min-width:0 !important; max-width:34px !important;
  }
  body.dealer-view #blackjackScreen.blackjack-reference .blackjack-zone {
    width:94% !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto minmax(0,1fr) !important;
    gap:12px !important;
    padding:3% 0 !important;
  }
  body.dealer-view #blackjackScreen.blackjack-reference .blackjack-section:first-child {
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:start !important;
  }
  body.dealer-view #blackjackScreen.blackjack-reference .dealer-seats {
    grid-column:1 !important;
    grid-row:2 !important;
    gap:6px 12px;
    scrollbar-width:auto;
    scrollbar-color:#d8b45d #103b2e;
  }
  body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat {
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-areas:'head' 'cards' 'foot' !important;
    padding:3px 2px 4px !important;
  }
  body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-head {
    display:grid !important;
    gap:1px !important;
  }
  body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-head strong {
    font-size:12px !important;
    letter-spacing:0 !important;
    text-transform:none;
    overflow:visible !important;
    text-overflow:clip !important;
    overflow-wrap:anywhere;
    white-space:normal !important;
    line-height:1.2;
  }
  body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-foot {
    display:grid !important;
    grid-template-columns:minmax(0,1fr);
    justify-items:stretch !important;
    width:100%;
    gap:3px;
    text-align:left !important;
  }
  body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-total,
  body.dealer-view #blackjackScreen.blackjack-reference .dealer-seat-state { font-size:10px !important; line-height:1.2; white-space:normal; overflow-wrap:anywhere; }
  body.dealer-view #blackjackScreen.blackjack-reference .dealer-seats.is-scrollable::before {
    content:'↓ SCROLL SEATS';
    position:sticky;
    top:0;
    z-index:2;
    display:block;
    padding:3px 4px;
    border-radius:5px;
    background:#073c2f;
    color:#ffe6a1;
    font-size:9px;
    font-weight:900;
    letter-spacing:.04em;
  }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seats {
    justify-content:flex-start !important;
    scrollbar-width:auto;
    scrollbar-color:#d8b45d #103b2e;
  }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seat {
    flex:0 0 clamp(104px,33vw,130px) !important;
    min-width:104px !important;
    max-width:none !important;
    justify-items:stretch;
  }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seat-head strong {
    font-size:11px !important;
    line-height:1.2;
    overflow:visible !important;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seat-waiting {
    font-size:10px !important;
    white-space:normal;
  }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seats.is-scrollable {
    position:relative !important;
    padding-top:15px !important;
  }
  body.host-dealer-room:not(.dealer-view) #blackjackScreen.blackjack-reference .dealer-seats.is-scrollable::before {
    content:'SWIPE TO SEE ALL PLAYERS →';
    position:absolute;
    top:0;
    left:2px;
    color:#ffe6a1;
    font-size:9px;
    font-weight:900;
    letter-spacing:.03em;
    white-space:nowrap;
    pointer-events:none;
  }
}

/* Retained live mobile performance behavior after the full-table layout update. */
@media(max-width:767px){
 body.host-dealer-room #blackjackScreen.blackjack-reference .dealer-seats{overscroll-behavior:contain;}
 body.host-dealer-room #blackjackScreen.blackjack-reference .dealer-seat.is-active,
 body.host-dealer-room #blackjackScreen.blackjack-reference .dealer-seat.is-reveal-ready{animation:none!important;filter:none!important;}
}