#userName{
  width: 120%;
}
/* Botones selector filtro  */
.level-group {
  display: flex;
  gap: 0.4rem;
  justify-content: center;
}

.level-btn {
  padding: 0.3rem 0.8rem;
  border: none;
  border-radius: 4px;
  background: #ddd;
  color: #222;
  cursor: pointer;
  font-size: 0.9rem;
}

.level-btn:hover {
  background: #ccc;
}

.level-btn.active {
  background: #292929;
  color: #fff;
}

/* ==== LEADERBOARD dentro de la tarjeta ==== */
#leaderboard {
  background: #f9f9f9;
  border-radius: 1rem;
  box-shadow: 0 2px 8px #00000010;
  text-align: center;
}
#leaderboard.hidden {
  display: none;
}

#leaderboard h2 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  color: #222;
}

#leaderboardTable {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}

#leaderboardTable th {
  background: #f8ee94;
  color: #000;
  padding: 0.5rem;
}

#leaderboardTable td {
  padding: 0.4rem;
  background: #fff;
}

#leaderboardTable tr:nth-child(even) td { /*Aplica color a las filas pares*/
  background: #f1f1f1;
}

/*BOTONES JUEGO Y RANKING*/
#leaderboardButton{
  background: #47bb67;
}

#startButton{
  background: #ff9d6a;
  width: 74%;
  margin-left: 0.6rem;
}