/*
 * Poker Tracker / Round 1 visual system draft.
 * Load after the existing tracker styles and opt in with
 * <html data-ui-version="r1">. No content, order, visibility or data changes.
 * Intentionally unlayered: the existing styles are unlayered too.
 */

html[data-ui-version="r1"] {
  color-scheme: dark;
  --ui-bg: #101214;
  --ui-surface: #171a1f;
  --ui-surface-raised: #1d2126;
  --ui-raised: var(--ui-surface-raised);
  --ui-surface-hover: #252a30;
  --ui-text: #f3f1ea;
  --ui-secondary: #c8c7c1;
  --ui-muted: #a3a6a8;
  --ui-faint: #858b90;
  --ui-border: #ffffff14;
  --ui-border-strong: #ffffff29;
  --ui-accent: #cfb68b;
  --ui-accent-soft: #cfb68b10;
  --ui-positive: #84c6a6;
  --ui-negative: #df969b;
  --ui-positive-soft: #84c6a612;
  --ui-negative-soft: #df969b12;
  --ui-radius: 14px;
  --ui-radius-sm: 10px;
  --ui-control-height: 42px;
  --ui-font: "Segoe UI", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  --ui-numeric-font: "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;
  /* Existing components use these legacy names. Literal colors below still
     need explicit adapters; changing :root variables alone is insufficient. */
  --bg: var(--ui-bg);
  --white: var(--ui-surface);
  --navy: var(--ui-surface);
  --navy2: var(--ui-surface-raised);
  --ink: var(--ui-text);
  --muted: var(--ui-muted);
  --line: var(--ui-border);
  --green: var(--ui-positive);
  --red: var(--ui-negative);
  --green-soft: var(--ui-positive-soft);
  --red-soft: var(--ui-negative-soft);
  --gold: var(--ui-accent);
  --radius: var(--ui-radius);
  --shadow: none;
  background: var(--ui-bg);
  font-family: var(--ui-font);
  scroll-padding-top: 132px;
  scrollbar-color: #4d5155 var(--ui-bg);
}

html[data-ui-version="r1"] body {
  position: relative;
  background: var(--ui-bg);
  color: var(--ui-text);
  font-family: var(--ui-font);
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
html[data-ui-version="r1"] ::selection { background: #cfb68b40; color: var(--ui-text); }
html[data-ui-version="r1"] :is(button, input, select, textarea) { font-family: inherit; }
html[data-ui-version="r1"] :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 3px;
}
html[data-ui-version="r1"] .page-shell {
  max-width: 1488px;
  padding: 24px 32px 56px;
}
html[data-ui-version="r1"] :is(.money, .mono, .numeric, .stat-value) {
  font-family: var(--ui-numeric-font);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum";
}

/* Shared tracker chrome. Account position and brand imagery stay source-owned. */
html[data-ui-version="r1"] .site-header {
  background: #14171b;
  border-color: var(--ui-border);
  box-shadow: 0 1px 0 #0000001f;
}
html[data-ui-version="r1"] .header-inner {
  max-width: 1488px;
  min-height: 64px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 32px;
  padding-right: 32px;
}
html[data-ui-version="r1"] .brand-name {
  font-family: var(--ui-font);
  color: var(--ui-text);
  font-size: 23px;
  font-weight: 600;
  letter-spacing: .01em;
}
html[data-ui-version="r1"] .brand-name > b { font: 650 22px/1.25 var(--ui-font); letter-spacing: -.025em; }
html[data-ui-version="r1"] .brand-symbol { width: 38px; height: 40px; border: 1px solid #5c5346; border-radius: 10px; background: #25231f; color: var(--ui-accent); box-shadow: none; }
html[data-ui-version="r1"] .brand-name > [data-brand-secondary] {
  font-family: var(--ui-font);
  color: var(--ui-muted);
  font-size: 12px;
  letter-spacing: .025em;
}
html[data-ui-version="r1"] .navigation-row {
  background: #121519;
  border-color: var(--ui-border);
}
html[data-ui-version="r1"] .primary-nav {
  max-width: 1488px;
  min-height: 44px;
  padding-left: 32px;
  padding-right: 32px;
  gap: 12px;
}
html[data-ui-version="r1"] .primary-nav a {
  min-height: 44px;
  padding: 0 18px;
  color: var(--ui-muted);
  font-size: 14px;
  font-weight: 500;
}
html[data-ui-version="r1"] .primary-nav a.active,
html[data-ui-version="r1"] .primary-nav a:hover {
  color: var(--ui-text);
  background: #ffffff04;
}
html[data-ui-version="r1"] .primary-nav a.active::after {
  background: var(--ui-accent);
  height: 2px;
}
html[data-ui-version="r1"] .language-switch {
  padding: 3px;
  border: 1px solid var(--ui-border-strong);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-bg);
}
html[data-ui-version="r1"] .language-switch button {
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 7px;
  font-family: var(--ui-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--ui-muted);
}
html[data-ui-version="r1"] .language-switch button.active,
html[data-ui-version="r1"] .language-switch button.active:hover {
  background: #ffffff12;
  color: var(--ui-text);
  box-shadow: none;
}
html[data-ui-version="r1"] .header-actions [data-community-account],
html[data-ui-version="r1"] .header-actions [data-community-account][data-account-state="signed-in"] {
  min-height: 38px;
  border-color: var(--ui-border-strong);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-surface-raised);
  color: var(--ui-text);
  font-size: 12px;
}
html[data-ui-version="r1"] .tracker-account-avatar {
  background: #2c3034;
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
html[data-ui-version="r1"] .program-context { margin-bottom: 14px; }
html[data-ui-version="r1"] .program-scope-bar { margin: 0; min-height: 30px; }
html[data-ui-version="r1"] .program-scope-bar .program-back { min-height: 30px; color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .program-context-name { color: var(--ui-secondary); border-color: var(--ui-border-strong); font-size: 14px; }
html[data-ui-version="r1"] .program-subnav { border-color: var(--ui-border); gap: 4px; }
html[data-ui-version="r1"] .program-subnav a { min-height: 44px; padding: 10px 14px; color: var(--ui-muted); font-size: 14px; }
html[data-ui-version="r1"] .program-subnav a[aria-current="page"] {
  color: var(--ui-text);
  background: #ffffff06;
  border-bottom-color: var(--ui-accent);
}
html[data-ui-version="r1"] .program-subnav a:hover { background: #ffffff06; color: var(--ui-text); }
/* Keep both the warm focus ring and its dark backing inside scrollable navs. */
html[data-ui-version="r1"] :is(.primary-nav, .program-subnav) > a:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: -4px;
  box-shadow: inset 0 0 0 6px var(--ui-bg);
  border-radius: 8px;
}

/* Quiet surfaces and a consistent control hierarchy. */
html[data-ui-version="r1"] .panel {
  background: var(--ui-surface);
  border-color: var(--ui-border);
  border-radius: var(--ui-radius);
  box-shadow: none;
}
html[data-ui-version="r1"] .panel > .panel-head {
  padding: 18px 22px;
  background: #ffffff02;
  border-color: var(--ui-border);
}
html[data-ui-version="r1"] .panel-title { color: var(--ui-text); font-size: 16px; font-weight: 600; line-height: 1.5; }
html[data-ui-version="r1"] :is(.panel-caption, .small-muted, .subline, .stat-sub, .inline-count, .amount-summary, .result-note) {
  color: var(--ui-muted);
  font-size: 12px;
  line-height: 1.7;
}
html[data-ui-version="r1"] :is(.outline-button, .solid-button, .quiet-button) {
  min-height: var(--ui-control-height);
  padding: 9px 14px;
  border-radius: var(--ui-radius-sm);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  box-shadow: none;
}
html[data-ui-version="r1"] .outline-button {
  background: var(--ui-surface-raised);
  border-color: var(--ui-border-strong);
  color: var(--ui-secondary);
}
html[data-ui-version="r1"] .outline-button:hover { background: var(--ui-surface-hover); border-color: #ffffff3b; color: var(--ui-text); }
html[data-ui-version="r1"] .solid-button { background: var(--ui-text); border-color: var(--ui-text); color: var(--ui-bg); }
html[data-ui-version="r1"] .solid-button:hover { background: #ffffff; border-color: #ffffff; }
html[data-ui-version="r1"] .quiet-button { background: transparent; border-color: transparent; color: var(--ui-muted); }
html[data-ui-version="r1"] .quiet-button:hover { background: #ffffff07; color: var(--ui-text); }
html[data-ui-version="r1"] :is(.text-link, .back-link, .evidence-link) { color: var(--ui-secondary); font-size: 12px; }
html[data-ui-version="r1"] :is(.text-link, .back-link, .evidence-link):hover { color: var(--ui-accent); }
html[data-ui-version="r1"] .evidence-link { border-color: var(--ui-border-strong); background: #ffffff04; border-radius: 7px; }

/* Ranking page hierarchy: the ranking and its values lead. */
html[data-ui-version="r1"] .hierarchy-tracker .tracker-intro { min-height: 64px; margin-bottom: 20px; gap: 28px; }
html[data-ui-version="r1"] .hierarchy-tracker .location-heading h1 { margin-bottom: 8px; gap: 8px 14px; }
html[data-ui-version="r1"] .hierarchy-tracker .location-heading h1 .tracker-title-source {
  font-family: var(--ui-font);
  color: var(--ui-text);
  font-size: 34px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -.025em;
}
html[data-ui-version="r1"] .hierarchy-tracker .location-heading h1 .tracker-title-label {
  font-family: var(--ui-font);
  color: var(--ui-secondary);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
html[data-ui-version="r1"] .hierarchy-tracker .location-heading h1 .tracker-title-label:only-child { color: var(--ui-text); font-size: 30px; font-weight: 600; white-space: normal; }
html[data-ui-version="r1"] .hierarchy-tracker .location-heading p { color: var(--ui-muted); font-size: 14px; line-height: 1.7; }
html[data-ui-version="r1"] .hierarchy-tracker .tracker-summary { gap: 28px; border-color: var(--ui-border); }
html[data-ui-version="r1"] .hierarchy-tracker .tracker-summary strong { color: var(--ui-text); font-size: 26px; font-weight: 500; }
html[data-ui-version="r1"] .hierarchy-tracker .tracker-summary span { color: var(--ui-muted); font-size: 12px; }

/* Sessions reuse the compact header without entering the ranking-table scope. */
html[data-ui-version="r1"] .sessions-tracker .tracker-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 64px;
  margin-bottom: 20px;
  gap: 24px;
}
html[data-ui-version="r1"] .sessions-tracker .tracker-location { min-width: 0; }
html[data-ui-version="r1"] .sessions-tracker .location-heading h1 { margin: 0; font-family: var(--ui-font); line-height: 1.25; }
html[data-ui-version="r1"] .sessions-tracker .location-heading h1 .tracker-title-source { color: var(--ui-text); font-family: var(--ui-font); white-space: normal; font-size: 34px; font-weight: 600; letter-spacing: -.025em; }
html[data-ui-version="r1"] .sessions-tracker .location-heading h1 .tracker-title-label { color: var(--ui-secondary); font-family: var(--ui-font); white-space: normal; font-size: 24px; font-weight: 500; letter-spacing: 0; text-transform: none; }
html[data-ui-version="r1"] .sessions-tracker .tracker-summary {
  display: flex;
  gap: 28px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
html[data-ui-version="r1"] .sessions-tracker .tracker-summary > div { min-width: 0; padding: 0; border: 0; }
html[data-ui-version="r1"] .sessions-tracker .tracker-summary strong { color: var(--ui-text); font-size: 26px; font-weight: 500; }
html[data-ui-version="r1"] .sessions-tracker .tracker-summary span { color: var(--ui-muted); font-size: 12px; }
/* Keep program context secondary to rankings and player content on wide screens.
   The context precedes the tracker/profile wrapper as a sibling inside #main. */
@media (min-width: 1000px) {
  html[data-ui-version="r1"] #main:has(> .sessions-tracker, > .hierarchy-tracker, > .hierarchy-profile > .profile-header) > .program-context:has(> .program-subnav) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0 28px;
    min-height: 44px;
    margin-bottom: 18px;
    border-bottom: 1px solid var(--ui-border);
  }
  html[data-ui-version="r1"] #main:has(> .sessions-tracker, > .hierarchy-tracker, > .hierarchy-profile > .profile-header) > .program-context:has(> .program-subnav) > .program-scope-bar {
    min-height: 44px;
    margin: 0;
    flex-wrap: nowrap;
  }
  html[data-ui-version="r1"] #main:has(> .sessions-tracker, > .hierarchy-tracker, > .hierarchy-profile > .profile-header) > .program-context:has(> .program-subnav) > .program-subnav {
    justify-self: end;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    border-bottom: 0;
  }
  html[data-ui-version="r1"] #main > .sessions-tracker > .session-index > .panel-head {
    min-height: 56px;
    padding: 8px 20px;
  }
}
html[data-ui-version="r1"] .leader-strip { gap: 16px; margin-bottom: 28px; }
html[data-ui-version="r1"] .leader-card { padding: 16px 22px; gap: 9px; border-color: var(--ui-border); border-radius: var(--ui-radius); background: var(--ui-surface); }
html[data-ui-version="r1"] .leader-card:hover { border-color: var(--ui-border-strong); background: #1c2025; }
html[data-ui-version="r1"] .leader-rank { color: var(--ui-muted); font-family: var(--ui-numeric-font); font-size: 16px; font-weight: 500; letter-spacing: 0; }
html[data-ui-version="r1"] .leader-card:first-child .leader-rank { color: var(--ui-accent); }
html[data-ui-version="r1"] :is(.leader-caption, .leader-identity small, .leader-meta) { color: var(--ui-muted); font-size: 12px; line-height: 1.6; }
html[data-ui-version="r1"] .leader-identity strong { color: var(--ui-text); font-size: 16px; font-weight: 600; }
html[data-ui-version="r1"] .leader-player > .avatar { border-color: var(--ui-border-strong); background: var(--ui-surface-raised); box-shadow: none; }
html[data-ui-version="r1"] .leader-profit .money { font-family: var(--ui-numeric-font); font-size: clamp(30px, 2.45vw, 38px); font-weight: 600; letter-spacing: -.035em; }
html[data-ui-version="r1"] .leader-chart { opacity: .82; }
/* Query the shared three-card width so the entire group changes rows together.
   Existing carousels and phone stacks retain their amount typography/layout. */
@media (min-width: 901px) {
  html[data-ui-version="r1"] .hierarchy-tracker > .leader-strip {
    container-name: tracker-leaders;
    container-type: inline-size;
  }
  /* Keep the visible amount inside its own flex box at inline widths. */
  html[data-ui-version="r1"] .leader-profit { flex-shrink: 0; }
  @container tracker-leaders (max-width: 896px) {
    html[data-ui-version="r1"] .hierarchy-tracker:not(.ev-hierarchy) > .leader-strip > .leader-card > .leader-bottom {
      flex-direction: column;
      align-items: stretch;
      gap: 8px;
    }
    html[data-ui-version="r1"] .hierarchy-tracker:not(.ev-hierarchy) > .leader-strip > .leader-card > .leader-bottom > .leader-chart {
      width: 100%;
      max-width: none;
      flex: 0 0 auto;
    }
  }
  @container tracker-leaders (max-width: 986px) {
    html[data-ui-version="r1"] .hierarchy-tracker.ev-hierarchy > .leader-strip > .leader-card > .leader-bottom {
      flex-direction: column;
      align-items: stretch;
      gap: 8px;
    }
    html[data-ui-version="r1"] .hierarchy-tracker.ev-hierarchy > .leader-strip > .leader-card > .leader-bottom > .leader-chart {
      width: 100%;
      max-width: none;
      flex: 0 0 auto;
    }
  }
}

/* All current tools remain available; no hidden overflow menu is introduced. */
html[data-ui-version="r1"] .hierarchy-toolbar { gap: 12px 18px; margin-bottom: 18px; }
html[data-ui-version="r1"] .hierarchy-toolbar .tracker-search { flex: 1 1 260px; width: 320px; max-width: 430px; }
html[data-ui-version="r1"] .hierarchy-toolbar .tracker-search input,
html[data-ui-version="r1"] .session-list-search > input {
  height: var(--ui-control-height);
  padding-top: 10px;
  padding-bottom: 10px;
  background: var(--ui-bg);
  border: 1px solid var(--ui-border-strong);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-text);
  font-size: 14px;
  box-shadow: none;
}
html[data-ui-version="r1"] .hierarchy-toolbar .tracker-search input::placeholder,
html[data-ui-version="r1"] .session-list-search > input::placeholder { color: var(--ui-faint); }
html[data-ui-version="r1"] .compact-controls { gap: 8px; }
html[data-ui-version="r1"] .compact-controls select,
html[data-ui-version="r1"] .hierarchy-toolbar .outline-button,
html[data-ui-version="r1"] .hierarchy-profile .profile-tools-row .outline-button,
html[data-ui-version="r1"] .session-list-toolbar .outline-button,
html[data-ui-version="r1"] .session-list-toolbar > select {
  height: var(--ui-control-height);
  min-height: var(--ui-control-height);
  padding: 9px 12px;
  border-color: var(--ui-border-strong);
  border-radius: var(--ui-radius-sm);
  background-color: var(--ui-surface-raised);
  color: var(--ui-secondary);
  font-size: 14px;
  font-weight: 400;
}
html[data-ui-version="r1"] .compact-controls select { padding-right: 30px; }
html[data-ui-version="r1"] .hierarchy-toolbar .outline-button:hover,
html[data-ui-version="r1"] .hierarchy-profile .profile-tools-row .outline-button:hover { background: var(--ui-surface-hover); border-color: #ffffff3b; color: var(--ui-text); }
html[data-ui-version="r1"] .hierarchy-toolbar .filter-trigger.active,
html[data-ui-version="r1"] .hierarchy-profile .profile-tools-row .filter-trigger.active { background: var(--ui-accent-soft); border-color: #cfb68b55; color: var(--ui-accent); }
html[data-ui-version="r1"] .hierarchy-tracker .advanced-filters > .filter-panel,
html[data-ui-version="r1"] .hierarchy-profile .advanced-filters > .filter-panel { padding: 20px; background: var(--ui-surface); border-color: var(--ui-border); border-radius: var(--ui-radius); }
html[data-ui-version="r1"] .filter-group label { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .filter-group :is(input, select) { min-height: 42px; border-color: var(--ui-border-strong); border-radius: var(--ui-radius-sm); background-color: var(--ui-bg); color: var(--ui-text); font-size: 14px; }
html[data-ui-version="r1"] .active-filter-summary { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .filter-count { background: #cfb68b22; color: var(--ui-accent); }

/* Table foundation, including session results. */
html[data-ui-version="r1"] .table-scroll { scrollbar-color: #4d5155 var(--ui-surface); }
html[data-ui-version="r1"] .panel table { color: var(--ui-secondary); font-size: 14px; }
html[data-ui-version="r1"] .panel th { padding: 15px 18px; border-color: var(--ui-border); background: var(--ui-surface-raised); color: var(--ui-muted); font-size: 12px; font-weight: 500; }
html[data-ui-version="r1"] .panel td { padding: 16px 18px; border-color: var(--ui-border); background: var(--ui-surface); color: var(--ui-secondary); font-size: 14px; line-height: 1.6; }
html[data-ui-version="r1"] .panel tbody tr:nth-child(even) > td { background: #191d22; }
html[data-ui-version="r1"] .panel tbody tr:hover > td,
html[data-ui-version="r1"] .panel tbody tr:focus-within > td { background: #22272d; }
html[data-ui-version="r1"] .panel .player-name { color: var(--ui-text); font-size: 15px; font-weight: 600; }
html[data-ui-version="r1"] .panel .player-name:hover { color: var(--ui-accent); }
html[data-ui-version="r1"] .panel .session-title { color: var(--ui-text); font-size: 14px; font-weight: 500; }
html[data-ui-version="r1"] .panel .session-title:hover { color: var(--ui-accent); }
html[data-ui-version="r1"] .session-thumb { border-color: var(--ui-border-strong); border-radius: 8px; background: var(--ui-surface-raised); }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking,
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel { background: var(--ui-surface); border-color: var(--ui-border); border-radius: var(--ui-radius); box-shadow: none; }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking > .panel-head,
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel > .panel-head { min-height: 58px; padding: 12px 18px; background: #ffffff02; border-color: var(--ui-border); }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .tabs-inline button { min-height: 38px; padding: 8px 14px; border-radius: 9px; color: var(--ui-muted); font-size: 14px; }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .tabs-inline button.active { background: #ffffff0c; color: var(--ui-text); }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking th,
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel th { padding: 15px 18px; border-color: var(--ui-border); background: var(--ui-surface-raised); color: var(--ui-muted); font-size: 12px; font-weight: 500; }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .sort-button { color: var(--ui-muted); font-size: 12px; font-weight: 500; }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .sort-button.sorted { color: var(--ui-text); }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking td,
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel td { height: 78px; padding: 16px 18px; border-color: var(--ui-border); background: var(--ui-surface); color: var(--ui-secondary); font-size: 14px; line-height: 1.6; }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking tbody tr:nth-child(even) td,
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel tbody tr:nth-child(even) td { background: #191d22; }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking tbody tr:hover td,
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking tbody tr:focus-within td,
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel tbody tr:hover td,
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel tbody tr:focus-within td { background: #22272d; }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .rank,
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel .rank { color: var(--ui-faint); font-size: 14px; }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .player-name,
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel .player-name { color: var(--ui-text); font-size: 15px; font-weight: 600; letter-spacing: 0; }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .subline,
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel .subline { margin-top: 4px; color: var(--ui-muted); font-size: 12px; line-height: 1.6; }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .player-cell > .avatar,
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel .player-cell > .avatar { border-color: var(--ui-border-strong); background: var(--ui-surface-raised); box-shadow: none; }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .primary-profit .table-money,
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel .primary-profit .table-money { font-size: 22px; font-weight: 600; letter-spacing: -.025em; }
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking td:not(.primary-profit) > .money,
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel td:not(.primary-profit) > .money { font-size: 14px; }
html[data-ui-version="r1"] .pagination,
html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .pagination,
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel .pagination { padding: 18px 20px; border-color: var(--ui-border); background: #15191d; color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .page-button { min-width: 36px; width: auto; height: 36px; padding: 0 10px; border-color: var(--ui-border-strong); border-radius: 9px; background: var(--ui-surface); color: var(--ui-secondary); font-size: 12px; }
html[data-ui-version="r1"] .page-button.active { border-color: #cfb68b66; background: var(--ui-accent-soft); color: var(--ui-accent); }
html[data-ui-version="r1"] .page-button:hover:not(:disabled):not(.active) { background: var(--ui-surface-hover); color: var(--ui-text); }

/* EV navigation remains distinct from financial sign and chart colors. */
html[data-ui-version="r1"] .ev-hierarchy .ev-rank-navigation .ev-subnav { padding: 4px; border-color: var(--ui-border); border-radius: 12px; background: var(--ui-surface); }
html[data-ui-version="r1"] .ev-hierarchy .ev-rank-navigation .ev-subnav a { min-height: 40px; padding: 9px 15px; border-radius: 8px; background: transparent; color: var(--ui-muted); font-size: 14px; font-weight: 500; }
html[data-ui-version="r1"] .ev-hierarchy .ev-rank-navigation .ev-subnav a.active { background: #ffffff0c; color: var(--ui-text); }
html[data-ui-version="r1"] .ev-hierarchy .ev-rank-navigation .ev-subnav a:hover { background: #ffffff08; color: var(--ui-text); }
html[data-ui-version="r1"] .ev-hierarchy .ev-rank-navigation .ev-coverage-link { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel > .panel-head .panel-title { color: var(--ui-text); font-size: 16px; font-weight: 600; }
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel > .panel-head .panel-caption { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-controls { gap: 12px 16px; padding: 12px 18px; background: transparent; border-color: var(--ui-border); color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-controls label { font-size: 12px; }
html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-controls select { min-height: 40px; padding: 8px 30px 8px 10px; border-color: var(--ui-border-strong); border-radius: 9px; background-color: var(--ui-surface-raised); color: var(--ui-secondary); font-size: 14px; }

/* Player summary and explicit expand controls. Never make the heading a button. */
html[data-ui-version="r1"] .hierarchy-profile .profile-header { gap: 22px; margin-bottom: 22px; padding-bottom: 0; border-color: var(--ui-border); }
html[data-ui-version="r1"] .hierarchy-profile .profile-header > .avatar.large { border-color: var(--ui-border-strong); background: #2a2f34; box-shadow: none; }
html[data-ui-version="r1"] .hierarchy-profile .profile-title h1 { color: var(--ui-text); font-size: 38px; font-weight: 600; letter-spacing: -.025em; }
html[data-ui-version="r1"] .hierarchy-profile .profile-title .eyebrow { color: var(--ui-muted); font-size: 12px; letter-spacing: .04em; }
html[data-ui-version="r1"] .hierarchy-profile .profile-title p { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .profile-tag { padding: 7px 10px; border-color: var(--ui-border-strong); border-radius: 8px; background: #ffffff04; color: var(--ui-secondary); font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.15fr); align-items: stretch; gap: 20px; margin-bottom: 20px; min-width: 0; }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview > .profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: center; gap: 18px 20px; min-width: 0; margin: 0; padding: 20px 22px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius); background: var(--ui-surface); }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview > .profile-grid > .stat-card { min-height: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview > .profile-grid > .stat-card:first-child { grid-column: 1 / -1; padding: 0; }
html[data-ui-version="r1"] .hierarchy-profile .profile-grid .stat-top { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .profile-grid .stat-value { color: var(--ui-text); font-size: 28px; font-weight: 500; letter-spacing: -.03em; }
html[data-ui-version="r1"] .hierarchy-profile .profile-grid > .stat-card:first-child .stat-value { color: var(--ui-text); font-size: clamp(36px, 3.4vw, 46px); font-weight: 600; }
html[data-ui-version="r1"] .hierarchy-profile .profile-grid > .stat-card:first-child.accent .stat-value { color: var(--ui-positive); }
html[data-ui-version="r1"] .hierarchy-profile .profile-grid .stat-sub { color: var(--ui-muted); font-size: 12px; line-height: 1.7; }
html[data-ui-version="r1"] .hierarchy-profile .profile-grid .stat-top { margin-bottom: 6px; }
html[data-ui-version="r1"] .hierarchy-profile .profile-grid .stat-sub { margin-top: 5px; }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview > .matchup-panel { min-width: 0; margin: 0; }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview > .matchup-panel > .panel-head { min-height: 0; padding: 16px 18px 12px; border-bottom: 0; background: transparent; }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-highlights { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 0 18px 18px; }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-highlight { display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 16px; }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-highlight-title h3 { color: var(--ui-muted); font-size: 12px; font-weight: 500; }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-leaders { gap: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-person { display: flex; flex: 1 1 128px; gap: 10px; min-width: 0; }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-person > .avatar { width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid var(--ui-border-strong); border-radius: 10px; background: var(--ui-surface-raised); }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-person .player-name { color: var(--ui-text); font-size: 16px; font-weight: 600; line-height: 1.45; }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-person small { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-highlight-value { gap: 8px; margin: auto 0 0; font-size: clamp(22px, 2vw, 28px); line-height: 1.35; }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-tie { font-size: 12px; border-color: var(--ui-border-strong); border-radius: 6px; background: transparent; color: var(--ui-muted); }
html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-no-side { font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .profile-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 20px; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--ui-border); min-width: 0; }
html[data-ui-version="r1"] .hierarchy-profile .profile-actions > .profile-shortcuts { flex: 1 1 auto; min-width: 0; }
html[data-ui-version="r1"] .hierarchy-profile .profile-tools-row { gap: 10px 14px; margin: 0 0 0 auto; min-width: 0; }
html[data-ui-version="r1"] .hierarchy-profile .profile-filter-summary { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .profile-primary-chart { margin-bottom: 22px; background: var(--ui-surface); border-color: var(--ui-border); border-radius: var(--ui-radius); }
html[data-ui-version="r1"] .hierarchy-profile .profile-primary-chart > .panel-head { padding: 20px 22px; background: transparent; }
html[data-ui-version="r1"] .hierarchy-profile .profile-primary-chart .panel-title { color: var(--ui-text); font-size: 16px; }
html[data-ui-version="r1"] .hierarchy-profile .profile-primary-chart :is(.panel-caption, .chart-legend) { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile section.profile-curve-drawer > .profile-curve-heading { min-height: 82px; padding: 18px 22px; gap: 16px; cursor: default; border-color: var(--ui-border); }
html[data-ui-version="r1"] .hierarchy-profile .profile-curve-drawer.is-open > .profile-curve-heading { border-bottom-color: var(--ui-border); }
html[data-ui-version="r1"] .hierarchy-profile button.profile-curve-toggle { min-width: 102px; min-height: 42px; padding: 10px 14px; border: 1px solid #cfb68b80; border-radius: 10px; background: var(--ui-accent-soft); color: var(--ui-accent); font-size: 14px; font-weight: 500; line-height: 1.5; box-shadow: none; }
html[data-ui-version="r1"] .hierarchy-profile button.profile-curve-toggle:hover { background: #cfb68b1c; border-color: var(--ui-accent); color: #e0cba8; }
html[data-ui-version="r1"] .hierarchy-profile button.profile-curve-toggle:focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 3px; }
html[data-ui-version="r1"] .hierarchy-profile .profile-shortcuts { margin: 0; padding: 0; gap: 8px; border: 0; }
html[data-ui-version="r1"] .hierarchy-profile .profile-shortcuts button,
html[data-ui-version="r1"] .hierarchy-profile .profile-shortcuts button:first-child { min-height: 40px; padding: 9px 14px; border-color: var(--ui-border-strong); border-radius: 10px; background: var(--ui-surface); color: var(--ui-secondary); font-size: 14px; }
html[data-ui-version="r1"] .hierarchy-profile .profile-shortcuts button:hover { border-color: #ffffff3b; background: var(--ui-surface-hover); color: var(--ui-text); }
html[data-ui-version="r1"] .matchup-highlight { padding: 22px; border-color: var(--ui-border); border-radius: 12px; background: #ffffff02; }
html[data-ui-version="r1"] .matchup-highlight.best { border-top-color: #84c6a66b; }
html[data-ui-version="r1"] .matchup-highlight.worst { border-top-color: #df969b6b; }
html[data-ui-version="r1"] .matchup-highlight-title h3 { color: var(--ui-secondary); font-size: 14px; font-weight: 500; }
html[data-ui-version="r1"] .matchup-highlight-value { font-size: 34px; font-weight: 600; letter-spacing: -.025em; }
html[data-ui-version="r1"] .matchup-person .player-name { color: var(--ui-text); font-size: 14px; }
html[data-ui-version="r1"] .matchup-person small { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] :is(.matchup-no-side, .matchup-uncollected) { color: var(--ui-muted); font-size: 14px; }
html[data-ui-version="r1"] .chart-label { fill: var(--ui-muted); font-family: var(--ui-font); font-size: 12px; }
html[data-ui-version="r1"] .chart-grid { stroke: #ffffff0d; }
html[data-ui-version="r1"] .chart-zero { stroke: #ffffff29; }
html[data-ui-version="r1"] :is(.ev-curve-key > div > span:first-child, .ev-curve-scope) { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .ev-curve-key .money { font-size: 24px; }

/* Existing comments retain DOM order, reply nesting and composer behavior. */
html[data-ui-version="r1"] .hierarchy-profile .player-comments-panel > .panel-head { padding: 20px 22px; border-color: var(--ui-border); background: #ffffff02; }
html[data-ui-version="r1"] .hierarchy-profile .player-comments-panel .panel-title { color: var(--ui-text); font-size: 16px; }
html[data-ui-version="r1"] .hierarchy-profile .player-comments-panel .panel-caption,
html[data-ui-version="r1"] .hierarchy-profile .player-comments-order { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .player-comments-compose,
html[data-ui-version="r1"] .hierarchy-profile .player-comments-signin { padding: 22px; background: #ffffff02; border-color: var(--ui-border); }
html[data-ui-version="r1"] .hierarchy-profile .player-comments-viewer,
html[data-ui-version="r1"] .hierarchy-profile .player-comments-signin p { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .player-comments-viewer strong { color: var(--ui-text); }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-form label { color: var(--ui-secondary); font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-form textarea { padding: 13px 15px; border-color: var(--ui-border-strong); border-radius: 10px; background: var(--ui-bg); color: var(--ui-text); font-size: 14px; line-height: 1.8; }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-form textarea::placeholder { color: var(--ui-faint); }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-form textarea:focus { border-color: #cfb68b99; box-shadow: 0 0 0 2px #cfb68b0d; }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-length { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-length.over-limit { color: var(--ui-negative); }
html[data-ui-version="r1"] .hierarchy-profile .player-comments-panel .solid-button,
html[data-ui-version="r1"] .hierarchy-profile .player-comments-panel .outline-button { min-height: 42px; padding: 9px 14px; border-radius: 10px; font-size: 14px; }
html[data-ui-version="r1"] .hierarchy-profile .player-comments-panel .solid-button { border-color: var(--ui-text); background: var(--ui-text); color: var(--ui-bg); }
html[data-ui-version="r1"] .hierarchy-profile .player-comments-panel .outline-button { border-color: var(--ui-border-strong); background: var(--ui-surface-raised); color: var(--ui-secondary); }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-thread { padding: 24px 22px; border-color: var(--ui-border); }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-author-mark { border-color: var(--ui-border-strong); background: #2a2e33; color: var(--ui-secondary); }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-meta strong { color: var(--ui-text); font-size: 14px; }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-meta time { color: var(--ui-faint); font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-own { background: #ffffff0c; color: var(--ui-secondary); font-size: 11px; }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-body { color: var(--ui-secondary); font-size: 14px; line-height: 1.85; }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-body.is-deleted { color: var(--ui-faint); font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-action { min-height: 32px; color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-action:hover { color: var(--ui-text); }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-action.danger,
html[data-ui-version="r1"] .hierarchy-profile .player-comment-delete-prompt { color: var(--ui-negative); font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .player-comment.is-reply { border-color: var(--ui-border); }
html[data-ui-version="r1"] .hierarchy-profile .player-comment-reply-form { border-color: var(--ui-border); border-radius: 12px; background: #ffffff03; }
html[data-ui-version="r1"] .hierarchy-profile .player-comments-empty,
html[data-ui-version="r1"] .hierarchy-profile .player-comments-status { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .hierarchy-profile .player-comments-empty strong { color: var(--ui-secondary); font-size: 14px; }
html[data-ui-version="r1"] .hierarchy-profile .player-comments-pagination { border-color: var(--ui-border); }

/* Session detail and existing supporting states, without revealing hidden audit UI. */
html[data-ui-version="r1"] .page-heading h1,
html[data-ui-version="r1"] .detail-title { color: var(--ui-text); font-size: 30px; line-height: 1.4; font-weight: 600; letter-spacing: -.02em; }
html[data-ui-version="r1"] :is(.page-heading p, .detail-meta, .notes-block, .source-list li, .directory-intro) { color: var(--ui-muted); font-size: 14px; }
html[data-ui-version="r1"] :is(.source-card h3, .notes-block strong) { color: var(--ui-secondary); }
html[data-ui-version="r1"] .source-list a { color: var(--ui-secondary); }
html[data-ui-version="r1"] .source-list a:hover { color: var(--ui-accent); }
html[data-ui-version="r1"] .note-box { border-color: var(--ui-border); border-radius: 12px; background: #ffffff03; color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .currency-pill { border-color: var(--ui-border-strong); border-radius: 7px; background: #ffffff04; color: var(--ui-secondary); font-size: 12px; }
html[data-ui-version="r1"] .results-total { padding: 17px 20px; border-color: var(--ui-border); background: #ffffff03; color: var(--ui-secondary); font-size: 14px; }
html[data-ui-version="r1"] .results-total .money { font-size: 16px; }
html[data-ui-version="r1"] .session-index .session-inline-result-row > td { padding: 16px; background: var(--ui-bg); }
html[data-ui-version="r1"] .session-inline-result-row .session-result-card { border-color: var(--ui-border-strong); border-radius: 12px; }
html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-card > summary { background: var(--ui-surface-raised); border-color: var(--ui-border); padding: 20px; gap: 16px; }
html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-card > summary:hover { background: #252a31; }
html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-heading h3 { color: var(--ui-text); font-family: var(--ui-font); font-size: 18px; line-height: 1.5; }
html[data-ui-version="r1"] .session-index .session-inline-result-row :is(.session-result-meta, .session-result-heading p, .session-result-toggle, .session-result-leader > span:first-child) { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-content { background: var(--ui-surface); padding: 20px; }
html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-grid h4 { color: var(--ui-text); }
html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-table { border-color: var(--ui-border); }
html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-table th { background: var(--ui-surface-raised); color: var(--ui-secondary); font-size: 12px; }
html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-table td { background: var(--ui-surface); border-color: var(--ui-border); }
html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-table .player-name { font-size: 14px; }
html[data-ui-version="r1"] .session-index .session-inline-result-row .session-row-evidence > summary { color: var(--ui-muted); font-size: 12px; white-space: normal; line-height: 1.5; }

html[data-ui-version="r1"] .session-source-directory > summary { padding: 16px 20px; color: var(--ui-secondary); font-size: 14px; }
html[data-ui-version="r1"] .session-source-directory > summary > span { color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .session-source-directory[open] > summary { border-color: var(--ui-border); }
html[data-ui-version="r1"] .empty-state { color: var(--ui-muted); }
html[data-ui-version="r1"] .empty-state > .empty-icon { border-color: var(--ui-border); border-radius: 14px; background: #ffffff04; color: var(--ui-muted); }
html[data-ui-version="r1"] .empty-state h3 { color: var(--ui-secondary); font-size: 16px; }
html[data-ui-version="r1"] .empty-state p { color: var(--ui-muted); font-size: 14px; }
html[data-ui-version="r1"] .loading-state { color: var(--ui-muted); font-size: 14px; }
html[data-ui-version="r1"] .loading-ring { border-color: var(--ui-border-strong); border-top-color: var(--ui-accent); }
html[data-ui-version="r1"] .toast { border: 1px solid var(--ui-border-strong); border-radius: 12px; background: #262b31; color: var(--ui-text); font-size: 14px; box-shadow: 0 8px 32px #00000030; }
html[data-ui-version="r1"] .site-footer { border-color: var(--ui-border); color: var(--ui-muted); font-size: 12px; }
html[data-ui-version="r1"] .footer-brand { color: var(--ui-secondary); font-family: var(--ui-font); font-size: 12px; font-weight: 500; }
/* The website brand mark remains visible with a less intrusive footprint. */
html[data-ui-version="r1"] .qizhi-watermark { position: absolute; right: 24px; bottom: 24px; width: 64px; height: 64px; }
html[data-ui-version="r1"] .cm-app > .cm-footer.cm-footer-disclaimer,
html[data-ui-version="r1"] :is(.site-footer-disclaimer, .cm-footer-disclaimer) { padding-right: 112px; }
html[data-ui-version="r1"] :is(.ca-app, .us-app) > .data-disclaimer { padding-right: 112px; }

@media (max-width: 1100px) {
  html[data-ui-version="r1"] .page-shell { padding: 28px 24px 48px; }
  html[data-ui-version="r1"] .leader-card { padding: 18px; }
  html[data-ui-version="r1"] .leader-profit .money { font-size: 30px; }
  html[data-ui-version="r1"] .hierarchy-toolbar .tracker-search { max-width: none; }
}
@media (max-width: 1100px) {
  /* Keep expanded session results inside the visible horizontal table viewport. */
  html[data-ui-version="r1"] .session-index > .table-scroll { container-type: inline-size; }
  html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-card {
    position: sticky;
    left: 16px;
    width: calc(100cqi - 32px);
    max-width: calc(100cqi - 32px);
  }
}

@media (max-width: 900px) {
  html[data-ui-version="r1"] .leader-strip { display: flex; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x proximity; }
  html[data-ui-version="r1"] .leader-card { flex: 0 0 min(88%, 320px); scroll-snap-align: start; }
  html[data-ui-version="r1"] .hierarchy-toolbar .tracker-search { flex-basis: 100%; width: 100%; }
  html[data-ui-version="r1"] .compact-controls { width: 100%; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview > .profile-grid { grid-template-columns: minmax(0, 1.45fr) repeat(2, minmax(0, 1fr)); gap: 20px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview > .profile-grid > .stat-card:first-child { grid-column: auto; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-grid > .stat-card:first-child .stat-value { font-size: 32px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-person { flex-basis: 160px; }
}
@media (max-width: 600px) {
  html[data-ui-version="r1"] { --ui-control-height: 44px; scroll-padding-top: 130px; }
  html[data-ui-version="r1"] .page-shell { padding: 24px 16px 42px; }
  html[data-ui-version="r1"] .header-inner { min-height: 64px; padding-left: 16px; padding-right: 16px; gap: 8px; flex-wrap: nowrap; }
  html[data-ui-version="r1"] .brand-name { font-size: 20px; }
  html[data-ui-version="r1"] .brand { gap: 8px; min-width: 0; flex: 1 1 auto; }
  html[data-ui-version="r1"] .brand-symbol { width: 30px; height: 34px; flex: 0 0 30px; font-size: 25px; }
  html[data-ui-version="r1"] .brand-name { min-width: 0; overflow: hidden; }
  html[data-ui-version="r1"] .brand-name > b { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html[data-ui-version="r1"] .brand-name > [data-brand-secondary] { font-size: 10px; white-space: nowrap; }
  html[data-ui-version="r1"] .primary-nav { min-height: 46px; padding-left: 12px; padding-right: 12px; gap: 0; }
  html[data-ui-version="r1"] .primary-nav a { min-height: 46px; padding: 0 8px; font-size: 13px; }
  html[data-ui-version="r1"] .language-switch button { min-height: 44px; min-width: 36px; padding: 6px; font-size: 12px; }
  html[data-ui-version="r1"] .header-actions { gap: 6px; flex: 0 0 auto; }
  html[data-ui-version="r1"] .header-actions [data-community-account],
  html[data-ui-version="r1"] .header-actions [data-community-account][data-account-state="signed-in"] { min-height: 44px; min-width: 0; max-width: 76px; padding: 4px 7px; gap: 5px; font-size: 12px; }
  html[data-ui-version="r1"] .header-actions [data-community-account]:not([data-account-state="signed-in"]) { white-space: normal; text-align: center; line-height: 1.35; justify-content: center; }
  html[data-ui-version="r1"] .tracker-account-avatar { width: 24px; height: 24px; }
  html[data-ui-version="r1"] .tracker-account-name { min-width: 0; max-width: 36px; }
  html[data-ui-version="r1"] .program-context { margin-bottom: 14px; }
  html[data-ui-version="r1"] .program-scope-bar .program-back { min-height: 44px; }
  html[data-ui-version="r1"] .program-subnav a { min-height: 44px; padding: 10px 12px; font-size: 13px; }
  html[data-ui-version="r1"] .hierarchy-tracker .tracker-intro { grid-template-columns: minmax(0, 1fr) auto; min-height: 60px; margin-bottom: 18px; gap: 12px; align-items: center; }
  html[data-ui-version="r1"] .hierarchy-tracker .location-heading h1 .tracker-title-source { font-size: 30px; }
  html[data-ui-version="r1"] .hierarchy-tracker .location-heading h1 .tracker-title-label { font-size: 21px; }
  html[data-ui-version="r1"] .hierarchy-tracker .location-heading h1 .tracker-title-label:only-child { font-size: 24px; }
  html[data-ui-version="r1"] .hierarchy-tracker .location-heading p { font-size: 14px; }
  html[data-ui-version="r1"] .hierarchy-tracker .tracker-summary { display: flex; padding: 0; gap: 14px; border: 0; }
  html[data-ui-version="r1"] .hierarchy-tracker .tracker-summary strong { font-size: 18px; }
  html[data-ui-version="r1"] .hierarchy-tracker .tracker-summary span { font-size: 12px; }
  html[data-ui-version="r1"] .sessions-tracker .tracker-intro { min-height: 60px; margin-bottom: 18px; gap: 12px; }
  html[data-ui-version="r1"] .sessions-tracker .location-heading h1 .tracker-title-source { font-size: 30px; }
  html[data-ui-version="r1"] .sessions-tracker .location-heading h1 .tracker-title-label { font-size: 21px; }
  html[data-ui-version="r1"] .sessions-tracker .tracker-summary { gap: 14px; }
  html[data-ui-version="r1"] .sessions-tracker .tracker-summary strong { font-size: 18px; }
  html[data-ui-version="r1"] .leader-strip { gap: 12px; margin-bottom: 22px; }
  html[data-ui-version="r1"] .leader-card { flex-basis: min(88%, 340px); padding: 16px; gap: 8px; }
  html[data-ui-version="r1"] .leader-bottom { gap: 10px; }
  html[data-ui-version="r1"] .leader-profit .money { font-size: 30px; flex-shrink: 0; }
  html[data-ui-version="r1"] .leader-chart { width: 72px; max-width: 72px; flex: 0 0 72px; }
  html[data-ui-version="r1"] .ev-hierarchy .leader-bottom { flex-direction: column; align-items: stretch; gap: 8px; }
  html[data-ui-version="r1"] .ev-hierarchy .leader-chart { width: 100%; max-width: none; flex: 0 0 auto; }
  html[data-ui-version="r1"] .ev-hierarchy .leader-chart .sparkline { height: 32px; }
  html[data-ui-version="r1"] .leader-identity strong { font-size: 16px; }
  html[data-ui-version="r1"] :is(.leader-caption, .leader-identity small, .leader-meta) { font-size: 12px; }
  html[data-ui-version="r1"] .hierarchy-toolbar { gap: 12px; margin-bottom: 16px; }
  html[data-ui-version="r1"] .hierarchy-toolbar .tracker-search { min-width: 0; width: 100%; }
  html[data-ui-version="r1"] .hierarchy-toolbar .tracker-search input,
  html[data-ui-version="r1"] .session-list-search > input { height: 44px; font-size: 16px; }
  html[data-ui-version="r1"] .compact-controls { display: flex; flex-wrap: wrap; gap: 8px; }
  html[data-ui-version="r1"] .compact-controls > select { flex: 1 1 130px; width: auto; max-width: none; min-width: 0; }
  html[data-ui-version="r1"] .compact-controls .compact-source,
  html[data-ui-version="r1"] .compact-controls .compact-date { max-width: none; }
  html[data-ui-version="r1"] .compact-controls .outline-button,
  html[data-ui-version="r1"] .compact-controls select { min-height: 44px; height: 44px; padding: 10px 12px; font-size: 14px; }
  html[data-ui-version="r1"] .compact-controls [data-export] { min-width: 104px; width: auto; gap: 7px; font-size: 14px; }
  html[data-ui-version="r1"] .session-list-selects { flex-wrap: wrap; gap: 8px; }
  html[data-ui-version="r1"] .session-list-toolbar .session-list-selects > select { flex: 1 1 125px; width: auto; padding-left: 10px; font-size: 14px; }
  html[data-ui-version="r1"] .session-list-toolbar > select { flex-basis: 94px; }
  html[data-ui-version="r1"] .session-list-toolbar > [data-export] { min-width: 104px; }
  html[data-ui-version="r1"] .hierarchy-tracker .advanced-filters > .filter-panel,
  html[data-ui-version="r1"] .hierarchy-profile .advanced-filters > .filter-panel { padding: 16px; }
  html[data-ui-version="r1"] .filter-group :is(input, select) { min-height: 44px; font-size: 16px; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking > .panel-head,
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel > .panel-head { min-height: 58px; padding: 10px 12px; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .tabs-inline button { min-height: 40px; padding: 9px 10px; font-size: 13px; }
  /* Same first-three-column geometry on both rankings: 30 + 144 + 138 = 312px.
     Extra metrics remain in the same horizontal table, with no columns hidden. */
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .table-scroll > table { table-layout: fixed; width: 1029px; min-width: 1029px; max-width: none; }
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel .table-scroll > table { table-layout: fixed; width: 1130px; min-width: 1130px; max-width: none; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .table-scroll > table :is(th, td):nth-child(1),
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel .table-scroll > table :is(th, td):nth-child(1) { width: 30px; min-width: 0; padding-left: 8px; padding-right: 2px; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .table-scroll > table :is(th, td):nth-child(2),
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel .table-scroll > table :is(th, td):nth-child(2) { width: 144px; min-width: 0; padding-left: 8px; padding-right: 8px; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .table-scroll > table :is(th, td):nth-child(3),
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel .table-scroll > table :is(th, td):nth-child(3) { width: 138px; min-width: 0; padding-left: 6px; padding-right: 10px; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking th,
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel th { padding: 14px 14px; font-size: 12px; line-height: 1.6; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking td,
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel td { height: 74px; padding: 14px 14px; font-size: 14px; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .sort-button { font-size: 12px; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .rank,
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel .rank { font-size: 12px; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking td.primary-player,
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel td.primary-player { min-width: 0; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking td.primary-player .player-cell,
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel td.primary-player .player-cell { min-width: 0; gap: 8px; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking td.primary-player .player-cell > .avatar,
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel td.primary-player .player-cell > .avatar { width: 30px; height: 30px; flex-basis: 30px; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking td.primary-player .name-block,
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel td.primary-player .name-block { min-width: 0; flex: 1; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking td.primary-player .player-name,
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel td.primary-player .player-name { font-size: 14px; line-height: 1.45; white-space: normal; overflow-wrap: anywhere; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking td.primary-profit,
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel td.primary-profit { min-width: 0; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking td.primary-profit .table-money,
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel td.primary-profit .table-money { font-size: 19px; letter-spacing: -.035em; white-space: nowrap; }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking .pagination,
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-panel .pagination { padding: 16px 12px; gap: 12px; font-size: 12px; }
  html[data-ui-version="r1"] .page-button { min-width: 40px; height: 40px; padding: 0 10px; }
  html[data-ui-version="r1"] .ev-hierarchy .ev-rank-navigation .ev-subnav a { min-height: 44px; padding: 10px 12px; font-size: 13px; }
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-controls { gap: 10px 12px; padding: 12px; }
  html[data-ui-version="r1"] .ev-hierarchy .ev-ranking-controls select { min-height: 44px; font-size: 14px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-header { gap: 14px; margin-bottom: 20px; padding-bottom: 0; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-title h1 { font-size: 30px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-title .eyebrow,
  html[data-ui-version="r1"] .hierarchy-profile .profile-title p { font-size: 12px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-header .heading-tools .outline-button { min-height: 44px; padding: 10px 12px; font-size: 14px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview { gap: 14px; margin-bottom: 16px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview > .profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; padding: 18px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview > .profile-grid > .stat-card { min-height: 0; padding: 0; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview > .profile-grid > .stat-card:first-child { grid-column: 1 / -1; min-height: 0; padding: 0; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-grid > .stat-card:first-child .stat-value { font-size: 40px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-grid .stat-value { font-size: 28px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-grid :is(.stat-top, .stat-sub) { font-size: 12px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview > .matchup-panel > .panel-head { padding: 14px 16px 12px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-highlights { gap: 10px; padding: 0 14px 14px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-highlight { padding: 12px; gap: 10px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-person { flex-basis: 100%; flex-wrap: wrap; gap: 8px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-person > .avatar { width: 40px; height: 40px; flex-basis: 40px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-person .player-name { font-size: 14px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-highlight-value { font-size: clamp(18px, 4.8vw, 22px); }
  html[data-ui-version="r1"] .hierarchy-profile .profile-actions { gap: 12px; padding-bottom: 16px; margin-bottom: 16px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-actions > .profile-shortcuts { flex-basis: 100%; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-actions > .profile-tools-row { flex-basis: 100%; margin-left: 0; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-tools-row .outline-button { min-height: 44px; font-size: 14px; }
  html[data-ui-version="r1"] .hierarchy-profile section.profile-curve-drawer > .profile-curve-heading { min-height: 82px; padding: 18px 16px; gap: 12px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-primary-chart .panel-title { font-size: 16px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-primary-chart .panel-caption { font-size: 12px; }
  html[data-ui-version="r1"] .hierarchy-profile button.profile-curve-toggle { min-height: 44px; min-width: 104px; padding: 10px 12px; font-size: 14px; }
  html[data-ui-version="r1"] .hierarchy-profile .profile-shortcuts button,
  html[data-ui-version="r1"] .hierarchy-profile .profile-shortcuts button:first-child { min-height: 44px; padding: 10px 12px; font-size: 14px; }
  html[data-ui-version="r1"] .matchup-highlights { gap: 12px; padding: 0 16px 16px; }
  html[data-ui-version="r1"] .matchup-highlight { padding: 16px; }
  html[data-ui-version="r1"] .matchup-highlight-value { font-size: 28px; }
  html[data-ui-version="r1"] .ev-curve-key .money { font-size: 20px; }
  html[data-ui-version="r1"] .hierarchy-profile .player-comments-panel > .panel-head,
  html[data-ui-version="r1"] .hierarchy-profile .player-comments-compose,
  html[data-ui-version="r1"] .hierarchy-profile .player-comments-signin,
  html[data-ui-version="r1"] .hierarchy-profile .player-comment-thread { padding: 20px 16px; }
  html[data-ui-version="r1"] .hierarchy-profile .player-comments-panel .panel-title { font-size: 16px; }
  html[data-ui-version="r1"] .hierarchy-profile .player-comments-panel .panel-caption,
  html[data-ui-version="r1"] .hierarchy-profile .player-comments-order,
  html[data-ui-version="r1"] .hierarchy-profile .player-comment-meta time { font-size: 12px; }
  html[data-ui-version="r1"] .hierarchy-profile .player-comment-form textarea { font-size: 16px; }
  html[data-ui-version="r1"] .hierarchy-profile .player-comment-body { font-size: 14px; }
  html[data-ui-version="r1"] .hierarchy-profile .player-comment-replies { border-color: var(--ui-border); }
  html[data-ui-version="r1"] .hierarchy-profile .player-comment-action { min-height: 36px; }
  html[data-ui-version="r1"] .hierarchy-profile .player-comments-panel .solid-button,
  html[data-ui-version="r1"] .hierarchy-profile .player-comments-panel .outline-button { min-height: 44px; font-size: 14px; }
  html[data-ui-version="r1"] .session-discussion .player-comment-reply-form .player-comment-form-footer {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
  }
  html[data-ui-version="r1"] .session-discussion .player-comment-reply-form .player-comment-form-footer > div {
    max-width: 100%;
    margin-left: auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
  }
  html[data-ui-version="r1"] .session-discussion .player-comment-actions .player-comment-action,
  html[data-ui-version="r1"] .session-discussion .player-comment-reply-form .player-comment-action {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  html[data-ui-version="r1"] .panel > .panel-head { padding: 18px 16px; }
  html[data-ui-version="r1"] .page-heading h1,
  html[data-ui-version="r1"] .detail-title { font-size: 26px; }
  html[data-ui-version="r1"] .session-source-directory > summary { padding: 16px; font-size: 14px; }
  html[data-ui-version="r1"] .session-source-directory > summary > span { font-size: 12px; white-space: normal; }
  html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-card > summary { padding: 16px 12px; }
  html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-content { padding: 16px 12px; }
  html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-table :is(th, td) { padding: 12px 6px; }
  html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-table th:last-child { width: 52%; }
  html[data-ui-version="r1"] .session-index .session-inline-result-row .session-result-table .player-name { font-size: 13px; }
  /* Scroll only the SVG area inside folded charts; headings and legends stay put. */
  html[data-ui-version="r1"] .hierarchy-profile .profile-curve-drawer > .profile-curve-content > .chart-wrap {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-color: #4d5155 var(--ui-surface);
  }
  html[data-ui-version="r1"] .hierarchy-profile [data-ev-curve] > .profile-curve-content > .chart-wrap {
    padding: 16px 16px 3px;
  }
  html[data-ui-version="r1"] .hierarchy-profile [data-ev-curve] > .profile-curve-content > .chart-wrap > svg {
    min-width: 840px;
  }
  html[data-ui-version="r1"] .hierarchy-profile [data-ev-curve] > .profile-curve-content > .chart-wrap .chart-label {
    font-size: 16px;
  }
  html[data-ui-version="r1"] .hierarchy-tracker :is(.players-ranking, .ev-ranking-panel) > .table-scroll > table > thead > tr > th:first-child { padding-inline: 2px; text-align: center; white-space: nowrap; }
  /* Pin identities only where enough space remains for a complete money value. */
  @media (min-width: 375px) {
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking > .table-scroll {
    isolation: isolate;
    scroll-padding-inline-start: 184px;
    scroll-padding-inline-end: 12px;
  }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking > .table-scroll > table > tbody > tr {
    --ui-ranking-row-bg: var(--ui-surface);
  }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking > .table-scroll > table > tbody > tr:nth-child(even) {
    --ui-ranking-row-bg: #191d22;
  }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking > .table-scroll > table > tbody > tr:is(:hover, :focus-within) {
    --ui-ranking-row-bg: #22272d;
  }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking > .table-scroll > table > :is(thead, tbody) > tr > :is(th, td):nth-child(-n+2):not([colspan]) {
    position: sticky;
    z-index: 2;
  }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking > .table-scroll > table > :is(thead, tbody) > tr > :is(th, td):nth-child(1):not([colspan]) {
    left: 0;
  }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking > .table-scroll > table > :is(thead, tbody) > tr > :is(th, td):nth-child(2):not([colspan]) {
    left: 30px;
    box-shadow: 1px 0 0 var(--ui-border-strong), 8px 0 12px -12px #000000b3;
  }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking > .table-scroll > table > tbody > tr > td:nth-child(-n+2):not([colspan]) {
    background: var(--ui-ranking-row-bg, var(--ui-surface));
  }
  html[data-ui-version="r1"] .hierarchy-tracker .players-ranking > .table-scroll > table > thead > tr > th:nth-child(-n+2):not([colspan]) {
    z-index: 4;
    background: var(--ui-surface-raised);
  }
  }
  html[data-ui-version="r1"] .qizhi-watermark { right: 16px; bottom: 22px; width: 48px; height: 48px; }
  html[data-ui-version="r1"] .cm-app > .cm-footer.cm-footer-disclaimer,
  html[data-ui-version="r1"] :is(.site-footer-disclaimer, .cm-footer-disclaimer) { padding-right: 80px; }
  html[data-ui-version="r1"] :is(.ca-app, .us-app) > .data-disclaimer { padding-right: 80px; }
}
@media (max-width: 380px) {
  html[data-ui-version="r1"] .brand-name > [data-brand-secondary] { font-size: 9px; letter-spacing: .01em; }
  html[data-ui-version="r1"] .leader-bottom { flex-direction: column; align-items: stretch; gap: 8px; }
  html[data-ui-version="r1"] .leader-chart { width: 100%; max-width: none; flex: 0 0 auto; }
  html[data-ui-version="r1"] .leader-chart .sparkline { height: 32px; }
  html[data-ui-version="r1"] .leader-profit .money { font-size: 27px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-ui-version="r1"] :is(.leader-card, .page-button, .profile-curve-toggle) { transition: none; }
}

/* Existing full-profile SVG details, shared by pointer and keyboard selection. */
html[data-ui-version="r1"] .profile-curve-drawer .chart-wrap[data-chart-inspector]:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: -3px;
}
html[data-ui-version="r1"] .chart-inspector-point,
html[data-ui-version="r1"] .chart-inspector-highlight {
  pointer-events: none;
}
html[data-ui-version="r1"] .chart-inspector-highlight > circle {
  fill: var(--ui-accent-soft);
  stroke: var(--ui-accent);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}
html[data-ui-version="r1"] .chart-inspector-tooltip {
  position: fixed;
  z-index: 1000;
  width: max-content;
  max-width: min(300px, calc(100% - 24px));
  max-height: calc(100dvh - 24px);
  overflow: hidden;
  padding: 10px 12px;
  border: 1px solid var(--ui-border-strong);
  border-radius: 10px;
  background: var(--ui-surface-raised);
  color: var(--ui-text);
  box-shadow: 0 6px 22px #0005;
  font-family: var(--ui-font);
  font-size: 12px;
  line-height: 1.65;
  white-space: pre-line;
  overflow-wrap: anywhere;
  pointer-events: none;
}
html[data-ui-version="r1"] .chart-inspector-tooltip[hidden] { display: none !important; }
/* Keep real opponent names and full amounts readable in the narrow profile. */
@media (max-width: 420px) {
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-highlights {
    grid-template-columns: minmax(0, 1fr);
  }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-highlight {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px 12px;
    min-height: 0;
  }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-highlight-title {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    min-width: 0;
  }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-highlight-title h3 {
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-highlight-value {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    min-width: 0;
    margin: 0;
    font-size: clamp(20px, 6vw, 22px);
  }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-highlight-value > .money {
    white-space: nowrap;
    flex-wrap: nowrap;
  }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-leaders {
    grid-column: 1 / -1;
    grid-row: 2;
    min-width: 0;
  }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-person {
    flex-wrap: nowrap;
    min-height: 44px;
  }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-person .player-name {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  html[data-ui-version="r1"] .hierarchy-profile .profile-overview .matchup-no-side {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 0;
  }
}
/* Keep profile utilities on one narrow row above the primary amount. */
@media (max-width: 430px) {
  html[data-ui-version="r1"] .hierarchy-profile .profile-header > .heading-tools {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 80px 44px;
    align-items: stretch;
    gap: 8px;
    width: 100%;
    min-width: 0;
  }
  html[data-ui-version="r1"] .hierarchy-profile .profile-header > .heading-tools > .profile-tag {
    grid-column: 1;
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 44px;
    padding: 5px 8px;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: normal;
  }
  html[data-ui-version="r1"] .hierarchy-profile .profile-header > .heading-tools > #quick-currency {
    grid-column: 2;
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 44px;
    min-height: 44px;
    padding: 8px 10px;
  }
  html[data-ui-version="r1"] .hierarchy-profile .profile-header > .heading-tools > button[data-export] {
    grid-column: 3;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    gap: 0;
  }
  html[data-ui-version="r1"] .hierarchy-profile .profile-header > .heading-tools > button[data-export] > .profile-export-label {
    display: none;
  }
}