/* v0.9.100 · requested cash-table number, exact help cards and Blackjack round-start fixes only */

/* Cash Game shows the actual table identifier at the top center of the felt. */
#pokerApp .poker-cash-table-number {
  position: absolute;
  z-index: 18;
  top: 4.5%;
  left: 50%;
  min-width: 112px;
  display: grid;
  place-items: center;
  gap: 2px;
  padding: 7px 14px 8px;
  transform: translateX(-50%);
  border: 2px solid var(--wf-ink, #071116);
  border-radius: 10px;
  background: rgba(221, 255, 145, .96);
  box-shadow: 4px 4px 0 var(--wf-ink, #071116);
  color: var(--wf-ink, #071116);
  pointer-events: none;
}
#pokerApp .poker-cash-table-number.hidden { display: none !important; }
#pokerApp .poker-cash-table-number span {
  font-size: .54rem;
  font-weight: 1000;
  letter-spacing: .18em;
  line-height: 1;
}
#pokerApp .poker-cash-table-number strong {
  font-size: 1rem;
  font-weight: 1000;
  letter-spacing: .12em;
  line-height: 1.1;
}

/* Poker hand examples clone the same card template used on the real tables. */
#rulesDrawer .poker-ranking .rule-card-line > .playing-card.rule-playing-card {
  --card-w: 66px !important;
  width: var(--card-w) !important;
  height: calc(var(--card-w) * 1.4324) !important;
  margin: 0 !important;
  transform: none !important;
  animation: none !important;
  filter: none !important;
}
#rulesDrawer .rule-playing-card .card-face {
  animation: none !important;
}

/* Keep the previous screen fully covered while a Blackjack table is created. */
body.blackjack-entry-pending::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 100000;
  background:
    radial-gradient(circle at 50% 42%, rgba(193, 255, 78, .10), transparent 28%),
    linear-gradient(145deg, #071116, #0d1921 58%, #071116);
}
body.blackjack-entry-pending::after {
  content: "OPENING BLACKJACK TABLE";
  position: fixed;
  z-index: 100001;
  top: 50%;
  left: 50%;
  padding: 13px 18px;
  transform: translate(-50%, -50%);
  border: 2px solid var(--wf-ink, #071116);
  border-radius: 10px;
  background: var(--wf-lime, #c8ff3d);
  box-shadow: 5px 5px 0 var(--wf-ink, #071116);
  color: var(--wf-ink, #071116);
  font-size: .78rem;
  font-weight: 1000;
  letter-spacing: .14em;
  white-space: nowrap;
}

@media (max-width: 700px) {
  #pokerApp .poker-cash-table-number {
    top: 3.5%;
    min-width: 92px;
    padding: 6px 10px 7px;
  }
  #pokerApp .poker-cash-table-number strong { font-size: .86rem; }
  #rulesDrawer .poker-ranking .rule-card-line > .playing-card.rule-playing-card {
    --card-w: 53px !important;
  }
}