/* 3D Leaderboard */
.leaderboard-3d .leaderboard-tabs-3d {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.tab-3d {
  padding: 0.6rem 1.2rem;
  background: rgba(26, 26, 46, 0.9);
  border: 1px solid rgba(139, 92, 246, 0.3);
  color: #9ca3af;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
}

.tab-3d:hover {
  border-color: var(--brain);
  color: white;
}

.tab-3d.active {
  background: var(--brain);
  border-color: var(--brain);
  color: white;
}

.podium-3d {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 2rem;
  height: 200px;
}

.podium-place {
  background: rgba(26, 26, 46, 0.9);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 12px 12px 0 0;
  padding: 1rem;
  text-align: center;
  width: 150px;
  transition: transform 0.3s;
}

.podium-place:hover {
  transform: translateY(-5px);
}

.podium-place.first {
  height: 180px;
  border-color: var(--golden);
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.2), rgba(26, 26, 46, 0.9));
}

.podium-place.second {
  height: 140px;
  border-color: #9ca3af;
  background: linear-gradient(180deg, rgba(156, 163, 175, 0.15), rgba(26, 26, 46, 0.9));
}

.podium-place.third {
  height: 110px;
  border-color: #cd7f32;
  background: linear-gradient(180deg, rgba(205, 127, 50, 0.15), rgba(26, 26, 46, 0.9));
}

.podium-avatar { font-size: 2rem; margin-bottom: 0.5rem; }
.podium-handle { font-size: 0.85rem; color: white; margin-bottom: 0.25rem; }
.podium-stat { font-family: 'Fira Code', monospace; font-size: 0.8rem; }
.podium-medal { font-size: 1.5rem; margin-top: 0.5rem; }

.leader-row-3d {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(26, 26, 46, 0.9);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 8px;
  margin-bottom: 0.5rem;
  transition: all 0.2s;
}

.leader-row-3d:hover {
  border-color: var(--brain);
  transform: translateX(5px);
}

.leader-row-3d.top3 {
  background: linear-gradient(90deg, rgba(245, 158, 11, 0.1), rgba(26, 26, 46, 0.9));
}

.leader-row-3d.optimal {
  border-color: var(--golden);
}

.rank-3d {
  font-weight: bold;
  width: 40px;
  color: var(--golden);
}

.avatar-small { font-size: 1.5rem; }

.leader-row-3d .handle {
  flex: 1;
  color: white;
}

.leader-row-3d .metric {
  font-size: 0.85rem;
  color: #9ca3af;
}

.kappa-val {
  font-family: 'Fira Code', monospace;
  font-size: 0.85rem;
}

.optimal-star {
  color: var(--golden);
  font-size: 1.2rem;
}

.golden-target {
  margin-top: 2rem;
  text-align: center;
  padding: 1.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid var(--golden);
  border-radius: 12px;
}

.golden-target .target-label {
  display: block;
  color: #9ca3af;
  font-size: 0.85rem;
  text-transform: uppercase;
}

.golden-target .target-value {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  color: var(--golden);
  font-family: 'Fira Code', monospace;
  margin: 0.5rem 0;
}

.golden-target .target-desc {
  color: #6b7280;
  font-size: 0.85rem;
}

/* Content card styles split to content-3d.css */