/* v1.9.277 — personal batter pages only. Native layout, data and print stay intact. */
@media screen {
  .my-batter-page { color: var(--pa-white); font-variant-numeric: tabular-nums; }
  .my-batter-page :is(.my-batter-profile-board,.my-batter-section,.my-batter-total-summary,
    .my-batter-analysis-tabs-card,.my-batter-pa-viewer,.my-batter-filter-card,.my-batter-game-filter,
    .my-batter-state-card,.my-batter-register-section,.my-batter-matchup-selector,
    .my-batter-matchup-section,.my-batter-matchup-target,.my-batter-matchup-footnote,
    .my-batter-matchup-empty,.strategy-report-overview,.strategy-report-paper,
    .strategy-report-admin-panel,.strategy-report-pending) {
    border-color: var(--pa-line); border-radius: 5px;
    background: var(--pa-panel); box-shadow: none;
  }
  .my-batter-page .my-batter-profile-board { border-top: 3px solid var(--pa-yellow); }
  .my-batter-page .my-batter-profile-main { min-height: 94px; padding: 14px 16px; }
  .my-batter-page .my-batter-number {
    flex-basis: 64px; width: 64px; height: 68px; border-radius: 4px;
    border-color: var(--pa-yellow); background: var(--pa-tint); color: var(--pa-yellow);
  }
  .my-batter-page .my-batter-profile-copy h1 { font-size: 28px; }
  .my-batter-page :is(.my-batter-profile-copy p,.my-batter-profile-admin-action span) { color: var(--pa-sub); }
  .my-batter-page .my-batter-profile-admin-action span {
    border-color: var(--pa-line); border-radius: 3px; background: var(--pa-raised); font-size: 12px;
  }
  .my-batter-page .my-private-badge {
    border: 1px solid var(--pa-line); border-radius: 4px; color: var(--pa-label);
    background: var(--pa-raised); font-size: 11px; white-space: nowrap;
  }
  .my-batter-page .my-batter-career-details { border-color: var(--pa-line); }
  .my-batter-page .my-batter-career-details > summary { min-height: 40px; }
  .my-batter-page .my-batter-career-details > summary > strong { color: var(--pa-label); font-size: 14px; }
  .my-batter-page .my-batter-career-details > summary > span { color: var(--pa-sub); }
  .my-batter-page .my-batter-career-details > summary em { font-size: 11px; }
  .my-batter-page :is(.my-batter-career-priority-grid,.my-batter-career-stat-grid,.my-batter-total-summary-grid) {
    border-color: var(--pa-line); border-radius: 3px; background: var(--pa-raised);
  }
  .my-batter-page .my-batter-career-priority-grid { background: var(--pa-tint); }
  .my-batter-page :is(.my-batter-career-priority-grid,.my-batter-career-stat-grid,.my-batter-total-summary-grid) > div { border-color: var(--pa-line); }
  .my-batter-page :is(.my-batter-career-priority-grid,.my-batter-career-stat-grid,.my-batter-total-summary-grid) strong { font-size: 21px; }
  .my-batter-page .my-batter-career-priority-grid strong { color: var(--pa-yellow); }
  .my-batter-page :is(.my-batter-career-priority-grid,.my-batter-career-stat-grid,.my-batter-total-summary-grid) span { color: var(--pa-label); font-size: 12px; }
  .my-batter-page .my-batter-analysis-tabs button {
    color: var(--pa-white); border-radius: 3px; font-size: 14px; min-height: 42px;
  }
  .my-batter-page .my-batter-analysis-tabs button.active {
    color: var(--pa-dark); background: var(--pa-yellow); border-color: var(--pa-yellow); box-shadow: none;
  }
  .my-batter-page :is(button,select,summary,input,textarea,a):focus-visible {
    outline: 2px solid var(--pa-yellow); outline-offset: 3px;
  }
  .my-batter-page button:not(:disabled):hover { border-color: var(--pa-yellow); }
  .my-batter-page :is(.eyebrow,.my-batter-section .section-title-row .eyebrow) { color: var(--pa-yellow); font-size: 10px; }
  .my-batter-page :is(.my-batter-section,.my-batter-total-summary) .section-title-row h2 { font-size: 18px; }
  .my-batter-page :is(.my-batter-section,.my-batter-total-summary) .section-title-row > small { color: var(--pa-sub); font-size: 12px; }
  .my-batter-page .count-badge { color: var(--pa-label); background: var(--pa-raised); font-size: 12px; }
  .my-batter-page .my-batter-metric-bar > div:first-child { flex-wrap: wrap; gap: 4px 10px; }
  .my-batter-page .my-batter-metric-bar span { color: var(--pa-label); font-size: 13px; line-height: 1.5; }
  .my-batter-page .my-batter-metric-bar span.metric-label-nowrap { white-space: normal; }
  .my-batter-page .my-batter-metric-bar strong { color: var(--pa-white); font-size: 15px; line-height: 1.5; }
  .my-batter-page .my-batter-metric-bar small { color: var(--pa-sub); font-size: 12px; line-height: 1.5; }
  .my-batter-page .my-batter-metric-track { height: 5px; margin-top: 6px; background: var(--pa-raised); }
  .my-batter-page .my-batter-metric-track i { background: var(--pa-yellow); }
  .my-batter-page .my-batter-family-card { border-radius: 4px; padding: 12px 9px; }
  .my-batter-page .my-batter-family-card header { flex-wrap: wrap; gap: 5px; }
  .my-batter-page .my-batter-family-card header strong { font-size: 13px; }
  .my-batter-page .my-batter-family-card header span { color: var(--pa-sub); font-size: 12px; }
  .my-batter-page .my-batter-family-metrics > div { padding: 7px 6px; gap: 4px; border-radius: 3px; }
  .my-batter-page .my-batter-family-metrics span { color: var(--pa-sub); font-size: 12px; }
  .my-batter-page .my-batter-family-metrics strong { font-size: 16px; }
  .my-batter-page .my-batter-family-metrics small { color: var(--pa-sub); font-size: 11px; min-width: 0; }
  .my-batter-page .my-batter-reaction-tabs { scrollbar-width: thin; scrollbar-color: var(--pa-line) var(--pa-panel); }
  .my-batter-page .my-batter-reaction-tabs button {
    color: var(--pa-white); background: var(--pa-raised); border-color: var(--pa-line);
    border-radius: 4px; font-size: 13px; min-height: 36px;
  }
  .my-batter-page .my-batter-reaction-tabs button.active { color: var(--pa-dark); background: var(--pa-yellow); border-color: var(--pa-yellow); }
  .my-batter-page .my-batter-zone-title strong { font-size: 15px; }
  .my-batter-page .my-batter-zone-title span { color: var(--pa-sub); font-size: 12px; }
  .my-batter-page .zone-legend { color: var(--pa-sub); font-size: 11px; }
  .my-batter-page .my-batter-velocity-row { background: var(--pa-raised); border-radius: 4px; }
  .my-batter-page .my-batter-velocity-row header strong { font-size: 14px; }
  .my-batter-page .my-batter-velocity-row header span { color: var(--pa-sub); font-size: 11px; }
  .my-batter-page .my-batter-velocity-metric span { color: var(--pa-label); font-size: 12px; }
  .my-batter-page .my-batter-velocity-metric strong { font-size: 16px; }
  .my-batter-page :is(.my-batter-velocity-metric small,.my-batter-velocity-note) { color: var(--pa-sub); font-size: 11px; line-height: 1.5; }
  .my-batter-page .my-batter-game-filter { gap: 10px; }
  .my-batter-page .my-batter-game-filter label > span { color: var(--pa-label); font-size: 13px; }
  .my-batter-page :is(.my-batter-game-filter,.my-batter-matchup-select-grid) select {
    min-width: 0; background: var(--pa-raised); border-color: var(--pa-line); border-radius: 4px; color: var(--pa-white); font-size: 14px;
  }
  .my-batter-page .my-batter-game-filter > div span { color: var(--pa-label); background: var(--pa-raised); border-radius: 4px; font-size: 12px; }
  .my-batter-page .my-batter-pa-button { border-radius: 4px; border-color: var(--pa-line); background: var(--pa-raised); gap: 6px; }
  .my-batter-page .my-batter-pa-button :is(b,strong,span,em) { font-size: 13px; }
  .my-batter-page .my-batter-pa-button :is(b,span,em) { color: var(--pa-sub); }
  .my-batter-page .my-batter-pa-button.active { border-color: var(--pa-yellow); background: var(--pa-tint); box-shadow: none; }
  .my-batter-page .my-batter-pa-button.active b { color: var(--pa-yellow); }
  .my-batter-page .my-batter-pa-button small { font-size: 11px; color: var(--pa-sub); }
  .my-batter-page .my-batter-pa-viewer { container-type: inline-size; }
  .my-batter-page .my-batter-pa-viewer-heading h2 { font-size: 21px; }
  .my-batter-page .my-batter-pa-viewer-heading p { color: var(--pa-sub); font-size: 13px; }
  .my-batter-page .my-batter-source-badge { font-size: 12px; color: var(--pa-label); background: var(--pa-raised); border-color: var(--pa-line); }
  .my-batter-page .my-batter-shared-edit-button { color: var(--pa-label); background: var(--pa-raised); border-color: var(--pa-line); border-radius: 4px; font-size: 12px; }
  .my-batter-page .my-batter-shared-edit-button:hover { color: var(--pa-yellow); background: var(--pa-tint); }
  .my-batter-page .my-batter-pitch-trajectory-toolbar { color: var(--pa-sub); font-size: 12px; }
  .my-batter-page .my-batter-video-controls button { border-radius: 4px; border-color: var(--pa-line); font-size: 12px; color: var(--pa-white); background: var(--pa-raised); }
  .my-batter-page .my-batter-video-controls button.active { color: var(--pa-dark); border-color: var(--pa-yellow); background: var(--pa-yellow); }
  .my-batter-page .my-batter-pitch-detail { border-radius: 4px; background: var(--pa-bg); }
  .my-batter-page .my-batter-pitch-detail.active { background: var(--pa-tint); border-color: var(--pa-yellow); box-shadow: inset 3px 0 var(--pa-yellow); }
  .my-batter-page .my-batter-pitch-row-number { color: var(--pa-label); font-size: 13px; }
  .my-batter-page :is(.my-batter-pitch-row-type,.my-batter-pitch-row-call) { font-size: 12px; }
  .my-batter-page :is(.my-batter-pitch-row-metric,.my-batter-pitch-row-time) { color: var(--pa-sub); font-size: 11px; }
  .my-batter-page .my-batter-pa-zone > p { color: var(--pa-sub); font-size: 12px; }
  /* Keep the native list/zone columns; wrap the seven fields inside each pitch row. */
  @container (max-width: 1000px) {
    .my-batter-page .my-batter-pitch-detail {
      grid-template-columns: 28px minmax(0,1.15fr) minmax(0,1fr) 48px;
      grid-template-areas: "number type call time" "velocity velocity drop horizontal";
      gap: 7px 5px; padding: 9px 7px;
    }
    .my-batter-page .my-batter-pitch-detail > :is(strong,span,em) { min-width: 0; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
    .my-batter-page .my-batter-pitch-row-number { grid-area: number; }
    .my-batter-page .my-batter-pitch-row-type { grid-area: type; }
    .my-batter-page .my-batter-pitch-row-call { grid-area: call; }
    .my-batter-page .my-batter-pitch-row-time { grid-area: time; }
    .my-batter-page .my-batter-pitch-row-metric.velocity { grid-area: velocity; }
    .my-batter-page .my-batter-pitch-row-metric.drop { grid-area: drop; }
    .my-batter-page .my-batter-pitch-row-metric.horizontal { grid-area: horizontal; }
  }
  .my-batter-page :is(.my-batter-matchup-selector > p,.my-batter-matchup-note,.my-batter-matchup-empty p,
    .my-batter-matchup-target p,.my-batter-matchup-select-grid label > span,.my-batter-matchup-footnote) { color: var(--pa-sub); font-size: 13px; }
  .my-batter-page :is(.my-batter-matchup-page,.my-batter-matchup-page > *, .my-batter-matchup-two-column > *, .strategy-report-page > *) { min-width: 0; }
  .my-batter-page .my-batter-matchup-plan-grid article { border-radius: 4px; }
  .my-batter-page .my-batter-matchup-plan-grid article:not(.caution):not(.target) { background: var(--pa-tint); border-color: #77702d; }
  .my-batter-page .my-batter-matchup-plan-grid article > span { font-size: 13px; }
  .my-batter-page .my-batter-matchup-plan-grid article:not(.caution):not(.target) > span { color: var(--pa-yellow); }
  .my-batter-page .my-batter-matchup-plan-grid strong { font-size: 15px; }
  .my-batter-page .my-batter-matchup-table-wrap { border-radius: 4px; border-color: var(--pa-line); }
  .my-batter-page .my-batter-matchup-table { background: var(--pa-panel); }
  .my-batter-page .my-batter-matchup-table th { color: var(--pa-label); background: var(--pa-raised); font-size: 13px; }
  .my-batter-page .my-batter-matchup-table :is(td,th) { border-color: var(--pa-line); }
  .my-batter-page .my-batter-matchup-table td { color: var(--pa-white); font-size: 14px; }
  .my-batter-page .my-batter-matchup-table td > strong { font-size: 15px; }
  .my-batter-page .my-batter-matchup-table td small { color: var(--pa-sub); font-size: 12px; }
  .my-batter-page .my-batter-matchup-advice { font-size: 12px; }
  .my-batter-page .my-batter-matchup-zone-cell > span { color: var(--pa-sub); font-size: 12px; }
  .my-batter-page .my-batter-matchup-zone-cell > small { color: var(--pa-sub); font-size: 12px; }
  .my-batter-page .my-batter-matchup-count-row { border-radius: 4px; border-color: var(--pa-line); background: var(--pa-raised); }
  .my-batter-page .my-batter-matchup-count-row :is(p,em) { color: var(--pa-sub); font-size: 13px; }
  .my-batter-page .my-batter-matchup-count-row > div strong { color: var(--pa-label); font-size: 15px; }
  .my-batter-page .my-batter-matchup-count-row > div span { color: var(--pa-sub); font-size: 12px; }
  .my-batter-page :is(.strategy-report-overview,.strategy-report-paper,.strategy-report-admin-panel) { padding: 20px; }
  .my-batter-page .strategy-report-summary { background: var(--pa-tint); border-left-color: var(--pa-yellow); border-radius: 4px; padding: 16px; }
  .my-batter-page .strategy-report-summary span { color: var(--pa-yellow); }
  .my-batter-page :is(.strategy-report-overview p,.strategy-report-admin-heading p,
    .strategy-report-paper-header > div:last-child,.strategy-report-pending,
    .strategy-report-item p,.strategy-report-sample-note,.strategy-report-item small) { color: var(--pa-sub); }
  .my-batter-page :is(.strategy-report-item small,.strategy-report-sample-note) { font-size: 13px; }
  .my-batter-page :is(.strategy-report-group,.strategy-report-editor-group) { border-radius: 4px; border-color: var(--pa-line); background: var(--pa-raised); padding: 16px; }
  .my-batter-page .strategy-report-item { border-radius: 3px; background: var(--pa-panel); }
  .my-batter-page .strategy-report-item strong { font-size: 16px; }
  .my-batter-page .strategy-report-item p { font-size: 14px; }
  .my-batter-page :is(.strategy-report-group.gamePlan h3,.strategy-report-group.atBatPlan h3) { color: var(--pa-yellow); }
  .my-batter-page .strategy-report-page .btn { border-radius: 4px; }
  @media (max-width: 600px) {
    .my-batter-page .my-batter-profile-main { min-height: 80px; padding: 10px; gap: 10px; }
    .my-batter-page .my-batter-number { flex-basis: 52px; width: 52px; height: 56px; font-size: 25px; }
    .my-batter-page .my-batter-profile-copy h1 { font-size: 24px; }
    .my-batter-page .my-batter-profile-copy > div { flex-wrap: wrap; gap: 6px; }
    .my-batter-page .my-batter-profile-copy p { font-size: 12px; }
    .my-batter-page .my-batter-career-details > summary { padding: 7px 10px; gap: 8px; flex-wrap: wrap; }
    .my-batter-page :is(.my-batter-career-stat-grid,.my-batter-total-summary-grid) strong { font-size: 18px; }
    .my-batter-page :is(.my-batter-career-priority-grid,.my-batter-career-stat-grid,.my-batter-total-summary-grid) span { font-size: 11px; }
    .my-batter-page .my-batter-profile-admin-action span { font-size: 11px; }
    .my-batter-page .my-batter-section { padding: 12px; }
    .my-batter-page .my-batter-section .section-title-row { flex-wrap: wrap; gap: 6px; }
    .my-batter-page .my-batter-metric-bar-grid { gap: 11px; }
    .my-batter-page .my-batter-family-card header { flex-wrap: nowrap; }
    .my-batter-page .my-batter-family-metrics { margin-top: 7px; gap: 4px; }
    .my-batter-page .my-batter-family-metrics > div { min-height: 31px; padding: 5px 8px; }
    .my-batter-page .my-batter-velocity-metric strong { font-size: 15px; }
    .my-batter-page .my-batter-pa-button { grid-template-columns: 75px minmax(0,1fr) 72px 32px; gap: 4px; }
    .my-batter-page .my-batter-pa-button :is(b,strong,span,em) { font-size: 12px; }
    .my-batter-page .my-batter-pa-viewer-heading { flex-wrap: wrap; gap: 8px; }
    .my-batter-page .my-batter-pa-viewer-heading h2 { font-size: 18px; }
    .my-batter-page .my-batter-video-controls button { font-size: 11px; padding-inline: 2px; }
    .my-batter-page :is(.strategy-report-overview,.strategy-report-paper,.strategy-report-admin-panel) { padding: 14px; }
    .my-batter-page :is(.strategy-report-group,.strategy-report-editor-group) { padding: 12px; }
    .my-batter-page .strategy-report-summary { margin: 14px 0; padding: 12px; }
  }
}