/* Video-Poker Duell: Mitspieler oben (klein, verdeckt), Pot und Meldung, eigene Hand groß unten wie am Automaten */
.vo-table { flex: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 14px; padding: 14px 0 8px; min-height: 0; }
.vo-table .seats { flex-wrap: wrap; width: 100%; }
.vo-seat { --cw: 22px; min-width: 140px; }
.vo-seat .cards { display: flex; gap: 2px; }
.vo-seat .cards .card + .card { margin-left: calc(var(--cw) * -0.15); } /* kleiner Versatz: Logo der verdeckten Karten bleibt sichtbar */
.vo-seat .seat-head b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80px; }
.vo-status { min-height: 16px; font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.vo-seat.won .vo-status { color: var(--good); }
.vo-center { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
#vponline .top .bank { white-space: nowrap; padding-inline: 10px; }
#voOutside { display: block; margin-top: 2px; }
#vpRoom { width: 100%; }
@media (max-width: 420px) { #vponline .top .bank small { letter-spacing: .02em; margin-right: 2px; } }
#voHand { position: relative; padding: 6px; } /* Zug-Rahmen (js/turntimer.js) liegt absolut um die Hand */
.vo-seat { --cw: 26px; }
.vo-seat .cards .card.scored { animation: none; outline: 2px solid var(--warn); } /* kleiner Sitz: Gewinnkarten markieren statt hochspringen */
#vpOnlineBox { display: flex; flex-direction: column; gap: 16px; } /* gleiche Abstände wie direkt in .home */
#vpOnlineBox[hidden] { display: none; }