/* Keep the normal glyph outside live tables and when these styles are absent. */
.hd-suit-vector {
  display: none;
  pointer-events: none;
}

/* The existing suit glyph reserves its original width, line height and baseline.
   Only the paint changes; card dimensions, font sizes and state filters stay put. */
body:is(.holdem-table-active, .holdem-cash-table-active) :is(#tableView, #cashTableView) .card .suit {
  position: relative;
}

body:is(.holdem-table-active, .holdem-cash-table-active) :is(#tableView, #cashTableView) .card .suit > .hd-suit-text {
  opacity: 0;
}

body:is(.holdem-table-active, .holdem-cash-table-active) :is(#tableView, #cashTableView) .card .suit > .hd-suit-vector {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}