:root{--leaderboard-primary-gradient: linear-gradient(135deg, #601efa 0%, #fa05d9 100%);--leaderboard-secondary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--leaderboard-gold-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--leaderboard-silver-gradient: linear-gradient(135deg, #e5e7eb 0%, #9ca3af 100%);--leaderboard-bronze-gradient: linear-gradient(135deg, #d97706 0%, #92400e 100%);--leaderboard-primary: #601efa;--leaderboard-secondary: #fa05d9;--leaderboard-accent: #fbbf24;--leaderboard-dark: #1a1a2e;--leaderboard-light: rgba(255, 255, 255, .95);--glass-bg: rgba(20, 20, 35, .95);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--glass-blur: none;--navbar-height: 60px;--section-padding: 2rem;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.68, -.55, .265, 1.55)}@keyframes heroGrid{0%{transform:translate(0)}to{transform:translate(4px,4px)}}@keyframes tabShimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.enhanced-tab-button.active{background:var(--leaderboard-primary-gradient);border-color:transparent;color:#fff;box-shadow:0 0 25px #601efa80;animation:tabGlow 2s ease-in-out infinite;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@keyframes tabGlow{0%,to{box-shadow:0 0 25px #601efa80}50%{box-shadow:0 0 35px #fa05d999}}@keyframes cardTopGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes stickySlideDown{to{opacity:1;transform:translateY(0)}}@keyframes stickyShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes medalSpin{to{transform:rotate(360deg)}}.enhanced-medal.gold{background:var(--leaderboard-gold-gradient);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 0 20px #fbbf2466,0 4px 12px #0000004d}.enhanced-medal.silver{background:var(--leaderboard-silver-gradient);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 0 20px #e5e7eb66,0 4px 12px #0000004d}.enhanced-medal.bronze{background:var(--leaderboard-bronze-gradient);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 0 20px #d9770666,0 4px 12px #0000004d}@keyframes youBadgePulse{0%,to{box-shadow:0 0 20px #601efa80;transform:scale(1)}50%{box-shadow:0 0 30px #fa05d9b3;transform:scale(1.05)}}@keyframes youBadgeShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.enhanced-you-badge .sparkle{animation:sparkleRotate 3s linear infinite;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@keyframes sparkleRotate{to{transform:rotate(360deg)}}@keyframes scoreGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2) drop-shadow(0 0 10px rgba(251,191,36,.5))}}@keyframes enhancedSkeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeletonShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.enhanced-nav-btn.active{background:var(--leaderboard-primary-gradient);border-color:transparent;color:#fff;box-shadow:0 0 20px #601efa66}@media(max-width:768px){.leaderboard-title-glow{font-size:2.5rem}.enhanced-leaderboard-card{padding:1.5rem;border-radius:20px}.enhanced-medal{width:40px;height:40px;font-size:1rem}.enhanced-tab-button{padding:.75rem 1.25rem;font-size:.875rem}.sticky-user-top{top:calc(var(--navbar-height) + .5rem);margin-bottom:1rem}.enhanced-you-badge{padding:.25rem .625rem;font-size:var(--font-min)}}@media(max-width:480px){.leaderboard-title-glow{font-size:2rem}.enhanced-leaderboard-card{padding:1rem;border-radius:16px}.enhanced-entry{padding:.75rem;border-radius:12px}.enhanced-medal{width:36px;height:36px;font-size:.875rem}.enhanced-score{font-size:1rem}.enhanced-score-label{font-size:var(--font-min)}}.fade-in{animation:enhanced-fadeIn .5s ease-out forwards;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@keyframes enhanced-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.scale-in{animation:scaleIn .3s ease-out forwards;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.float-animation{animation:float 3s ease-in-out infinite;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}
