[data-body="tv"] .miniboard { --minivh: 716px; --minicq: 220px; }
@container (max-height: 340px) {
  [data-body="tv"] { padding: 5.5px 8.8px; }
  [data-body="tv"] .miniboard { --minicq: 178px; --minifloor: 60px; }
  [data-body="tv"] .tv-head { margin-bottom: 4.4px; }
  [data-body="tv"] .tv-seat { padding: 2.2px 6.6px; }
  [data-body="tv"] .tv-seat:first-of-type { margin-bottom: 3.3px; }
  [data-body="tv"] .tv-seat + .miniboard { margin-bottom: 3.3px; }
  [data-body="tv"] .row { gap: 5.5px; }
  [data-body="tv"] .row + .row, [data-body="tv"] .tv-seat + .row { margin-top: 4.4px; }
  [data-body="tv"] .row .btn.slim { padding: 4.4px 6.6px; }
}
@container (max-height: 220px) {
  [data-body="tv"] .tv-seat + .miniboard { display: none; }
}
.tv-choice { display: none; }
.tv-choice.open { display: flex; }
.row.gone { display: none; }
.tv-seat {
  display: flex; align-items: center; gap: 8px; flex: none;
  padding: 5px 8px;
  border: 1px solid var(--line);
  background: rgba(var(--seal-bg-0-rgb), .42);
  transition: border-color .2s, background .2s;
}
.tv-seat:first-of-type { margin-bottom: 6px; }
.tv-seat + .miniboard { margin-bottom: 6px; }
.tv-seat .tv-mark {
  font-family: var(--han); font-size: 13px; font-weight: 700;
  color: var(--bone); width: 17px; text-align: center; flex: none;
}
.tv-seat .tv-name {
  flex: 1; min-width: 0; font-family: var(--display); font-size: 11px;
  letter-spacing: 1px; font-weight: 700; color: var(--bone);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.tv-seat .tv-rating { font-size: 9px; font-style: normal; color: var(--ash); letter-spacing: 1px; flex: none; }
.tv-seat .tv-clock {
  font-family: var(--mono); font-size: 12px; letter-spacing: 1px;
  color: var(--bone-dim); flex: none; min-width: 46px; text-align: right;
}
.tv-seat.turn { border-color: rgba(var(--accent-rgb), .45); background: rgba(var(--accent-dark-rgb), .2); }
.tv-seat.turn .tv-mark, .tv-seat.turn .tv-clock { color: #fff; }
.tv-seat.low .tv-clock { color: var(--seal-bad); }