/* Poker-specific additions on top of ../lounge.css */
.seg { display: flex; padding: 4px; border-radius: 14px; background: rgba(0, 0, 0, .45); box-shadow: inset 0 0 0 1px var(--line); flex: none; }
.seg button { padding: 10px 16px; border-radius: 10px; font-weight: 800; font-size: 14px; color: var(--muted); white-space: nowrap; transition: background .2s, color .2s; }
.seg button.on { color: #2b1403; background: linear-gradient(180deg, var(--gold-1), var(--gold-2) 55%, var(--gold-3)); box-shadow: 0 4px 14px rgba(242, 195, 80, .35); }

.raise-box { display: flex; flex-direction: column; gap: 8px; min-width: 300px; }
.presets { display: flex; gap: 6px; }
.presets button { flex: 1; white-space: nowrap; padding: 0 6px; height: 38px; border-radius: 10px; font-weight: 800; font-size: 13px; background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }
.presets button:active { transform: scale(.96); }
#rz-slider { width: 100%; accent-color: var(--gold-2); height: 28px; }
.act.double span, .act.hit span { white-space: nowrap; }

.coins { display: flex; align-items: center; gap: 10px; }
.coins .round-btn { font-size: 24px; font-weight: 900; }

/* video poker paytable */
.paytable { position: fixed; z-index: 9; right: 18px; top: calc(var(--top-h) + 18px); width: 300px; padding: 12px; border-radius: 18px;
  background: rgba(3, 14, 9, .82); box-shadow: 0 0 0 1px var(--line), 0 20px 50px rgba(0, 0, 0, .6); backdrop-filter: blur(6px); }
.paytable h4 { font-weight: 900; font-size: 13px; letter-spacing: .14em; color: var(--gold-2); text-align: center; margin-bottom: 8px; }
.pt-line { display: flex; justify-content: space-between; padding: 6px 10px; border-radius: 8px; font-weight: 700; font-size: 14px; color: #d6e6dc; }
.pt-line b { font-variant-numeric: tabular-nums; color: var(--gold-1); }
.pt-line.hit { background: linear-gradient(90deg, #ffe7a0, #f2c350); color: #2b1403; box-shadow: 0 0 18px rgba(242, 195, 80, .55); animation: pt-hit .9s ease-out; }
@keyframes pt-hit { 0% { box-shadow: 0 0 0 rgba(242, 195, 80, 0); filter: brightness(1.6); } 100% { filter: none; } }
.pt-line.hit b { color: #2b1403; }

@media (max-width: 700px) {
  .seg button { padding: 8px 9px; font-size: 11px; }
  .raise-box { min-width: 0; width: 100%; }
  .paytable { left: 8px; right: 8px; top: calc(var(--top-h) + 6px); width: auto; padding: 6px 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; }
  .paytable h4 { grid-column: 1 / -1; margin-bottom: 2px; font-size: 10px; }
  .pt-line { padding: 2px 6px; font-size: 11px; }
  #stat-2 { display: none; }
  .pk .topbar { gap: 6px; }
  .pk .seg { padding: 3px; }
  .pk .seg button { padding: 8px 7px; font-size: 10.5px; }
  .pk .stats { gap: 4px; min-width: 0; }
  .pk .stat { padding: 4px 6px; min-width: 0; }
  .pk .stat b { font-size: 14px; }
  .pk #btn-sound { width: 34px; height: 34px; }
}
/* narrow phones: two rows – navigation + game switch on top, the numbers get the full width below */
@media (max-width: 560px) {
  .pk { --top-h: 112px; }
  .pk .topbar { flex-wrap: wrap; align-content: center; row-gap: 8px; padding-top: calc(6px + env(safe-area-inset-top)); }
  .pk .seg { flex: 1; justify-content: center; }
  .pk .seg button { flex: 1; font-size: 12.5px; padding: 8px 6px; }
  .pk .stats { order: 5; flex-basis: 100%; gap: 8px; }
  .pk #stat-2 { display: flex; }
  .pk .stat b { font-size: 16px; }
  .pk .stat .lbl { font-size: 10.5px; }
}
@media (orientation: landscape) and (max-height: 520px) {
  .raise-box { min-width: 220px; }
  .presets button { height: 30px; }
  .paytable { width: 230px; top: calc(var(--top-h) + 4px); padding: 6px; }
  .pt-line { padding: 2px 8px; font-size: 11px; }
}