:root{--top-primary: #6A63FF;--top-primary2: #8D79FF;--top-ink: #12082B;--top-gold: #FFD54A;--top-gold2: #FF9F1C;--top-silver: #E3E7EF;--top-silver2: #9AA3B2;--top-bronze: #E3A15B;--top-bronze2: #A9612B}body{background:#f6f5fc}.top-hero{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 20% -10%,#2a1a6b,#150a3d 45%,#0b0620);padding:64px 0 96px;color:#fff;text-align:center;isolation:isolate}.top-hero-glow{position:absolute;inset:-40% -10% auto;height:480px;background:radial-gradient(38% 60% at 22% 30%,rgba(106,99,255,.55),transparent 70%),radial-gradient(30% 55% at 78% 20%,rgba(212,79,246,.4),transparent 70%),radial-gradient(25% 45% at 50% 60%,rgba(255,213,74,.18),transparent 70%);filter:blur(10px);animation:topOrbFloat 9s ease-in-out infinite alternate;z-index:-1}@keyframes topOrbFloat{0%{transform:translate3d(0,-10px,0) scale(1)}to{transform:translate3d(0,18px,0) scale(1.06)}}.top-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);color:#ffd54a;font-size:12px;font-weight:800;letter-spacing:.6px;padding:7px 16px;border-radius:999px;margin-bottom:22px;animation:topFadeUp .6s cubic-bezier(.2,.7,.2,1) both}.top-hero h1{font-family:Inter,sans-serif;font-weight:900;font-size:clamp(26px,4.5vw,42px);line-height:1.08;letter-spacing:-.5px;margin-bottom:0;background:linear-gradient(135deg,#fff 15%,#d9d4ff 55%,#ffd54a);-webkit-background-clip:text;background-clip:text;color:transparent;animation:topFadeUp .7s .08s cubic-bezier(.2,.7,.2,1) both}@keyframes topFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.gift-ticker{position:relative;z-index:3;max-width:900px;width:calc(100% - 32px);margin:-30px auto 40px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1c1140,#2a1a6b);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 8px 8px 6px;box-shadow:0 14px 34px #21006b40;opacity:0;animation:topFadeUp .6s .1s cubic-bezier(.2,.7,.2,1) both}.gift-ticker-label{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--top-gold),var(--top-gold2));color:#4a2c00;font-weight:800;font-size:12px;letter-spacing:.2px;padding:8px 14px;border-radius:999px;white-space:nowrap}.gift-ticker-viewport{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.gift-ticker-track{display:inline-block;white-space:nowrap;color:#fff;font-size:13.5px;font-weight:600;animation:giftTickerScroll var(--ticker-duration, 26s) linear infinite}.gift-ticker-track .gt-sep{color:#ffffff4d;margin:0 22px}.gift-ticker-track b{color:#fff;font-weight:800}.gift-ticker-track .gt-amount{color:var(--top-gold);font-weight:800}@keyframes giftTickerScroll{0%{transform:translate(var(--ticker-start, 100%))}to{transform:translate(var(--ticker-end, -100%))}}@media (max-width: 560px){.gift-ticker{margin-top:-22px;border-radius:20px}.gift-ticker-label{font-size:11px;padding:7px 10px}}.top-loading,.top-empty{text-align:center;padding:60px 20px;color:#7a6c9e}.top-loading .spinner-border{color:var(--top-primary);margin-bottom:12px}.top-empty{font-size:15px}.top-empty i{font-size:42px;color:#d8d0ff;display:block;margin-bottom:12px}.top-podium{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:14px;max-width:760px;margin:-40px auto 40px;position:relative;z-index:2}@media (max-width: 620px){.top-podium{grid-template-columns:1fr;margin-top:-24px;gap:12px;max-width:460px}.top-podium .podium-card.rank-2,.top-podium .podium-card.rank-3{display:none}}.top-row--secondary{display:none}@media (max-width: 620px){.top-row--secondary{display:flex}}.podium-card{background:#fff;border-radius:22px;padding:26px 16px 20px;text-align:center;box-shadow:0 14px 34px #21006b1a;border:1px solid #EFE9FF;position:relative;opacity:0;animation:topFadeUp .6s cubic-bezier(.2,.7,.2,1) both}.podium-card.rank-2{animation-delay:.05s;align-self:end;padding-bottom:26px}.podium-card.rank-1{animation-delay:0s;padding:34px 18px 26px;transform-origin:bottom}.podium-card.rank-3{animation-delay:.1s;align-self:end;padding-bottom:14px}.podium-card.rank-1{border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--top-gold),var(--top-gold2),var(--top-primary)) border-box;box-shadow:0 18px 44px #ff9f1c38;animation-name:topFadeUp,topGlowPulse;animation-duration:.6s,2.6s;animation-delay:0s,.7s;animation-iteration-count:1,infinite;animation-timing-function:cubic-bezier(.2,.7,.2,1),ease-in-out}@keyframes topGlowPulse{0%,to{box-shadow:0 18px 44px #ff9f1c33}50%{box-shadow:0 18px 54px #ff9f1c61}}.podium-rank-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:20px;color:#fff;box-shadow:0 6px 16px #00000024}.rank-1 .podium-rank-icon{width:56px;height:56px;font-size:25px;background:linear-gradient(135deg,var(--top-gold),var(--top-gold2))}.rank-2 .podium-rank-icon{background:linear-gradient(135deg,var(--top-silver),var(--top-silver2))}.rank-3 .podium-rank-icon{background:linear-gradient(135deg,var(--top-bronze),var(--top-bronze2))}.podium-avatar-wrap{position:relative;width:fit-content;margin:0 auto 12px}.podium-avatar{border-radius:50%;object-fit:cover;display:block;border:3px solid #fff;box-shadow:0 6px 18px #21006b29}.rank-1 .podium-avatar{width:84px;height:84px}.rank-2 .podium-avatar,.rank-3 .podium-avatar{width:66px;height:66px}.podium-avatar-wrap .rank-num{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background:var(--top-ink);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.podium-name{font-weight:800;font-size:14.5px;color:var(--top-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.podium-total{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;font-weight:900;font-size:19px;color:var(--top-primary)}.rank-1 .podium-total{font-size:23px}.podium-total i.bi{color:var(--top-gold2);font-size:.85em}.podium-total-label{font-size:10.5px;font-weight:700;color:#a99de0;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.top-list{max-width:700px;margin:0 auto 60px;display:flex;flex-direction:column;gap:10px}.top-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #EFE9FF;border-radius:16px;padding:12px 16px;opacity:0;animation:topFadeUp .5s cubic-bezier(.2,.7,.2,1) both;transition:transform .18s,box-shadow .18s,border-color .18s}.top-row:hover{transform:translateY(-2px);box-shadow:0 10px 26px #21006b1a;border-color:#dcd4ff}.top-row-rank{flex:0 0 32px;height:32px;border-radius:50%;background:#f3f0ff;color:var(--top-primary);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}.top-row-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #F0ECFF}.top-row-name{flex:1;min-width:0;font-weight:700;font-size:14px;color:var(--top-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-row-total{flex-shrink:0;display:flex;align-items:center;gap:5px;font-weight:800;font-size:15px;color:var(--top-primary)}.top-row-total i.bi{color:var(--top-gold2);font-size:.85em}.top-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:.3px;padding:3px 9px;border-radius:999px;margin-left:8px;vertical-align:middle;text-transform:uppercase}.top-badge.legend{background:linear-gradient(135deg,var(--top-gold),var(--top-gold2));color:#4a2c00}.top-badge.elite{background:linear-gradient(135deg,#6a63ff,#8d79ff);color:#fff}.top-badge.rising{background:#eafbf1;color:#16a34a}