@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700;1,800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{min-height:100vh;background:#ec4899;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#be185d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f97316,#facc15);border-radius:5px;border:2px solid #BE185D}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#facc15,#f97316)}.leaderboard-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(180deg,#ec4899,#db2777,#be185d);position:relative;overflow:hidden}.brick-overlay{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.08) 1px,transparent 1px);background-size:60px 30px;pointer-events:none}.brick-overlay:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.08) 1px,transparent 1px);background-size:60px 30px;background-position:30px 15px}.particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;bottom:-50px;animation:float-up-spin linear infinite}.particle svg{width:100%;height:100%}.particle-coin{animation-name:float-up-spin}.particle-money{animation-name:float-up-flutter}@keyframes float-up-spin{0%{transform:translateY(0) rotate(0) scale(.5);opacity:0}10%{opacity:1;transform:scale(1)}90%{opacity:.8}to{transform:translateY(-100vh) rotate(360deg) scale(.8);opacity:0}}@keyframes float-up-flutter{0%{transform:translateY(0) rotate(-15deg) scale(.5);opacity:0}10%{opacity:1;transform:scale(1)}25%{transform:translateY(-25vh) rotate(15deg)}50%{transform:translateY(-50vh) rotate(-15deg)}75%{transform:translateY(-75vh) rotate(15deg)}to{transform:translateY(-100vh) rotate(-15deg) scale(.8);opacity:0}}.leaderboard-card{width:100%;max-width:600px;background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95);border-radius:32px;border:4px solid #000;overflow:hidden;box-shadow:12px 12px #000,0 0 0 4px #000,inset 0 2px #ffffff1a;position:relative;animation:card-entrance .6s cubic-bezier(.34,1.56,.64,1) forwards;transform:translateY(40px) scale(.95);opacity:0}@keyframes card-entrance{to{transform:translateY(0) scale(1);opacity:1}}.card-accent{position:absolute;border-radius:50%;pointer-events:none}.card-accent-1{width:200px;height:200px;top:-100px;right:-100px;background:radial-gradient(circle,rgba(6,182,212,.3) 0%,transparent 70%)}.card-accent-2{width:150px;height:150px;bottom:-75px;left:-75px;background:radial-gradient(circle,rgba(249,115,22,.3) 0%,transparent 70%)}.leaderboard-header{text-align:center;padding:2rem 2rem 1.5rem;position:relative;background:linear-gradient(180deg,rgba(168,85,247,.2) 0%,transparent 100%)}.trophy-scene{position:relative;width:140px;height:140px;margin:0 auto .5rem}.trophy-svg{width:100px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;animation:trophy-bounce 2s ease-in-out infinite}@keyframes trophy-bounce{0%,to{transform:translate(-50%,-50%) rotate(-3deg) scale(1)}50%{transform:translate(-50%,-55%) rotate(3deg) scale(1.05)}}.trophy-cup-group{animation:trophy-shine 3s ease-in-out infinite}@keyframes trophy-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.trophy-dollar{animation:dollar-pulse 1s ease-in-out infinite}@keyframes dollar-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.sparkle-star{animation:star-twinkle 1.5s ease-in-out infinite}.star-1{animation-delay:0s}.star-2{animation-delay:.3s}.star-3{animation-delay:.6s}.star-4{animation-delay:.9s}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}}.floating-bill{animation:bill-float 2s ease-in-out infinite}.bill-1{animation-delay:0s}.bill-2{animation-delay:1s}@keyframes bill-float{0%,to{transform:translateY(0) rotate(-5deg);opacity:.7}50%{transform:translateY(-8px) rotate(5deg);opacity:1}}.orbit{position:absolute;top:50%;left:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;animation:orbit-spin linear infinite;pointer-events:none}.orbit-1{animation-duration:4s}.orbit-2{animation-duration:5s;animation-direction:reverse}.orbit-3{animation-duration:6s}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-coin{position:absolute;width:28px;height:28px;animation:coin-counter-rotate linear infinite}.orbit-1 .orbit-coin{top:-14px;left:50%;margin-left:-14px;animation-duration:4s}.orbit-2 .orbit-coin{top:50%;right:-14px;margin-top:-14px;animation-duration:5s;animation-direction:reverse}.orbit-3 .orbit-coin{bottom:-14px;left:50%;margin-left:-14px;animation-duration:6s}@keyframes coin-counter-rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.orbit-coin svg{width:100%;height:100%;filter:drop-shadow(2px 2px 0 #000)}.trophy-rays{position:absolute;top:50%;left:50%;width:160px;height:160px;margin:-80px 0 0 -80px;animation:rays-spin 20s linear infinite;z-index:1}@keyframes rays-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ray{position:absolute;top:50%;left:50%;width:4px;height:80px;margin-left:-2px;background:linear-gradient(to top,transparent,rgba(250,204,21,.4),transparent);transform-origin:center bottom;border-radius:2px}.ray:nth-child(odd){background:linear-gradient(to top,transparent,rgba(249,115,22,.3),transparent)}.ray:nth-child(3n){background:linear-gradient(to top,transparent,rgba(74,222,128,.3),transparent)}.title-container{margin-bottom:.5rem}.title-sub{display:block;font-size:1rem;color:#fff;font-style:italic;text-shadow:2px 2px 0 rgba(0,0,0,.3);margin-bottom:.25rem}.title-main{margin:0;line-height:1.1}.title-oval{display:block;font-size:3rem;font-weight:900;color:#f97316;text-shadow:3px 3px 0 #fff,6px 6px 0 #000;letter-spacing:-2px;animation:title-pop .5s cubic-bezier(.34,1.56,.64,1) .3s backwards}.title-money{display:block;font-size:2rem;font-weight:800;color:#facc15;text-shadow:2px 2px 0 #15803d,4px 4px 0 #000;font-style:italic;animation:title-slide .5s cubic-bezier(.34,1.56,.64,1) .5s backwards}@keyframes title-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes title-slide{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.subtitle{margin:.75rem 0 0;color:#ffffffe6;font-size:1rem;font-weight:600}.leaderboard-list{padding:.75rem 1.25rem 1.25rem}.leaderboard-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;margin-bottom:.625rem;background:#ffffff0d;border-radius:16px;border:2px solid rgba(255,255,255,.1);position:relative;overflow:hidden;cursor:pointer;opacity:0;transform:translate(-30px);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.leaderboard-item.visible{opacity:1;transform:translate(0)}.leaderboard-item:hover{transform:translate(8px) scale(1.02);background:#ffffff1a;border-color:#fff3}.leaderboard-item:active{transform:translate(8px) scale(.98)}.item-bg{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);transition:transform .5s ease}.leaderboard-item:hover .item-bg{transform:translate(100%)}.leaderboard-item.top-1{background:linear-gradient(135deg,#f9731640,#ea580c26);border-color:#f97316;box-shadow:0 0 20px #f973164d,inset 0 1px #ffffff1a}.leaderboard-item.top-2{background:linear-gradient(135deg,#a855f740,#9333ea26);border-color:#a855f7;box-shadow:0 0 15px #a855f74d}.leaderboard-item.top-3{background:linear-gradient(135deg,#06b6d440,#0891b226);border-color:#06b6d4;box-shadow:0 0 15px #06b6d44d}.position{flex-shrink:0;width:48px;display:flex;align-items:center;justify-content:center}.rank-badge{width:44px;height:44px;border-radius:12px;border:3px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:3px 3px #000;transition:transform .3s ease}.leaderboard-item:hover .rank-badge{animation:badge-wiggle .4s ease}@keyframes badge-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.rank-emoji{font-size:1rem;line-height:1}.rank-num{font-size:.7rem;font-weight:800;color:#fff;line-height:1}.rank-number{font-size:1.1rem;font-weight:800;color:#ffffff80;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:10px;border:2px solid rgba(255,255,255,.1)}.user-info{flex:1;min-width:0}.username{color:#fff;font-weight:700;font-size:1rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-item.top-1 .username{color:#facc15;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.badge{display:inline-block;margin-top:.25rem;padding:.15rem .5rem;border-radius:6px;font-size:.65rem;font-weight:700}.badge-1{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.badge-2{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.badge-3{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.stats{display:flex;gap:1rem;flex-shrink:0}.stat{display:flex;flex-direction:column;align-items:flex-end;min-width:45px}.stat .value{font-weight:900;font-size:1.2rem;color:#fff;font-variant-numeric:tabular-nums;transition:transform .3s ease}.stat.points .value{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5)}.leaderboard-item:hover .stat .value{transform:scale(1.1)}.stat .label{font-size:.65rem;color:#ffffff80;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.leaderboard-footer{padding:1rem 2rem 1.25rem;text-align:center;border-top:2px solid rgba(255,255,255,.05)}.footer-text{color:#ffffff80;font-size:.85rem;font-weight:600}.skeleton-container{padding:.75rem 1.25rem 1.25rem}.skeleton-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;margin-bottom:.625rem;background:#ffffff0d;border-radius:16px;animation:skeleton-pulse 1s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.skeleton-medal{width:44px;height:44px;border-radius:12px;background:#ffffff1a}.skeleton-name{flex:1;height:20px;border-radius:6px;background:#ffffff1a}.skeleton-stats{display:flex;gap:1rem}.skeleton-stat{width:45px;height:36px;border-radius:6px;background:#ffffff1a}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty-state{padding:3rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;animation:empty-bounce 1s ease-in-out infinite}@keyframes empty-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.empty-state p{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.empty-state span{color:#fff9;font-size:.95rem}.error{padding:3rem 2rem;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:.75rem}.error-icon{font-size:3rem;animation:error-shake .5s ease}@keyframes error-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-10px) rotate(-10deg)}75%{transform:translate(10px) rotate(10deg)}}@media(max-width:480px){.leaderboard-container{padding:1rem}.leaderboard-card{border-radius:24px;box-shadow:8px 8px #000}.leaderboard-header{padding:1.5rem 1.25rem 1.25rem}.trophy-icon{width:56px;height:56px}.title-oval{font-size:2.25rem}.title-money{font-size:1.5rem}.leaderboard-list{padding:.5rem 1rem 1rem}.leaderboard-item{padding:.75rem;gap:.75rem}.position{width:40px}.rank-badge{width:38px;height:38px}.username{font-size:.9rem}.stats{gap:.75rem}.stat .value{font-size:1rem}}