/* v0.9.88 · Poker history/runout, stable Roulette geometry and table/shop sizing */

/* Poker: the former local Shop action is now the dedicated hand-history action. */
#pokerApp #pokerHistoryButton[aria-expanded="true"] {
  background: var(--wf-lime, #c8ff3d) !important;
  color: var(--wf-ink, #071116) !important;
}
#pokerApp #pokerHistoryPanel {
  scroll-margin-block: 18px;
}

/* Gifts and Luxury: names remain readable beneath the enlarged object art. */
#shopOverlay [data-shop-pane="gifts"] .shop-item > strong,
#shopOverlay [data-shop-pane="luxury"] .shop-item > strong {
  display: -webkit-box !important;
  min-height: 2.35em !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--wf-text, #071116) !important;
  font-size: clamp(.92rem, 1.05vw, 1.08rem) !important;
  font-weight: 1000 !important;
  line-height: 1.16 !important;
  text-align: center !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

/* Multiplayer Blackjack: the rim is slightly taller but inset horizontally.
   The 12px distances to the separate control deck mirror the solo table. */
@media (min-width: 1181px) {
  body.multiplayer-live #multiplayerApp .multi-table-shell {
    width: 100% !important;
    height: 964px !important;
    min-height: 964px !important;
    max-height: 964px !important;
    grid-template-rows: 740px 212px !important;
    row-gap: 12px !important;
  }
  body.multiplayer-live #multiplayerApp .multi-table-rim {
    width: calc(100% - 24px) !important;
    height: 740px !important;
    min-height: 740px !important;
    max-height: 740px !important;
    margin-inline: auto !important;
    justify-self: center !important;
    overflow: hidden !important;
  }
  body.multiplayer-live #multiplayerApp .multi-felt {
    width: 100% !important;
    height: 720px !important;
    min-height: 720px !important;
    max-height: 720px !important;
  }
  body.multiplayer-live #multiplayerApp .multi-controls {
    width: 100% !important;
    margin: 0 !important;
  }
}

@media (max-width: 800px) {
  #shopOverlay [data-shop-pane="gifts"] .shop-item > strong,
  #shopOverlay [data-shop-pane="luxury"] .shop-item > strong {
    font-size: .94rem !important;
  }
}