/* The List's existing display font and theme tokens are the shared standard. */
:root { --body-font: Inter, Arial, Helvetica, sans-serif; }
body, .hq-live, .hq-mock-controls { font-family: var(--body-font); }
.hq-live :is(h1,h2,h3,summary,button),
.hq-mock-controls button,
.hq-advisor :is(h1,h2,h3,button),
.hq-room-v73 .hq-clock>strong {
  font-family: var(--display-font);
}
.hq-live :is(h2,h3), .hq-live .hq-live-name {
  font-style: italic;
  font-weight: 800;
  letter-spacing: -.015em;
}
.hq-live .hq-live-name { font-size: 24px; line-height: 1.1; }
.hq-live :is(button,select) { font-family: var(--display-font); font-size: 20px; }
.hq-live .hq-live-star { font-family: var(--body-font); font-size: 24px; }
.hq-live :is(th,.hq-target-stats b,.hq-roster-benchmark>strong) {
  font-family: var(--display-font);
  font-variant-numeric: tabular-nums;
}
.hq-live th { font-size: 20px; font-weight: 700; }
.hq-live .hq-target-stats b { font-size: 26px; }
.hq-live :is(.hq-live-bar,.hq-advice,.hq-target-card,.hq-roster-sidebar,.hq-live-table,button),
.hq-mock-controls, .hq-mock-controls button { border-radius: 0; }
.hq-advisor, .hq-advisor :is(button,select) {
  border-radius: 0;
  border-color: var(--line);
}
.hq-advisor :is(button,select,summary,th) {
  font-family: var(--display-font);
  font-size: 20px;
}
.hq-advisor-options .chosen { border-color: var(--yellow); box-shadow: inset 0 0 0 1px var(--yellow); }
.hq-advisor-tabs [aria-pressed=true] { background: var(--yellow); color: var(--hq-header); }

/* A row photo's internal z-index cannot escape above the sticky header. */
.hq-live-table { isolation: isolate; position: relative; }
.hq-live-table thead { position: sticky; top: 0; z-index: 10; }
.hq-live-table thead th { z-index: 10; background: var(--hq-table-head); }
.hq-live-table tbody { position: relative; z-index: 0; }
.hq-room-v73 :is(.hq-row-photo,.hq-target-photo) {
  isolation: isolate;
  overflow: hidden;
  z-index: 0;
}
.hq-room-v73 .hq-player-cell { position: relative; z-index: 0; }
.hq-room-v73 :is(.hq-row-photo,.hq-target-photo) img { background: transparent; }

@media(max-width:700px) {
  .hq-live .hq-live-name { font-size: 22px; }
  .hq-live :is(button,select,th) { font-size: 18px; }
}