/* Texas Hold'em */
#pkOutside { display: block; margin-top: 2px; }
/* Kopfzeile: Text läuft nie über den Rahmen, unter 420 px kurze Labels „Tisch“ und „Konto“ (auch Video-Poker) */
#poker .top .bank, #vponline .top .bank { white-space: nowrap; padding-inline: 10px; min-width: 0; flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 420px) { #poker .top .bank, #vponline .top .bank { padding-inline: 8px; } .top .bank small { letter-spacing: .02em; margin-right: 2px; } .top .bank .lg { display: none; } }
.pk-table { flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 14px 0 8px; min-height: 0; }
.pk-center { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.pk-pot { font-weight: 800; background: #00000040; padding: 4px 12px; border-radius: 999px; font-variant-numeric: tabular-nums; }
.pk-pot:empty { display: none; }
.pk-board { --cw: min(15vw, 60px); display: flex; gap: 6px; }
.pk-slot { width: var(--cw); height: calc(var(--cw) * 1.42); border-radius: calc(var(--cw) * .1); border: 2px dashed var(--line); }
#pkMsg { font-size: 17px; }
.pk-seat .cards .card + .card { margin-left: calc(var(--cw) * -0.3); }
.pk-seat.won { border-color: #22a55b; }
.pk-act { color: var(--text); font-weight: 700; }
.pk-hand { min-height: 15px; font-size: 12px; font-weight: 700; color: #ffd34d; text-align: center; }
.dbtn { width: 16px; height: 16px; border-radius: 50%; background: #fff; color: #111; font-size: 10px; font-weight: 900; display: inline-grid; place-items: center; }
.pk-me { display: flex; justify-content: center; }
.pk-me .cards .card + .card { margin-left: calc(var(--cw) * -0.3); }
.pk-mehead { display: flex; gap: 8px; align-items: center; min-height: 18px; font-size: 13px; color: var(--muted); font-weight: 700; }
#pkControls .btn { font-size: 14px; }
/* Raise-Betrag: Presets, Regler und Eingabe über den Aktionsknöpfen */
.pk-raise { display: flex; flex-direction: column; gap: 6px; margin-bottom: 8px; }
.pk-presets { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
#pkControls .pk-presets .btn { min-height: 36px; padding: 4px; font-size: 12px; }
.pk-slide { display: flex; gap: 8px; align-items: center; }
.pk-slide input[type=range] { flex: 1; min-width: 0; height: 32px; accent-color: var(--accent); }
.pk-slide input[type=number] { width: 84px; min-height: 36px; padding: 0 8px; background: var(--sunken); color: var(--text); border: 1px solid var(--line-strong); font: 600 14px var(--mono); }
/* Sitze: nichts bricht um, Badges über dem Sitz, Einsatz darunter */
#pkOpps { gap: 10px; }
#pkOpps .seat { max-width: 140px; min-width: 0; }
.pk-seat .seat-head, .pk-seat .seat-foot { white-space: nowrap; max-width: 100%; }
.pk-seat .seat-head b { overflow: hidden; text-overflow: ellipsis; }
.pk-bet { min-height: 18px; font-family: var(--mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
#pkOpps .bubble { top: auto; bottom: calc(100% + 2px); }
#pkOpps { margin-top: 22px; } /* Platz für die Sprechblasen über den Sitzen */
/* Fenster „Hände“: Hand, Beispielkarten, Multiplikator in einer Zeile; Regeln darunter */
.pk-hands { max-height: 88vh; overflow-y: auto; }
.pk-hrow { display: grid; grid-template-columns: 1fr auto 3.5em; gap: 10px; align-items: baseline; padding: 7px 0; border-bottom: 1px solid var(--line); }
.pk-hrow b { font-size: 14px; }
.pk-hrow .pk-ex { font-size: 12px; color: var(--muted); white-space: nowrap; }
.pk-hrow .pk-ex .red { color: #e5484d; font-style: normal; }
.pk-hrow em { font-style: normal; font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; }
.pk-hrow em.hot { color: #ffd34d; }
.pk-rules { margin: 14px 0 16px; padding-left: 18px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.pk-handsbtn { background: none; border: 1px solid var(--line); color: #ffd34d; font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; padding: 0 8px; height: 36px; white-space: nowrap; cursor: pointer; }
#pkLobbyHands { width: 100%; margin-top: 10px; min-height: 44px; }
/* Unterer Bereich: eigene Hand links (Rahmen = Zug-Timer), rechts Zug, Hand mit Multiplikator, Gewinnchance */
.pk-me { align-items: center; gap: 14px; }
.pk-me .hand { flex: none; }
#pkMe .turnring b { display: none; } /* keine extra Zahl: die Sekunden stehen in der Info-Spalte */
.pk-info { display: flex; flex-direction: column; gap: 6px; min-width: 0; width: 170px; font-family: var(--mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.pk-turn { min-height: 15px; color: var(--accent); font-weight: 700; white-space: nowrap; }
.pk-mult { min-height: 15px; color: var(--text); font-weight: 700; }
.pk-mult .x { color: var(--accent); margin-left: 4px; }
.pk-mult.one .x, .pk-mult.board { color: var(--muted); }
.pk-mult.hot .x { color: #ffd34d; }
.pk-info .odds { gap: 6px; flex-wrap: wrap; }
.pk-info .odds .bar { order: 3; flex-basis: 100%; width: auto; }
/* Verlauf: nur die letzte Aktion, eine graue Zeile */
#pkLog { display: block; min-height: 16px; font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); text-align: center; }
/* Aktionsleiste: immer drei gleich hohe Knöpfe; Raise-Feld klappt darüber auf */
#pkControls .row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
#pkControls .row .btn { min-height: 52px; }
#pkControls .row:has(> :only-child), #pkControls .row:has(> :nth-child(2):last-child) { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); }
.pk-amt { min-width: 72px; text-align: right; font: 700 14px var(--mono); font-variant-numeric: tabular-nums; }
@media (hover: hover) { .pk-amt { display: none; } }
@media (hover: none) { .pk-slide input[type=number] { display: none; } #pkControls .btn small.key { display: none; } }
@media (max-width: 420px) { .pk-info { width: auto; flex: 1; } .pk-me { justify-content: flex-start; padding-inline: 4px; } }