/* Leaderboard container: non-white celebratory gradient */
#leaderboardScreen .lb-wrap{
  background: radial-gradient(120% 100% at 50% 0%, #fff7c9 0%, #ffe3a6 40%, #ffd0a3 70%, #ffc5b0 100%) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.25), inset 0 0 0 2px rgba(0,0,0,.12);
}

/* Header and chip */
#leaderboardScreen .lb-header h2{
  font-family: "Bangers", system-ui, sans-serif;
  letter-spacing: 1px;
}
#leaderboardScreen .lb-header .lb-chip{
  background: #0a3; color: #fff; border: 0; text-shadow: 0 1px 1px rgba(0,0,0,.25);
}

/* Mode buttons: taller for visual balance */
#leaderboardScreen .lb-modes .menuButton{
  min-height: 64px; padding-top: 10px; padding-bottom: 10px; font-weight: 700;
  font-family: "Press Start 2P", system-ui, sans-serif;
  line-height: 1.15;
}

/* Table fun fonts and row styling */
#leaderboardTable th, #leaderboardTable td{
  font-family: "Press Start 2P", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 13px;
}
#leaderboardBody tr:nth-child(odd){ background: rgba(255,255,255,.28); }
#leaderboardBody tr:nth-child(even){ background: rgba(255,255,255,.18); }
#leaderboardBody tr.me td{ background: rgba(0,140,255,.16); box-shadow: inset 0 0 0 2px rgba(0,140,255,.25); }

/* Medal stars (1-3) */
#leaderboardBody .playerCell{ display: flex; align-items: center; gap: .5rem; }
#leaderboardBody .medal{ font-size: 16px; filter: drop-shadow(0 1px 1px rgba(0,0,0,.3)); }
#leaderboardBody tr.rank-1 .medal{ color: #FFD700; filter: drop-shadow(0 0 6px rgba(255,215,0,.65)); }
#leaderboardBody tr.rank-2 .medal{ color: #C0C0C0; }
#leaderboardBody tr.rank-3 .medal{ color: #CD7F32; }

/* #1 shimmer */
#leaderboardBody tr.rank-1{ position: relative; isolation: isolate; }
#leaderboardBody tr.rank-1::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.65) 50%, transparent 100%);
  background-size: 200% 100%;
  mix-blend-mode: screen;
  animation: lbShimmer 2.2s linear infinite;
  border-radius: 6px;
}
@keyframes lbShimmer{ from{ background-position: -200% 0 } to{ background-position: 200% 0 } }

/* Confetti canvas overlay */
#leaderboardConfetti{
  position: absolute; inset: 0; width: 100%; height: 100%;
  pointer-events: none; z-index: 20;
}

/* Loading screen: remove balloons — keep sky/loader bar vibe */
#loadingScreen .loadingViz{ background: transparent !important; } /* canvas only, painted by script */

/* Main Menu clouds use puffy fills (in case older outline clouds existed) */
#menuBG{ background: transparent; }