body {
  font-family: Arial, sans-serif;
  margin: 0;
  background: #f3f3f3;
}

.header h1 {
  margin: 1; /* removes default margin */
  font-size: 1.8rem;
}

.header {
  padding: 1rem;
  text-align: center;
  background: #111;
  color: white;
}

.team-selector {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: wrap;
}

select {
  padding: 0.5rem;
  font-size: 1rem;
}

.comparison-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
}

.team-panel {
  flex: 1 1 400px;
  max-width: 500px;
  padding: 1rem;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  transition: background 0.3s ease;
}

.team-panel h2 {
  margin-top: 1rem;
  border-bottom: 1px solid #ccc;
}

.stat-line {
  margin-bottom: 0.5rem;
}

.leader {
  font-weight: bold;
  color: #ff0;
  text-shadow: 0 0 5px #000;
}

.team-logo {
  width: 40px;
  height: auto;
  filter: drop-shadow(1px 1px 3px white);
  margin-bottom: 8px; /* This adds the buffer */

}

.header {
  padding: 0rem;
  text-align: center;
  background: #111;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.mlb-logo {
  height: 40px;
  vertical-align: middle;
}



/* Team-specific gradient themes (Corrected Colors) */
.team-108 { background: linear-gradient(135deg, #BA0021, #003263); color: white; } /* Angels */
.team-109 { background: linear-gradient(135deg, #A71930, #000000); color: white; } /* D-backs */
.team-110 { background: linear-gradient(135deg, #DF4601, #000000); color: white; } /* Orioles */
.team-111 { background: linear-gradient(135deg, #BD3039, #0C2340); color: white; } /* Red Sox */
.team-112 { background: linear-gradient(135deg, #0E3386, #CC3433); color: white; } /* Cubs */
.team-113 { background: linear-gradient(135deg, #C6011F, #000000); color: white; } /* Reds */
.team-114 { background: linear-gradient(135deg, #00385D, #E50022); color: white; } /* Guardians */
.team-115 { background: linear-gradient(135deg, #333366, #131413); color: white; } /* Rockies */
.team-116 { background: linear-gradient(135deg, #0C2340, #FA4616); color: white; } /* Tigers */
.team-117 { background: linear-gradient(135deg, #002D62, #EB6E1F); color: white; } /* Astros */
.team-118 { background: linear-gradient(135deg, #004687, #BD9B60); color: white; } /* Royals */
.team-119 { background: linear-gradient(135deg, #005A9C, #EF3E42); color: white; } /* Dodgers */
.team-120 { background: linear-gradient(135deg, #AB0003, #14225A); color: white; } /* Nationals */
.team-121 { background: linear-gradient(135deg, #002D72, #FF5910); color: white; } /* Mets */
.team-133 { background: linear-gradient(135deg, #003831, #EFB21E); color: white; } /* Athletics */
.team-134 { background: linear-gradient(135deg, #000000, #FFB81C); color: white; } /* Pirates */
.team-135 { background: linear-gradient(135deg, #2F241D, #FFC425); color: white; } /* Padres */
.team-136 { background: linear-gradient(135deg, #0C2C56, #005C5C); color: white; } /* Mariners */
.team-137 { background: linear-gradient(135deg, #FD5A1E, #27251F); color: white; } /* Giants */
.team-138 { background: linear-gradient(135deg, #C41E3A, #0C2340); color: white; } /* Cardinals */
.team-139 { background: linear-gradient(135deg, #C8102E, #041E42); color: white; } /* Rays */
.team-140 { background: linear-gradient(135deg, #134A8E, #E81828); color: white; } /* Rangers */
.team-141 { background: linear-gradient(135deg, #1E90FF, #FFD700); color: black; } /* Blue Jays (Blue & Gold) */
.team-142 { background: linear-gradient(135deg, #002B5C, #CE1141); color: white; } /* Twins */
.team-143 { background: linear-gradient(135deg, #162E65, #8A1538); color: white; } /* Phillies */
.team-144 { background: linear-gradient(135deg, #002F5F, #CE1141); color: white; } /* Braves */
.team-145 { background: linear-gradient(135deg, #003278, #D31145); color: white; } /* White Sox */
.team-146 { background: linear-gradient(135deg, #0C2340, #C8102E); color: white; } /* Yankees */
.team-147 { background: linear-gradient(135deg, #134A8E, #1E90FF); color: white; } /* Brewers */
.team-158 { background: linear-gradient(135deg, #0A2351, #BA0C2F); color: white; } /* Marlins */
.team-159 { background: linear-gradient(135deg, #13274F, #CE1141); color: white; } /* Cardinals (duplicate, kept for compatibility) */
