.matchup-view-switch {
  flex: 0 0 auto;
  flex-wrap: nowrap;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.matchup-view-switch .subtab {
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  white-space: nowrap;
}


.desktop-insight-first-pitch-item .desktop-insight-summary {
  grid-template-columns: minmax(400px, 1.2fr) minmax(260px, 0.7fr) minmax(360px, 0.8fr) 118px;
  min-height: 104px;
}

.desktop-insight-first-pitch-item .desktop-insight-identity {
  grid-column: 1;
}

.desktop-insight-first-pitch-item .desktop-insight-stats {
  grid-column: 2;
}

.desktop-insight-first-pitch-item .desktop-insight-scores {
  grid-column: 3;
}

.desktop-insight-first-pitch-item .desktop-insight-details-toggle {
  grid-column: 4;
}

.desktop-insight-first-pitch-item .first-pitch-matchup-identity {
  grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr);
}

.first-pitch-forecast {
  display: grid;
  gap: 4px;
  min-width: 170px;
  padding: 10px 12px;
  border: 1px solid rgba(39, 248, 107, 0.22);
  border-radius: 10px;
  background: rgba(39, 248, 107, 0.055);
}

.desktop-insight-scores:has(.first-pitch-forecast-secondary),
.desktop-drawer-scores:has(.first-pitch-forecast-secondary) {
  align-items: stretch;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.first-pitch-forecast-secondary {
  border-color: rgba(246, 195, 68, 0.32);
  background: rgba(246, 195, 68, 0.065);
}

.first-pitch-forecast-secondary > strong {
  color: #f6c344;
}

.first-pitch-forecast > span,
.first-pitch-forecast > small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

.first-pitch-forecast > strong {
  color: var(--accent-strong);
  font-size: 14px;
  line-height: 1.15;
}

.first-pitch-forecast > small {
  line-height: 1.3;
  text-transform: none;
}


.first-pitch-recent-detail {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(39, 248, 107, 0.16);
}

.first-pitch-recent-detail h3 {
  margin: 0 0 10px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.first-pitch-recent-detail ol {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.first-pitch-recent-detail li {
  align-items: baseline;
  display: flex;
  gap: 12px;
  min-width: 0;
  padding: 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  white-space: nowrap;
}

.first-pitch-recent-detail li:first-child {
  border-top: 0;
  padding-top: 0;
}

.first-pitch-recent-detail li > span:not(.first-pitch-recent-velocity) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.first-pitch-recent-detail .first-pitch-recent-velocity {
  color: var(--text);
  font-weight: 950;
}

.first-pitch-mix-detail-stat > strong {
  line-height: 1.55;
  white-space: pre-line;
}

.first-pitch-recent-detail li strong {
  color: var(--text);
  font-size: 13px;
}

.first-pitch-recent-detail li span,
.first-pitch-recent-detail li time {
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
}


  .mobile-first-pitch-card {
    gap: 12px;
    border-color: rgba(39, 248, 107, 0.22);
    background: linear-gradient(145deg, rgba(39, 248, 107, 0.055), rgba(255, 255, 255, 0.018) 52%);
  }

  .mobile-first-pitch-identity {
    position: relative;
    gap: 0;
  }

  .mobile-first-pitch-identity .mobile-mlb-player-row {
    padding: 9px 12px;
  }

  .mobile-first-pitch-versus {
    width: 26px;
    margin: -5px 0 -5px 12px;
    padding: 2px 0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: var(--panel);
    color: var(--muted);
    font-size: 9px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
  }

  .mobile-first-pitch-forecast {
    display: grid;
    gap: 8px;
    padding: 11px 12px;
    border: 1px solid rgba(39, 248, 107, 0.28);
    border-radius: 9px;
    background: rgba(39, 248, 107, 0.075);
  }

  .mobile-first-pitch-forecast > span,
  .mobile-first-pitch-actuals > strong {
    color: var(--muted);
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
  }

  .mobile-first-pitch-forecast-row {
    display: grid;
    gap: 4px;
  }

  .mobile-first-pitch-forecast-row + .mobile-first-pitch-forecast-row {
    margin-top: 2px;
    padding-top: 9px;
    border-top: 1px solid rgba(246, 195, 68, 0.2);
  }

  .mobile-first-pitch-forecast-row > span,
  .mobile-first-pitch-forecast > p {
    margin: 0;
    color: var(--muted);
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
  }

  .mobile-first-pitch-forecast-row > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
  }

  .mobile-first-pitch-forecast-row > div strong {
    color: var(--accent-strong);
    font-size: 17px;
    line-height: 1.15;
  }

  .mobile-first-pitch-forecast-row.secondary > div strong {
    color: #f6c344;
  }

  .mobile-first-pitch-forecast-row > div b {
    color: var(--text);
    font-size: 15px;
  }

  .mobile-first-pitch-forecast-row > small {
    color: var(--muted);
    font-size: 9px;
    font-weight: 900;
    line-height: 1.3;
    text-transform: none;
  }

  .mobile-first-pitch-stat-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mobile-first-pitch-actuals {
    display: grid;
    gap: 7px;
    padding-top: 9px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .mobile-first-pitch-recent {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 2px;
  }

  .mobile-first-pitch-recent summary {
    align-items: center;
    color: var(--muted);
    cursor: pointer;
    display: flex;
    font-size: 10px;
    font-weight: 900;
    justify-content: space-between;
    letter-spacing: 0.04em;
    list-style: none;
    min-height: 38px;
    text-transform: uppercase;
  }

  .mobile-first-pitch-recent summary::-webkit-details-marker {
    display: none;
  }

  .mobile-first-pitch-recent summary::after {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    content: "";
    height: 7px;
    margin: 0 4px 4px 10px;
    transform: rotate(45deg);
    transition: transform 160ms ease;
    width: 7px;
  }

  .mobile-first-pitch-recent[open] summary {
    color: var(--accent-strong);
  }

  .mobile-first-pitch-recent[open] summary::after {
    margin-bottom: -4px;
    transform: rotate(225deg);
  }

  .mobile-first-pitch-recent ol {
    list-style: none;
    margin: 0;
    padding: 0 0 2px;
  }

  .mobile-first-pitch-recent li {
    align-items: baseline;
    border-top: 1px solid rgba(255, 255, 255, 0.065);
    display: grid;
    gap: 6px;
    grid-template-columns: 72px 58px minmax(62px, 0.8fr) minmax(0, 1.2fr);
    min-width: 0;
    padding: 9px 0;
  }

  .mobile-first-pitch-recent li time,
  .mobile-first-pitch-recent li span {
    color: var(--muted);
    font-size: 9px;
    font-weight: 750;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-first-pitch-recent li .first-pitch-recent-velocity,
  .mobile-first-pitch-recent li strong {
    color: var(--text);
    font-size: 10px;
    font-weight: 950;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }