/* ─── Win Probability Panel (inside box score) ───────────────────────────── */
.wp-panel { padding: 12px 0; }
.wp-empty {
  text-align: center; padding: 24px 16px;
  color: var(--text-dim); font-size: 13px;
}

.wp-full-chart { padding: 0 8px; }

.wp-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 8px 8px; gap: 8px;
}

.wp-title {
  font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.5px; color: var(--text-dim);
}

.wp-team-badge {
  display: flex; align-items: center; gap: 6px;
}

.wp-badge-abbrev {
  font-size: 12px; font-weight: 700; color: var(--text-muted);
}

.wp-badge-pct {
  font-size: 18px; font-weight: 800; color: var(--text);
  font-variant-numeric: tabular-nums;
}

.wp-chart-svg {
  width: 100%; height: auto;
  max-height: 180px;
  display: block;
}

.wp-axis-label {
  font-size: 9px; fill: var(--text-dim);
  font-family: inherit; font-variant-numeric: tabular-nums;
}

.wp-side-label {
  font-size: 8px; fill: var(--text-muted);
  font-family: inherit; font-weight: 700;
}

.wp-grid { stroke: var(--border); stroke-width: 0.5; }
.wp-grid-mid { stroke-dasharray: 4,3; stroke-width: 0.8; }
.wp-grid-light { stroke: var(--border); stroke-width: 0.3; opacity: 0.5; }

.wp-line { transition: d 0.3s ease; }
.wp-dot { transition: cx 0.3s ease, cy 0.3s ease; }

@media (max-width: 768px) {
  .wp-chart-svg { max-height: 140px; }
  .wp-badge-pct { font-size: 15px; }
  .wp-badge-abbrev { font-size: 11px; }
}