/* KI-Gegner am Tisch und Rangliste */
.seats { display: flex; justify-content: center; gap: 8px; }
.seat { --a: #64748b; --cw: 30px; flex: 1; max-width: 120px; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px 4px; border-radius: 14px; border: 2px solid transparent; background: #0000002e; transition: border-color .2s, opacity .2s; }
.seat.active { border-color: var(--a); }
.seat.out { opacity: .4; }
.seat-head { display: flex; align-items: center; gap: 6px; font-size: 13px; }
.seat-head .ava { width: 20px; height: 20px; border-radius: 50%; background: var(--a); color: #fff; display: grid; place-items: center; font-size: 11px; font-weight: 900; }
.seat .card .pip { display: none; }
.seat .card .c { font-size: 11px; top: 3px; left: 4px; }
.seat-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; }
.seat .badge { font-size: 12px; padding: 1px 7px; min-width: 28px; }
.ranking { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; font-size: 12px; font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
.ranking .me { color: var(--text); }