/* Online-Blackjack: Plätze der echten Spieler */
.onseats { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: auto; }
.onseat { --cw: 40px; flex: 1 1 30%; min-width: 96px; max-width: 160px; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px 6px;
  border: 1px solid var(--line); background: #0000002e; transition: border-color .2s; }
.onseat.me { position: relative; --cw: 52px; flex-basis: 100%; max-width: 100%; border-color: var(--line-strong); }
.onseat.turn { border-color: var(--accent); }
.onseat:not(.me) .card .pip { display: none; }
.onseat:not(.me) .card .c { font-size: 12px; top: 3px; left: 4px; }
.on-name { display: flex; align-items: baseline; gap: 8px; font-size: 13px; }
.on-name small { font-family: var(--mono); font-size: 11px; color: var(--muted); }
.onseat .cards { min-height: calc(var(--cw) * 1.4); }
.on-foot { display: flex; align-items: center; gap: 6px; min-height: 22px; font-size: 12px; font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
.onseat .badge { font-size: 12px; padding: 1px 7px; min-width: 28px; }
.on-res { font-family: var(--mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.on-res.good { color: var(--good); }
.on-res.bad { color: var(--bad); }
#roomBox { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
#roomBox[hidden], #aiBox[hidden], #pkAiBox[hidden] { display: none; }
/* Zugreihenfolge: dein Platz immer unten, Gastgeber mit Krone, nächster Spieler markiert */
.onseat.me { order: 1; }
.onseat.next { border-style: dashed; border-color: var(--accent); }
.on-next { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); }
.on-host { display: inline-flex; width: 14px; color: #ffc14d; align-self: center; } .on-host svg { width: 14px; height: 14px; fill: currentColor; }