/* ScoreTrackLive stat leaders + player profiles (same look as the box score) */
.stl-ld, .stl-pf { --stl-ink: #222; --stl-head: #333; --stl-accent: #c62828; --stl-line: #e2e2e2; --stl-made: #1f9d55; --stl-miss: #c62828;
  font: 14px/1.4 helvetica, arial, sans-serif; color: var(--stl-ink); }
.stl-ld { margin: 10px 0 20px; clear: both; }
.stl-ld a { text-decoration: none; }
.stl-ld-wait, .stl-ld-empty { color: #666; font-style: italic; padding: 20px 0; }
.stl-ld-bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin: 0 0 12px; }
.stl-ld-tabs { display: flex; flex-wrap: wrap; gap: 4px; }
.stl-ld-tabs button { font: 700 13px/1 'Oswald', helvetica, arial, sans-serif; letter-spacing: .05em; text-transform: uppercase;
  background: #eee; color: var(--stl-head); border: 0; border-radius: 3px; padding: 9px 12px; cursor: pointer; }
.stl-ld-tabs button.on { background: var(--stl-head); color: #fff; }
.stl-ld-filters { display: flex; gap: 6px; flex-wrap: wrap; }
.stl-ld-filters select, .stl-ld-filters input { font: 14px helvetica, arial, sans-serif; padding: 6px 8px; border: 1px solid #ccc; border-radius: 3px; background: #fff; color: var(--stl-ink); }
.stl-ld-filters input { width: 200px; max-width: 100%; }
.stl-ld-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 10px; }
.stl-ld-table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }
.stl-ld-table th, .stl-ld-table td { padding: 7px 8px; border-bottom: 1px solid var(--stl-line); text-align: center; white-space: nowrap; }
.stl-ld-table thead th { background: var(--stl-head); color: #fff; font-weight: 700; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.stl-ld-table tbody tr:nth-child(even) td { background: #fafafa; }
.stl-ld-table .l { text-align: left; }
.stl-ld-table .r { width: 28px; color: #777; }
.stl-ld-table .k { font-weight: 700; font-size: 15px; }
.stl-ld-table td.l:nth-child(2) { white-space: normal; }
.stl-ld-table .n { color: #777; font-weight: 400; }
.stl-ld-pl { font-weight: 700; }
.stl-ld-table .pt { display: none; }
.stl-ld .dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; vertical-align: 0; }
.stl-ld-dim { color: #777; font-weight: 400; font-size: 12px; }
.stl-ld-note { color: #666; font-size: 12px; margin: 4px 0; }
.stl-ld-more { background: none; border: 1px solid #ccc; border-radius: 3px; padding: 7px 12px; cursor: pointer; font-weight: 700; color: var(--stl-head); }
#content-area .stl-ld h3.stl-ld-h, .stl-ld-h, .stl-pf h3 { font: 700 17px/1.2 'Oswald', helvetica, arial, sans-serif; text-transform: uppercase; margin: 18px 0 8px; }

/* Profile: full-screen sheet over the page */
html.stl-pf-open { overflow: hidden; }
.stl-pf-wrap { position: fixed; inset: 0; z-index: 100000; background: rgba(0,0,0,.6); overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 30px 12px; }
.stl-pf { position: relative; background: #fff; max-width: 640px; margin: 0 auto; border-radius: 6px; padding: 20px; box-shadow: 0 10px 40px rgba(0,0,0,.4); }
.stl-pf a { font-weight: 700; text-decoration: none; }
.stl-pf-x { position: absolute; top: 8px; right: 10px; background: none; border: 0; font-size: 32px; line-height: 1; cursor: pointer; color: #555; padding: 4px 8px; }
.stl-pf-head { display: flex; gap: 14px; align-items: center; border-left: 6px solid #888; padding: 2px 40px 2px 12px; }
.stl-pf-num { font: 700 38px/1 'Oswald', helvetica, arial, sans-serif; color: #999; }
.stl-pf h2 { font: 700 26px/1.1 'Oswald', helvetica, arial, sans-serif; text-transform: uppercase; margin: 0; color: var(--stl-ink); }
.stl-pf-team { color: #555; margin-top: 3px; }
.stl-pf-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)); gap: 6px; margin: 16px 0 6px; }
.stl-pf-tiles div { background: #f3f3f3; border-radius: 4px; text-align: center; padding: 8px 4px; }
.stl-pf-tiles b { display: block; font: 700 22px/1.1 'Oswald', helvetica, arial, sans-serif; font-variant-numeric: tabular-nums; }
.stl-pf-tiles span { font-size: 11px; color: #666; text-transform: uppercase; letter-spacing: .05em; }
.stl-pf-chart-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.stl-pf-chart-head select { font: 14px helvetica, arial, sans-serif; padding: 5px 6px; border: 1px solid #ccc; border-radius: 3px; }
.stl-pf-court { display: block; width: 100%; max-width: 460px; margin: 0 auto; background: #f4e3c3; border-radius: 4px; }
.stl-pf-court .ln { fill: none; stroke: #8a6a3a; stroke-width: 3; }
.stl-pf-court .mk { fill: var(--stl-made); stroke: #fff; stroke-width: 2.5; }
.stl-pf-court .ms { fill: none; stroke: var(--stl-miss); stroke-width: 4; stroke-linecap: round; }
.stl-pf-legend { text-align: center; font-size: 12px; color: #555; margin: 6px 0 0; }
.stl-pf-legend .mk { display: inline-block; width: 11px; height: 11px; border-radius: 50%; background: var(--stl-made); vertical-align: -1px; }
.stl-pf-legend .ms { color: var(--stl-miss); font-weight: 700; margin-left: 8px; }
@media (max-width: 600px) {
  .stl-pf-wrap { padding: 0; }
  .stl-pf { border-radius: 0; min-height: 100%; padding: 16px 12px; }
  .stl-ld-table th, .stl-ld-table td { padding: 6px 4px; }
  .stl-ld-table .t { display: none; }
  .stl-ld-table .pt { display: block; color: #666; font-size: 12px; font-weight: 400; }
  .stl-ld-table .stl-ld-dim { display: block; }
  .stl-ld-filters, .stl-ld-filters input { width: 100%; }
  .stl-ld-filters input { flex: 1; }
}