/* ══ TRACKER ══ */
  .tracker-header { text-align:center; margin-bottom:1.4rem; }
  .header-skull { font-size:22px; opacity:0.55; display:block; margin-bottom:0.4rem; color:var(--text-muted); }
  .tracker-header h1 { font-family:'Cinzel',serif; font-size:1.6rem; font-weight:700; letter-spacing:0.12em; color:var(--gold); text-shadow:0 0 30px rgba(224,188,92,0.25); }
  .tracker-header p { font-size:0.78rem; color:var(--text-muted); letter-spacing:0.18em; text-transform:uppercase; margin-top:0.25rem; font-weight:500; }

  /* Battle round selector — pills */
  .round-selector {
    display:flex; align-items:stretch; justify-content:center; gap:6px;
    background:var(--surface); border:1px solid var(--border-bright); border-radius:6px;
    padding:0.6rem; margin-bottom:1rem; flex-wrap:wrap;
  }
  .round-selector-label {
    font-family:'Cinzel',serif; font-size:0.65rem; letter-spacing:0.15em; color:var(--text-muted);
    text-transform:uppercase; align-self:center; margin-right:8px; font-weight:600;
  }
  .round-pill {
    background:transparent; border:1px solid var(--border-bright); border-radius:4px;
    padding:8px 14px; min-width:48px; cursor:pointer; font-family:'Cinzel',serif;
    font-size:0.95rem; font-weight:600; color:var(--text); transition:all 0.2s;
    display:flex; flex-direction:column; align-items:center; gap:2px;
  }
  .round-pill:hover { border-color:var(--gold); color:var(--gold); }
  .round-pill.current { background:var(--gold); color:#000; border-color:var(--gold); }
  [data-theme="contrast"] .round-pill.current { color:#000; }
  .round-pill .pill-meta { font-family:'Rajdhani',sans-serif; font-size:0.6rem; opacity:0.85; letter-spacing:0.08em; font-weight:500; }
  .round-pill.has-data { border-color:var(--green); }
  .round-pill.current.has-data { background:var(--gold); border-color:var(--gold); }

  .leader-strip { display:flex; align-items:center; justify-content:center; margin-bottom:1rem; }
  .leader-badge { font-size:0.72rem; letter-spacing:0.12em; text-transform:uppercase; padding:5px 14px; border-radius:3px; font-weight:700; border:2px solid; }
  .leader-badge.tied { color:var(--text); border-color:var(--border-bright); }
  .leader-badge.p1 { color:var(--red-light); border-color:var(--red); background:rgba(212,63,46,0.12); }
  .leader-badge.p2 { color:var(--blue-light); border-color:var(--blue); background:rgba(32,128,203,0.12); }

  /* Summary strip — sticky so it follows you as you scroll the long player cards */
  .summary-strip {
    position:sticky; top:calc(56px + env(safe-area-inset-top, 0px) + 8px); z-index:50;
    display:flex; align-items:stretch; justify-content:space-between; gap:6px;
    background:var(--surface); border:1px solid var(--border-bright); border-radius:6px;
    padding:8px; margin-bottom:0.6rem;
    /* Subtle shadow so it stands out from content below when stuck */
    box-shadow:0 4px 12px var(--shadow-color);
  }
  .summary-side {
    flex:1; min-width:0;
    display:flex; align-items:center; gap:8px;
    background:transparent; border:1px solid transparent; border-radius:4px;
    padding:6px 10px; cursor:pointer; font-family:inherit;
    color:var(--text); transition:all 0.18s;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-align:left;
  }
  .summary-side.p2 { justify-content:flex-end; text-align:right; }
  .summary-side:hover { background:var(--surface2); }
  .summary-side.p1.active { border-color:var(--red); background:rgba(212,63,46,0.08); box-shadow:inset 0 0 0 1px var(--red); }
  .summary-side.p2.active { border-color:var(--blue); background:rgba(32,128,203,0.08); box-shadow:inset 0 0 0 1px var(--blue); }
  .summary-name {
    font-family:'Cinzel',serif; font-size:0.8rem; font-weight:600;
    letter-spacing:0.04em; flex:1; min-width:0;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  .summary-side.p1 .summary-name { color:var(--red-light); }
  .summary-side.p2 .summary-name { color:var(--blue-light); }
  .summary-score {
    font-family:'Cinzel',serif; font-size:1.5rem; font-weight:700;
    line-height:1; min-width:36px; text-align:center; flex-shrink:0;
  }
  .summary-side.p1 .summary-score { color:var(--red-light); }
  .summary-side.p2 .summary-score { color:var(--blue-light); }
  .summary-active-dot {
    width:10px; height:10px; border-radius:50%; flex-shrink:0;
    background:transparent; border:1.5px solid var(--text-dim); transition:all 0.2s;
  }
  .summary-side.active .summary-active-dot {
    background:var(--gold); border-color:var(--gold);
    box-shadow:0 0 8px rgba(224,188,92,0.6);
  }
  .summary-vs {
    align-self:center; font-family:'Cinzel',serif; font-size:0.7rem; font-weight:700;
    color:var(--text-dim); letter-spacing:0.12em; flex-shrink:0;
  }

  /* You toggle on player cards */
  .you-toggle {
    background:transparent; border:1px solid var(--border-bright); border-radius:3px;
    padding:3px 8px; font-family:'Cinzel',serif; font-size:0.62rem; font-weight:700;
    color:var(--text-muted); letter-spacing:0.12em;
    transition:all 0.2s; cursor:pointer; flex-shrink:0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  .you-toggle:hover { color:var(--gold); border-color:var(--gold); }
  .you-toggle.active {
    color:#000; background:var(--gold); border-color:var(--gold);
    box-shadow:0 0 10px rgba(224,188,92,0.45);
  }
  [data-theme="contrast"] .you-toggle.active { color:#000; }

  /* You badge on saved game cards */
  .you-badge {
    display:inline-flex; align-items:center; justify-content:center;
    background:var(--gold); color:#000; border-radius:3px;
    padding:1px 6px; font-family:'Cinzel',serif; font-size:0.58rem; font-weight:700;
    letter-spacing:0.1em; flex-shrink:0;
  }
  [data-theme="contrast"] .you-badge { color:#000; }

  /* Inactive player card collapses on mobile to save scroll */
  .player-card.is-inactive { opacity:0.65; }