
.form-container[data-v-34c5ba48] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 600px) {
.form-container[data-v-34c5ba48] {
    flex-direction: column;
    align-items: stretch;
}
}


.form-container[data-v-6715b90b] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 600px) {
.form-container[data-v-6715b90b] {
    flex-direction: column;
    align-items: stretch;
}
}


.team-catcher-framing[data-v-469069cd] {
  margin-top: 32px;
}
.catchers-grid[data-v-469069cd] {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding-bottom: 8px;
}
.catcher-card[data-v-469069cd] {
  background: var(--color-background-card);
  border-radius: 8px;
  padding: 0;
  border: 1px solid var(--color-border);
  box-shadow: 0 2px 4px var(--shadow-light);
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 350px;
  flex-shrink: 0;
  overflow: hidden;
}
.catcher-header[data-v-469069cd] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-bottom: 1px solid var(--color-border);
  padding: 16px 16px 12px 16px;
}
.catcher-info[data-v-469069cd] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.avatar-container[data-v-469069cd] {
  flex-shrink: 0;
}
.avatar-image[data-v-469069cd] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid var(--color-border);
}
.avatar-placeholder[data-v-469069cd] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--color-background-muted);
  border: 2px solid var(--color-border);
  display: flex;
  align-items: center;
  justify-content: center;
}
.placeholder-text[data-v-469069cd] {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-secondary);
}
.catcher-details[data-v-469069cd] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.name-rate-row[data-v-469069cd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.catcher-name[data-v-469069cd] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text);
  truncate: true;
}
.strike-rate-value[data-v-469069cd] {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-primary);
}
.pitch-count[data-v-469069cd] {
  font-size: 14px;
  color: var(--color-text-secondary);
  font-weight: 500;
}
.catcher-heatmap[data-v-469069cd] {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  max-width: 350px;
}
@media (max-width: 768px) {
.catchers-grid[data-v-469069cd] {
    grid-template-columns: 1fr;
}
.name-rate-row[data-v-469069cd] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.stats-row[data-v-469069cd] {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
}


.team-abs-challenges[data-v-055a4041] {
  padding: 8px 0;
}
.subsection[data-v-055a4041] {
  margin-bottom: 32px;
}
.subsection-title[data-v-055a4041] {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text);
  margin: 0 0 12px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--color-border);
}
.cards-row[data-v-055a4041] {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding-bottom: 8px;
}
.challenge-card[data-v-055a4041] {
  background: var(--color-background-card);
  border-radius: 8px;
  padding: 0;
  border: 1px solid var(--color-border);
  box-shadow: 0 2px 4px var(--shadow-light);
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 320px;
  flex-shrink: 0;
  overflow: hidden;
}
.card-header[data-v-055a4041] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid var(--color-border);
  padding: 16px 16px 12px 16px;
}
.card-info[data-v-055a4041] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.avatar-container[data-v-055a4041] {
  flex-shrink: 0;
}
.avatar-image[data-v-055a4041] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid var(--color-border-light);
}
.avatar-placeholder[data-v-055a4041] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--color-background-alt);
  border: 2px solid var(--color-border);
  display: flex;
  align-items: center;
  justify-content: center;
}
.placeholder-text[data-v-055a4041] {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-secondary);
}
.card-details[data-v-055a4041] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.player-name[data-v-055a4041] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text);
}
.pitch-count[data-v-055a4041] {
  font-size: 14px;
  color: var(--color-text-secondary);
}
.stats-right[data-v-055a4041] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}
.overturn-rate[data-v-055a4041] {
  font-size: 18px;
  font-weight: 600;
}
.rate-high[data-v-055a4041] {
  color: var(--color-success);
}
.rate-mid[data-v-055a4041] {
  color: var(--color-warning);
}
.rate-low[data-v-055a4041] {
  color: var(--color-danger);
}
.ratio-row[data-v-055a4041] {
  font-size: 14px;
  color: var(--color-text-secondary);
}
.card-scatterplot[data-v-055a4041] {
  display: flex;
  justify-content: center;
  align-items: center;
}



.line-wrapper[data-v-c0f8330e] {
  position: relative;
  display: inline-block;
}
.line-tooltip[data-v-c0f8330e] {
  position: absolute;
  background: var(--color-background-alt);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 12px;
  color: var(--color-text);
  pointer-events: none;
  white-space: nowrap;
  z-index: 100;
}


.tab-layout[data-v-7b4e73bd] {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.tab-item[data-v-7b4e73bd] {
  flex: 0 0 auto;
}
.tab-item h3[data-v-7b4e73bd] {
  margin: 0 0 8px 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text);
}
.chart-label[data-v-7b4e73bd] {
  font-size: 14px;
  color: var(--color-text-secondary);
  margin: 16px 0 4px 0;
}
.breakdown-table th[data-v-7b4e73bd]:not(:first-child),
.breakdown-table td[data-v-7b4e73bd]:not(:first-child) {
  text-align: right;
}
.breakdown-table tbody tr[data-v-7b4e73bd] {
  cursor: pointer;
}
@media (max-width: 1200px) {
.tab-layout[data-v-7b4e73bd] { flex-direction: column;
}
}


.plot-wrapper[data-v-3fcae75e] {
  display: inline-block;
}
.hover-tooltip[data-v-3fcae75e] {
  position: absolute;
  background: var(--color-background-alt);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 12px;
  color: var(--color-text);
  pointer-events: none;
  white-space: nowrap;
  z-index: 100;
}
.tooltip-baseline[data-v-3fcae75e] {
  color: var(--color-text-secondary);
}


.tab-layout[data-v-5952a7d9] {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.tab-item[data-v-5952a7d9] {
  flex: 0 0 auto;
}
.tab-item h3[data-v-5952a7d9] {
  margin: 0 0 8px 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text);
}
.table-header[data-v-5952a7d9] {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-secondary);
  margin-bottom: 6px;
}
.breakdown-table th[data-v-5952a7d9]:not(:first-child),
.breakdown-table td[data-v-5952a7d9]:not(:first-child) {
  text-align: right;
}
.breakdown-table tbody tr[data-v-5952a7d9] {
  cursor: pointer;
}
@media (max-width: 1200px) {
.tab-layout[data-v-5952a7d9] { flex-direction: column;
}
.tab-left[data-v-5952a7d9] { min-width: 0; width: 100%;
}
}


.taken-pitches-table-container[data-v-111041f2] {
  overflow-x: auto;
  overflow-y: auto;
  max-height: 70vh;
  display: flex;
  justify-content: center;
}
.taken-pitches-table[data-v-111041f2] {
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  border-top: none;
}
.taken-pitches-table th.sortable[data-v-111041f2] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.taken-pitches-table th.sortable[data-v-111041f2]:hover {
  background-color: var(--color-background-hover);
}
.taken-pitches-table .sortable.sort-asc[data-v-111041f2]::after {
  content: ' ↑';
  color: var(--color-primary);
  font-weight: bold;
}
.taken-pitches-table .sortable.sort-desc[data-v-111041f2]::after {
  content: ' ↓';
  color: var(--color-primary);
  font-weight: bold;
}
.taken-pitch-row[data-v-111041f2] {
  cursor: pointer;
}
.game-link[data-v-111041f2] {
  color: var(--color-text);
  text-decoration: none;
}
.game-link[data-v-111041f2]:hover {
  color: var(--color-primary);
  text-decoration: underline;
}
.taken-pitches-table .challenged-cell[data-v-111041f2] {
  text-align: center;
  font-weight: 600;
  color: var(--color-primary);
}
.correct-call-correct[data-v-111041f2] {
  color: var(--color-success);
}
.correct-call-incorrect[data-v-111041f2] {
  color: var(--color-error);
}
.correct-call-na[data-v-111041f2] {
  color: var(--color-text-muted);
}

/* Center aligned: Inn, Half, B, S, O, R3, R2, R1 */
.taken-pitches-table td[data-v-111041f2]:nth-child(4), 
.taken-pitches-table td[data-v-111041f2]:nth-child(5), 
.taken-pitches-table td[data-v-111041f2]:nth-child(6), 
.taken-pitches-table td[data-v-111041f2]:nth-child(7), 
.taken-pitches-table td[data-v-111041f2]:nth-child(8), 
.taken-pitches-table td[data-v-111041f2]:nth-child(9), 
.taken-pitches-table td[data-v-111041f2]:nth-child(10), 
.taken-pitches-table td[data-v-111041f2]:nth-child(11) /* R1 */ {
  text-align: center;
}

/* Right aligned: Speed, Distance */
.taken-pitches-table td[data-v-111041f2]:nth-child(17), 
.taken-pitches-table td[data-v-111041f2]:nth-child(18) /* Distance */ {
  text-align: right;
}

/* Correct call column */
.taken-pitches-table td[data-v-111041f2]:nth-child(19) {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}



.pitch-explorer[data-v-338d6938] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.explorer-filters[data-v-338d6938] {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  padding: 16px 20px;
  background: var(--color-background-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
}
.filter-group[data-v-338d6938] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.filter-label[data-v-338d6938] {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-secondary);
  white-space: nowrap;
}
.filter-select[data-v-338d6938] {
  padding: 6px 10px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background: var(--color-background);
  color: var(--color-text);
  font-size: 14px;
  cursor: pointer;
}

/* Custom result dropdown */
.custom-dropdown[data-v-338d6938] {
  position: relative;
}
.dropdown-button[data-v-338d6938] {
  padding: 6px 10px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background: var(--color-background);
  color: var(--color-text);
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 140px;
  justify-content: space-between;
}
.dropdown-button[data-v-338d6938]:hover {
  background: var(--color-background-hover);
}
.dropdown-arrow[data-v-338d6938] {
  font-size: 10px;
  transition: transform 0.15s ease;
  color: var(--color-text-secondary);
}
.dropdown-arrow.open[data-v-338d6938] {
  transform: rotate(180deg);
}
.dropdown-menu[data-v-338d6938] {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 200;
  background: var(--color-background-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  min-width: 220px;
  max-height: 360px;
  overflow-y: auto;
}
.dropdown-actions[data-v-338d6938] {
  display: flex;
  gap: 12px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-border-light);
}
.clear-btn[data-v-338d6938] {
  background: none;
  border: none;
  font-size: 12px;
  color: var(--color-primary);
  cursor: pointer;
  padding: 0;
}
.clear-btn[data-v-338d6938]:hover {
  text-decoration: underline;
}
.dropdown-group[data-v-338d6938] {
  margin-bottom: 12px;
}
.dropdown-group[data-v-338d6938]:last-child {
  margin-bottom: 0;
}
.group-header[data-v-338d6938] {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-text-secondary);
  text-transform: uppercase;
  margin-bottom: 6px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.group-header[data-v-338d6938]:hover {
  color: var(--color-primary);
}
.checkbox-label[data-v-338d6938] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--color-text);
  cursor: pointer;
  padding: 3px 0;
}
.checkbox-label[data-v-338d6938]:hover {
  color: var(--color-primary);
}
.checkbox[data-v-338d6938] {
  accent-color: var(--color-primary);
  cursor: pointer;
}
.matrix-dropdown-menu[data-v-338d6938] {
  min-width: 240px;
}
.matrix-top-actions[data-v-338d6938] {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-border-light);
}
.matrix-grid[data-v-338d6938] {
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  gap: 4px;
  margin-bottom: 8px;
}
.matrix-corner[data-v-338d6938] {
  /* empty top-left cell */
}
.matrix-col-header[data-v-338d6938] {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-text-secondary);
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 2px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: pre-line;
}
.matrix-col-header[data-v-338d6938]:hover {
  color: var(--color-primary);
}
.matrix-row-header[data-v-338d6938] {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-text-secondary);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding-right: 6px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
}
.matrix-row-header[data-v-338d6938]:hover {
  color: var(--color-primary);
}
.matrix-cell[data-v-338d6938] {
  padding: 8px 4px;
  border: 2px solid var(--color-border);
  border-radius: 4px;
  background: var(--color-background);
  color: var(--color-text);
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  line-height: 1.4;
}
.matrix-cell[data-v-338d6938]:hover:not(.selected) {
  background: var(--color-background-hover);
}

/* Correct Ball: outlined in ball color */
.matrix-cell.bb.selected[data-v-338d6938] {
  border-color: var(--color-ball);
}

/* Correct Strike: outlined in strike color */
.matrix-cell.ss.selected[data-v-338d6938] {
  border-color: var(--color-strike);
}

/* Incorrect Ball: filled with ball color (umpire called ball) */
.matrix-cell.bs.selected[data-v-338d6938] {
  background: var(--color-ball);
  border-color: var(--color-ball);
  color: #fff;
}

/* Incorrect Strike: filled with strike color (umpire called strike) */
.matrix-cell.sb.selected[data-v-338d6938] {
  background: var(--color-strike);
  border-color: var(--color-strike);
  color: #fff;
}
.game-dropdown-menu[data-v-338d6938] {
  min-width: 200px;
}
.inning-dropdown-menu[data-v-338d6938] {
  min-width: 120px;
}
.count-dropdown-menu[data-v-338d6938] {
  min-width: 200px;
}
.count-quick-actions[data-v-338d6938] {
  display: flex;
  gap: 12px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-border-light);
}
.count-presets[data-v-338d6938] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--color-border-light);
}
.count-preset-row[data-v-338d6938] {
  display: flex;
  gap: 12px;
}
.count-grid[data-v-338d6938] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}
.count-cell[data-v-338d6938] {
  padding: 5px 4px;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  background: var(--color-background);
  color: var(--color-text);
  font-size: 14px;
  cursor: pointer;
  text-align: center;
}
.count-cell[data-v-338d6938]:hover {
  background: var(--color-background-hover);
}
.count-cell.selected[data-v-338d6938] {
  background: var(--color-primary);
  color: #fff;
  border-color: var(--color-primary);
}
.range-dropdown-menu[data-v-338d6938] {
  min-width: 180px;
}
.range-row[data-v-338d6938] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.range-field-label[data-v-338d6938] {
  font-size: 12px;
  color: var(--color-text-secondary);
  width: 28px;
  flex-shrink: 0;
}
.range-field-input[data-v-338d6938] {
  width: 72px;
  padding: 5px 8px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background: var(--color-background);
  color: var(--color-text);
  font-size: 14px;
}
.range-field-unit[data-v-338d6938] {
  font-size: 12px;
  color: var(--color-text-secondary);
}
.range-note[data-v-338d6938] {
  font-size: 14px;
  color: var(--color-text-secondary);
  margin-top: 8px;
}
.range-clear-row[data-v-338d6938] {
  padding-top: 6px;
  border-top: 1px solid var(--color-border-light);
}
.toggle-label[data-v-338d6938] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--color-text);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.toggle-checkbox[data-v-338d6938] {
  accent-color: var(--color-primary);
  cursor: pointer;
}
.explorer-stats[data-v-338d6938] {
  font-size: 14px;
}
.stats-row[data-v-338d6938] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.stat-item[data-v-338d6938] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 60px;
}
.stat-grid-2x2[data-v-338d6938] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 16px;
}
.stat-item .stat-label[data-v-338d6938] {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-secondary);
  white-space: nowrap;
  margin-bottom: 2px;
}
.stat-item .stat-value[data-v-338d6938] {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text);
}
.stat-item .stat-accuracy[data-v-338d6938],
.explorer-acc-value.stat-accuracy[data-v-338d6938] {
  color: var(--color-primary);
}
.stat-item .stat-ccs[data-v-338d6938],
.explorer-acc-value.stat-ccs[data-v-338d6938] {
  color: var(--color-warning);
}
.stat-item .stat-mlb[data-v-338d6938],
.explorer-acc-value.stat-mlb[data-v-338d6938] {
  color: var(--color-info);
}
.explorer-charts[data-v-338d6938] {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.explorer-scatterplot[data-v-338d6938],
.explorer-heatmap[data-v-338d6938] {
  flex: 0 0 auto;
}
.explorer-proximity[data-v-338d6938] {
  flex: 1 1 auto;
  min-width: 300px;
}
.heatmap-label[data-v-338d6938] {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-secondary);
  text-align: center;
  margin-bottom: 4px;
}
.explorer-details[data-v-338d6938] {
  border-top: 2px solid var(--color-border);
  padding-top: 20px;
}
.details-header[data-v-338d6938] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}
.details-game-link[data-v-338d6938] {
  font-size: 14px;
  color: var(--color-text);
  text-decoration: none;
}
.details-game-link[data-v-338d6938]:hover {
  color: var(--color-primary);
  text-decoration: underline;
}
.details-header .close-btn[data-v-338d6938] {
  margin-left: auto;
}
.details-header h3[data-v-338d6938] {
  margin: 0;
  font-size: 16px;
}
.close-btn[data-v-338d6938] {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  color: var(--color-text-secondary);
  padding: 4px 8px;
  border-radius: 4px;
}
.close-btn[data-v-338d6938]:hover {
  background: var(--color-background-hover);
  color: var(--color-text);
}
@media (max-width: 1200px) {
.explorer-charts[data-v-338d6938] {
    flex-direction: column;
}
}
.pitcher-favor[data-v-338d6938] { color: var(--color-danger); font-weight: 600;
}
.batter-favor[data-v-338d6938]  { color: var(--color-success); font-weight: 600;
}




.platoon-layout[data-v-f474ee1a] {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.platoon-col[data-v-f474ee1a] {
  flex: 1 1 440px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.platoon-col-diff[data-v-f474ee1a] {
  flex: 0 0 auto;
}
.platoon-diff-section[data-v-f474ee1a] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8px;
}
.platoon-diff-header[data-v-f474ee1a] {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text);
  text-align: center;
  margin-bottom: 6px;
}
.platoon-diff-note[data-v-f474ee1a] {
  font-size: 14px;
  color: var(--color-text-secondary);
  text-align: center;
  margin-bottom: 12px;
}
.platoon-diff-charts[data-v-f474ee1a] {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
.platoon-diff-chart[data-v-f474ee1a] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.platoon-diff-subtitle[data-v-f474ee1a] {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-secondary);
  text-align: center;
  margin-bottom: 6px;
}
.platoon-col-header[data-v-f474ee1a] {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 8px;
  gap: 16px;
  width: 100%;
}
.platoon-col-title[data-v-f474ee1a] {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text);
  text-align: center;
}
.platoon-stat-cards[data-v-f474ee1a] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
  justify-content: center;
}
.platoon-col-stats[data-v-f474ee1a] {
  display: flex;
  gap: 24px;
  margin-bottom: 10px;
}
.platoon-stat[data-v-f474ee1a] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.platoon-stat-label[data-v-f474ee1a] {
  font-size: 12px;
  color: var(--color-text-secondary);
}
.platoon-stat-value[data-v-f474ee1a] {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-text);
}
.pitcher-favor[data-v-f474ee1a] { color: var(--color-danger);
}
.batter-favor[data-v-f474ee1a]  { color: var(--color-success);
}




.plot-wrapper[data-v-28f93628] {
  display: inline-block;
}
.hover-tooltip[data-v-28f93628] {
  position: absolute;
  background: var(--color-background-alt);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 12px;
  color: var(--color-text);
  pointer-events: none;
  white-space: nowrap;
  z-index: 100;
}



.tab-layout[data-v-fc017d02] {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.tab-item[data-v-fc017d02] {
  flex: 0 0 auto;
}
.tab-item h3[data-v-fc017d02] {
  margin: 0 0 8px 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text);
}
.chart-label[data-v-fc017d02] {
  font-size: 14px;
  color: var(--color-text-secondary);
  margin: 16px 0 4px 0;
}
.breakdown-table th[data-v-fc017d02]:not(:first-child),
.breakdown-table td[data-v-fc017d02]:not(:first-child) {
  text-align: right;
}
.breakdown-table tbody tr[data-v-fc017d02] {
  cursor: pointer;
}
@media (max-width: 1200px) {
.tab-layout[data-v-fc017d02] { flex-direction: column;
}
.tab-left[data-v-fc017d02] { min-width: 0; width: 100%;
}
}


.challenges-tab[data-v-722bdd08] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.challenges-section[data-v-722bdd08] {
  overflow-x: auto;
}
.section-heading[data-v-722bdd08] {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text);
  margin: 0 0 8px 0;
}
.challenges-table td[data-v-722bdd08] {
  font-variant-numeric: tabular-nums;
}
.challenges-table td[data-v-722bdd08]:not(.row-label) {
  text-align: right;
}
.overturn-rate[data-v-722bdd08] {
  color: var(--color-primary);
  font-weight: 600;
}

