.tgt-ask{display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; font-size:12.5px; background:var(--surface-2); border:1px solid var(--line); border-radius:var(--radius-m); padding:10px 12px; margin-bottom:8px;}
  .tgt-test{margin-top:12px; padding-top:10px; border-top:1px dashed var(--line-strong); font-size:11.5px; color:var(--ink-mute);}
  .btn-primary.btn-sm{color:var(--accent-ink);}
  @media (max-width:560px){
    .tgt-line{grid-template-columns:1fr 40px; row-gap:6px;}
    .tgt-line .tgt-bar{grid-column:1 / -1; grid-row:2;}
    .tgt-line .tgt-count{grid-row:1; grid-column:2;}
  }

  /* table (roster) */
  .table-wrap{overflow-x:auto;}
  table.roster{width:100%; border-collapse:collapse; font-size:13px; min-width:560px;}
  table.roster th{
    text-align:left; font-size:10.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-mute);
    font-weight:700; padding:8px 10px; border-bottom:1px solid var(--line); cursor:pointer; white-space:nowrap; user-select:none;
  }
  table.roster th:hover{color:var(--ink);}
  table.roster td{padding:10px; border-bottom:1px solid var(--line); vertical-align:middle;}
  table.roster tbody tr{cursor:pointer; transition:background .1s ease;}
  table.roster tbody tr:hover{background:var(--surface-2);}
  .player-name{font-weight:600;}
  .player-club{font-size:11px; color:var(--ink-mute);}
  .streak-num{font-family:"Big Shoulders Display"; font-weight:800; font-size:17px;}

  .scope-select{
    appearance:none; background:var(--surface); border:1px solid var(--line-strong); color:var(--ink);
    padding:7px 30px 7px 12px; border-radius:999px; font-weight:600; font-size:13px; cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2382877a'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:right 12px center;
  }
  span.scope-select{display:inline-flex; align-items:center; padding:7px 14px;}

  /* charts */
  .chart-legend{display:flex; flex-wrap:wrap; gap:10px 14px; margin:2px 0 10px;}
  .legend-item{display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--ink-2);}
  .legend-swatch{width:9px; height:9px; border-radius:3px; flex:none;}
  svg.chart{width:100%; height:auto; display:block; overflow:visible;}
  .chart-empty{font-size:12.5px; color:var(--ink-mute); padding:20px 4px;}

  .tooltip{
    position:fixed; pointer-events:none; z-index:200; background:var(--ink); color:var(--bg);
    font-size:12px; padding:7px 10px; border-radius:8px; box-shadow:0 8px 20px rgba(0,0,0,.25);
    max-width:220px; line-height:1.4;
  }
  .tooltip b{display:block; font-weight:700; margin-bottom:1px;}
  .tooltip[hidden]{display:none;}

  /* leaderboard */
  .leader-row{display:flex; align-items:center; gap:10px; padding:8px 4px; border-bottom:1px solid var(--line);}
  .leader-row:last-child{border-bottom:none;}
  .leader-rank{font-family:"Big Shoulders Display"; font-weight:800; font-size:16px; color:var(--ink-mute); width:22px; flex:none; text-align:center;}