/* Vs Tonight's Opponent (0.111.0, includes/class-vs-opp.php). The game log's tokens (--gl-*), which dark mode redefines. */
.spz-vsopp { --vo-card: var(--gl-bg, #f8faf9); --vo-alt: var(--gl-bg-alt, #f1f3f2); --vo-line: var(--gl-border, #dde2e0); --vo-text: var(--gl-text, #33403c);
  --vo-muted: var(--gl-text-muted, #64726d); --vo-ink: #1e293b; --vo-up: #0b7a3b; --vo-head: var(--gl-header-bg, #1e293b); --vo-hit: rgba(0, 145, 61, .14);
  font-family: var(--gl-font, Inter, system-ui, sans-serif); color: var(--vo-text); }
[data-spz-theme="dark"] .spz-vsopp { --vo-ink: #e8edf3; --vo-up: #4ade80; --vo-hit: rgba(74, 222, 128, .18); }
.spz-vsopp .spz-team-chip { vertical-align: middle; }
.spz-vsopp .spz-vo-empty { margin: 14px 0; color: var(--vo-muted); }
.spz-vsopp .spz-vo-intro { margin: 4px 0 12px; color: var(--vo-muted); font-size: 14px; }

/* the day, the stat, the games */
.spz-vsopp .spz-vo-days { display: flex; gap: 4px; margin: 0 0 6px; border-bottom: 1px solid var(--vo-line); }
.spz-vsopp .spz-vo-days a { padding: 8px 14px; margin-bottom: -1px; border-bottom: 2px solid transparent; color: var(--vo-muted); font-weight: 700; font-size: 14px; text-decoration: none; }
.spz-vsopp .spz-vo-days a[aria-current="page"] { color: var(--vo-ink); border-bottom-color: var(--spz-brand, #00913d); }
.spz-vsopp .spz-vo-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 0 0 12px; }
.spz-vsopp .spz-vo-tabs, .spz-vsopp .spz-vo-games { display: flex; flex-wrap: wrap; gap: 6px; }
.spz-vsopp .spz-vo-tab, .spz-vsopp .spz-vo-game, .spz-vsopp .spz-vo-more { appearance: none; margin: 0; padding: 0 12px; min-height: 32px; border: 1px solid var(--vo-line); border-radius: 999px;
  background: transparent; color: var(--vo-text); font: 600 13px/1 inherit; font-family: inherit; cursor: pointer; box-shadow: none; text-transform: none; letter-spacing: 0; }
.spz-vsopp .spz-vo-tab { font-weight: 800; }
.spz-vsopp .spz-vo-tab[aria-pressed="true"], .spz-vsopp .spz-vo-game[aria-pressed="true"] { background: var(--vo-head); border-color: var(--vo-head); color: #fff; }
.spz-vsopp .spz-vo-tab:focus-visible, .spz-vsopp .spz-vo-game:focus-visible, .spz-vsopp .spz-vo-more:focus-visible { outline: 2px solid var(--spz-brand, #00913d); outline-offset: 2px; }

/* a board */
.spz-vsopp .spz-vo-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 6px 0 8px; }
.spz-vsopp .spz-vo-head h3 { margin: 0; font-size: 17px; font-weight: 800; color: var(--vo-ink); }
.spz-vsopp .spz-vo-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--vo-line); border-radius: 10px; background: var(--vo-card); }
.spz-vsopp .spz-vo-table { width: 100%; min-width: 620px; border-collapse: collapse; margin: 0; }
.spz-vsopp .spz-vo-table th, .spz-vsopp .spz-vo-table td { padding: 7px 8px; text-align: center; border: 0; border-bottom: 1px solid var(--vo-line); font-size: 13.5px; white-space: nowrap; font-family: inherit; }
.spz-vsopp .spz-vo-table thead th { font-size: 11.5px; font-weight: 700; color: var(--vo-muted); background: var(--vo-alt); }
.spz-vsopp .spz-vo-table tbody tr:last-child td { border-bottom: 0; }
.spz-vsopp .spz-vo-table .is-rk { width: 28px; color: var(--vo-muted); font-size: 12px; }
.spz-vsopp .spz-vo-table .is-name { text-align: left; position: sticky; left: 0; z-index: 1; background: var(--vo-card); font-weight: 600; }
.spz-vsopp .spz-vo-table thead .is-name { background: var(--vo-alt); }
.spz-vsopp .spz-vo-table .is-name a { color: var(--vo-ink); text-decoration: none; }
.spz-vsopp .spz-vo-table .is-name a:hover { text-decoration: underline; }
.spz-vsopp .spz-vo-table .is-opp { color: var(--vo-muted); font-weight: 600; }
.spz-vsopp .spz-vo-table .is-pct b { color: var(--vo-ink); }
.spz-vsopp .spz-vo-table .is-pct.is-hot b { color: var(--vo-up); }
.spz-vsopp .spz-vo-table .is-pct small { color: var(--vo-muted); font-size: 11.5px; }
.spz-vsopp .spz-vo-table .is-l5 span { display: inline-flex; gap: 3px; }
.spz-vsopp .spz-vo-table .is-l5 i { display: inline-block; min-width: 20px; height: 20px; border-radius: 5px; background: var(--vo-alt); color: var(--vo-muted); font: 700 11.5px/20px inherit; font-family: inherit; font-style: normal; }
.spz-vsopp .spz-vo-table .is-l5 i.is-hit { background: var(--vo-hit); color: var(--vo-up); }
.spz-vsopp .spz-vo-more { display: block; margin: 10px auto 0; }
@media (max-width: 640px) {
  .spz-vsopp .spz-vo-table { min-width: 560px; }
  .spz-vsopp .spz-vo-table .is-rk { display: none; }
}
[data-spz-theme="dark"] .spz-vsopp .spz-vo-tab[aria-pressed="true"], [data-spz-theme="dark"] .spz-vsopp .spz-vo-game[aria-pressed="true"] { background: #e8edf3; border-color: #e8edf3; color: #0f172a; }