/* Tab-Navigation */
.fanapp-tabs { display: flex; border-bottom: 2px solid #E0E0E0; }
.fanapp-tabs button {
  flex: 1; padding: 12px; background: #fff; border: none;
  font-weight: bold; text-transform: uppercase; color: #4A4A4A; cursor: pointer;
}
.fanapp-tabs button.active { color: #005BBB; border-bottom: 3px solid #005BBB; }

/* Grid-Layout */
.grid-wrapper {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px; position: relative; padding: 20px;
  background-size: cover; background-position: center; background-repeat: no-repeat;
}

/* Player cards */
.player-card { position: relative; overflow: hidden; }
.player-card img {
  display: block; width: 100%; height: auto;
  object-fit: cover; aspect-ratio: 1 / 1;
}
/* Name bar */
.player-card .name-bar {
  background: rgba(0, 0, 0, 0.5); padding: 8px; text-align: center;
  position: absolute; bottom: 0; left: 0; width: 100%;
}
.player-card .name-bar a {
  color: #FDC700; text-decoration: none; font-weight: bold;
}
.player-card .name-bar .num { margin-right: 6px; }
.player-card .name-bar .name { text-transform: uppercase; }