*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-card:#0d0d0d;--bg-card-hover:#1a1a1a;--bg-elevated:#1f1f1f;--bg-overlay:#000000e0;--accent-primary:#dc2626;--accent-primary-glow:#dc262659;--accent-secondary:#ef4444;--accent-secondary-glow:#ef444440;--accent-gold:#f59e0b;--accent-gold-glow:#f59e0b4d;--accent-rose:#e11d48;--accent-rose-glow:#e11d4840;--accent-emerald:#10b981;--accent-emerald-glow:#10b98140;--accent-cosmic:#f33;--accent-nebula:#b91c1c;--gradient-hero:linear-gradient(135deg, #dc2626 0%, #b91c1c 50%, #7f1d1d 100%);--gradient-nebula:linear-gradient(135deg, #dc2626 0%, #ef4444 50%, #f87171 100%);--gradient-gold:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-card:linear-gradient(180deg, #dc26260a 0%, transparent 100%);--gradient-ticker:linear-gradient(90deg, var(--bg-primary), transparent 5%, transparent 95%, var(--bg-primary));--gradient-aurora:linear-gradient(135deg, #dc262614 0%, #0000 100%);--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#606060;--text-accent:#fca5a5;--border-subtle:#dc26261f;--border-medium:#dc262640;--border-glow:#dc262680;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 8px 32px #000000b3;--shadow-glow-purple:0 0 20px #dc26264d;--shadow-glow-gold:0 0 20px #f59e0b4d;--shadow-glow-cyan:0 0 20px #dc262633;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:linear-gradient(#dc2626,#7f1d1d)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ef4444,#dc2626)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-primary-glow)}50%{box-shadow:0 0 20px var(--accent-primary-glow), 0 0 40px var(--accent-primary-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-8px)rotate(1deg)}75%{transform:translateY(4px)rotate(-1deg)}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes rank-enter{0%{opacity:0;transform:scale(.8)translate(20px)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)translate(0)}}@keyframes new-donation-flash{0%{background:var(--accent-gold);box-shadow:0 0 30px var(--accent-gold-glow)}to{box-shadow:none;background:0 0}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes count-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.8}}@keyframes redGlow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes astronaut-drift{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-12px)rotate(2deg)}50%{transform:translateY(-5px)rotate(0)}75%{transform:translateY(8px)rotate(-2deg)}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass{-webkit-backdrop-filter:blur(16px);background:#0d0d0db3;border:1px solid #dc26261a}.gradient-text{background:var(--gradient-nebula);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app{background:#000;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 10% 20%,#ffffff80,#0000),radial-gradient(1px 1px at 25% 45%,#ffffff4d,#0000),radial-gradient(1.5px 1.5px at 40% 15%,#ffc8c880,#0000),radial-gradient(1px 1px at 55% 70%,#ffffff40,#0000),radial-gradient(1px 1px at 70% 35%,#ffdcdc66,#0000),radial-gradient(1.5px 1.5px at 80% 80%,#ffb4b44d,#0000),radial-gradient(1px 1px at 90% 10%,#ffffff4d,#0000),radial-gradient(1px 1px at 15% 85%,#fff3,#0000),radial-gradient(1px 1px at 35% 55%,#ffc8c859,#0000),radial-gradient(1px 1px at 60% 25%,#ffffff4d,#0000),radial-gradient(1px 1px at 85% 60%,#ffdcdc40,#0000),radial-gradient(1px 1px at 5%,#ffffff59,#0000),radial-gradient(1.5px 1.5px at 50% 90%,#ffb4b44d,#0000),radial-gradient(1px 1px at 75% 5%,#ffffff40,#0000),radial-gradient(1px 1px at 45% 80%,#ffffff4d,#0000);animation:6s ease-in-out infinite alternate twinkle;position:fixed;inset:0}.app:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#dc26261f 0%,#b91c1c0d 40%,#0000 70%);width:700px;height:700px;animation:8s ease-in-out infinite redGlow;position:fixed;top:-250px;right:-250px}.app:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#dc262614 0%,#0000 70%);width:600px;height:600px;animation:12s ease-in-out infinite reverse redGlow;position:fixed;bottom:-250px;left:-250px}.app__astronaut{opacity:.12;pointer-events:none;z-index:0;filter:grayscale(.3);width:180px;height:180px;animation:15s ease-in-out infinite astronaut-drift;position:fixed;bottom:60px;right:-20px}.header{z-index:100;padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(20px)saturate(1.2);background:#000c;border-bottom:1px solid #dc262626;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #00000080}.header__brand{align-items:center;gap:var(--space-md);display:flex}.header__logo{border-radius:var(--radius-md);background:var(--gradient-hero);justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;display:flex;box-shadow:0 0 15px #dc26264d}.header__title{font-family:var(--font-display);letter-spacing:1.5px;color:#fff;font-size:1.15rem;font-weight:800}.header__title span{background:var(--gradient-nebula);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header__subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:2.5px;margin-top:-2px;font-size:.6rem}.header__actions{align-items:center;gap:var(--space-md);display:flex}.header__btn{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);background:#dc26260d;border:1px solid #dc262633;padding:8px 16px;font-size:.8rem;font-weight:500;display:flex}.header__btn:hover{color:#fff;background:#dc26261f;border-color:#dc262666;box-shadow:0 0 12px #dc262626}.header__btn--primary{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#0000}.header__btn--primary:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 20px #dc262666}.header__live-badge{border-radius:var(--radius-full);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;color:#f87171;background:#ef44441f;border:1px solid #ef44444d;align-items:center;gap:6px;padding:6px 14px;font-size:.7rem;font-weight:700;display:flex}.header__live-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite live-pulse}.header__mode-badge{border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:1px;padding:4px 12px;font-size:.6rem;font-weight:600}.header__mode-badge--live{color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b98140}.header__mode-badge--mock{color:var(--accent-gold);background:#f59e0b1f;border:1px solid #f59e0b40}.header__mode-badge--connecting{color:var(--accent-primary);background:#dc26261f;border:1px solid #dc262640}.main{padding:var(--space-lg) var(--space-xl);z-index:1;flex:1;position:relative}.main__grid{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:1fr 380px;min-height:0;display:grid}.main__left{gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.main__right{flex-direction:column;min-height:0;max-height:calc(100vh - 180px);display:flex;position:sticky;top:90px}.interactive-bar{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.interactive-card{padding:var(--space-lg);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d0dcc;border:1px solid #dc262614;position:relative;overflow:hidden}.interactive-card:before{content:"";background:var(--gradient-aurora);opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}.interactive-card:hover{border-color:#dc26264d;transform:translateY(-4px);box-shadow:0 8px 30px #dc26261a,0 0 15px #dc26260f}.interactive-card:hover:before{opacity:1}.interactive-card__icon{margin-bottom:var(--space-sm);z-index:1;font-size:1.8rem;position:relative}.interactive-card__title{font-family:var(--font-display);color:#fff;margin-bottom:var(--space-xs);z-index:1;font-size:.85rem;font-weight:700;position:relative}.interactive-card__desc{color:var(--text-muted);z-index:1;font-size:.7rem;position:relative}.interactive-card__badge{top:var(--space-sm);right:var(--space-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:1px;z-index:1;padding:2px 8px;font-size:.6rem;font-weight:700;position:absolute}.interactive-card__badge--soon{color:var(--accent-gold);background:#f59e0b1f;border:1px solid #f59e0b40}.interactive-card__badge--live{color:#ef4444;background:#dc26261f;border:1px solid #dc262640}.new-donation-popup{z-index:1000;align-items:center;gap:var(--space-md);padding:var(--space-2xl);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--accent-gold);border-radius:var(--radius-xl);box-shadow:0 0 60px var(--accent-gold-glow), 0 0 120px #f59e0b14;text-align:center;background:#0d0d0df2;flex-direction:column;animation:.3s fadeIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.new-donation-popup__avatar{background:var(--gradient-gold);color:#000;width:64px;height:64px;box-shadow:0 0 30px var(--accent-gold-glow);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;animation:2s ease-in-out infinite float;display:flex}.new-donation-popup__name{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.new-donation-popup__amount{font-family:var(--font-display);background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900}.new-donation-popup__message{color:var(--text-secondary);max-width:300px;font-size:.9rem;line-height:1.5}.new-donation-popup__confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{border-radius:2px;width:8px;height:8px;animation:3s ease-in forwards confetti-fall;position:absolute}.confirm-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.confirm-modal{border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);background:#0d0d0d;border:1px solid #dc262633;width:90%;max-width:420px;animation:.2s fadeInUp;box-shadow:0 20px 60px #0009,0 0 30px #dc262614}.confirm-modal__title{font-family:var(--font-display);color:#fff;margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:700;display:flex}.confirm-modal__body{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.85rem;line-height:1.6}.confirm-modal__actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.confirm-modal__btn{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;padding:8px 20px;font-size:.8rem;font-weight:600}.confirm-modal__btn--cancel{color:var(--text-secondary);background:0 0;border-color:#ffffff26}.confirm-modal__btn--cancel:hover{color:#fff;background:#ffffff0d}.confirm-modal__btn--confirm{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none}.confirm-modal__btn--confirm:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 15px #dc26264d}.confirm-modal__btn--danger{color:#fff;background:linear-gradient(135deg,#dc2626,#991b1b);border:none}.footer{padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:#0009;border-top:1px solid #dc262614;justify-content:space-between;align-items:center;display:flex;position:relative}.footer__text{color:var(--text-muted);font-size:.7rem}.footer__links{gap:var(--space-lg);display:flex}.footer__link{color:var(--text-muted);transition:color var(--transition-fast);font-size:.7rem;text-decoration:none}.footer__link:hover{color:#ef4444}@media (width<=1024px){.main__grid{grid-template-columns:1fr}.main__right{max-height:none;position:static}.interactive-bar{grid-template-columns:repeat(2,1fr)}.app__astronaut{width:120px;height:120px;bottom:20px}}@media (width<=768px){.header{padding:8px var(--space-md);flex-wrap:wrap;gap:6px}.header__brand{gap:var(--space-sm)}.header__logo{width:30px;height:30px;font-size:.9rem}.header__title{letter-spacing:1px;font-size:.85rem}.header__subtitle{display:none}.header__actions{flex-wrap:wrap;justify-content:flex-end;gap:4px}.header__btn{padding:5px 10px;font-size:.65rem}.header__btn span{display:none}.header__live-badge{padding:4px 10px;font-size:.6rem}.header__mode-badge{padding:3px 8px;font-size:.55rem}.main{padding:var(--space-sm)}.main__grid{gap:var(--space-md);grid-template-columns:1fr}.main__right{max-height:none;position:static}.interactive-bar{gap:var(--space-sm);grid-template-columns:1fr 1fr}.interactive-card{padding:var(--space-md)}.interactive-card__icon{font-size:1.5rem}.interactive-card__title{font-size:.7rem}.interactive-card__desc{font-size:.55rem}.interactive-card__badge{padding:2px 6px;font-size:.45rem}.footer{gap:var(--space-sm);text-align:center;padding:var(--space-md);flex-direction:column}.footer__links{justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.social-footer{gap:var(--space-sm);padding:var(--space-md);flex-direction:column}.social-footer__links{justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.new-donation-popup{width:90%;max-width:90%;padding:var(--space-lg)}.new-donation-popup__amount{font-size:1.8rem}.confirm-modal{padding:var(--space-md)}.app__astronaut{display:none}.stats-bar{flex-wrap:wrap;justify-content:center;gap:4px}}@media (width<=480px){.header{padding:6px 8px}.header__logo{width:26px;height:26px;font-size:.8rem}.header__title{font-size:.75rem}.header__actions{gap:3px}.header__btn{padding:4px 8px;font-size:.6rem}.main{padding:var(--space-xs)}.interactive-bar{grid-template-columns:1fr 1fr;gap:6px}.interactive-card{padding:var(--space-sm)}.interactive-card__icon{font-size:1.2rem}.interactive-card__title{font-size:.6rem}.interactive-card__desc{font-size:.5rem}}@media (width>=1920px){:root{font-size:20px}.main__grid{gap:var(--space-xl);grid-template-columns:1fr 480px}.header{padding:var(--space-lg) var(--space-2xl)}.main{padding:var(--space-xl) var(--space-2xl)}}.live-player{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg), 0 0 40px #dc26260f;background:#0d0d0db3;border:1px solid #dc26261f;position:relative;overflow:hidden}.live-player__wrapper{background:#000;width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.live-player__wrapper iframe,.live-player__iframe{z-index:1;pointer-events:none;border:none;width:100%;height:calc(100% + 60px);position:absolute;top:0;left:0}.live-player__intercept{z-index:5;cursor:pointer;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.live-player__badge{top:var(--space-md);left:var(--space-md);align-items:center;gap:var(--space-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;color:#fff;z-index:10;pointer-events:none;background:#000000b3;padding:5px 12px;font-size:.75rem;font-weight:700;display:flex;position:absolute}.live-player__badge-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite live-pulse}.player-controls{z-index:15;opacity:0;pointer-events:none;padding-bottom:var(--space-sm);background:linear-gradient(#0000 0%,#03001466 40%,#030014e6 100%);transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(4px)}.player-controls--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.player-controls__seekbar-wrap{padding:0 var(--space-md);cursor:pointer;align-items:center;height:20px;display:flex}.player-controls__seekbar{appearance:none;cursor:pointer;background:linear-gradient(to right, #ef4444 0%, #ef4444 var(--seek-pct,50%), #fff3 var(--seek-pct,50%), #fff3 100%);border-radius:2px;outline:none;width:100%;height:4px;transition:height .15s}.player-controls__seekbar-wrap:hover .player-controls__seekbar{height:6px}.player-controls__seekbar::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;opacity:0;background:#ef4444;border-radius:50%;width:14px;height:14px;transition:opacity .15s;box-shadow:0 0 6px #ef444480}.player-controls__seekbar-wrap:hover .player-controls__seekbar::-webkit-slider-thumb{opacity:1}.player-controls__seekbar::-moz-range-thumb{cursor:pointer;background:#ef4444;border:none;border-radius:50%;width:14px;height:14px}.player-controls__seekbar::-moz-range-track{background:0 0}.player-controls__bar{align-items:center;gap:var(--space-sm);padding:0 var(--space-md);display:flex}.player-controls__btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);background:#ffffff1a;border:1px solid #ffffff26;align-items:center;gap:4px;padding:6px 10px;font-size:.9rem;display:flex}.player-controls__btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.player-controls__time{font-family:var(--font-mono);color:#ffffffb3;white-space:nowrap;font-size:.7rem}.player-controls__live{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:#ffffff80;border-color:#fff3;font-size:.65rem;font-weight:700;transition:all .3s}.player-controls__live--active{color:#ef4444;background:#ef444440;border-color:#ef444480;box-shadow:0 0 8px #ef44444d}.player-controls__live:hover:not(.player-controls__live--active){color:#fca5a5;background:#ef444426;border-color:#ef44444d}.player-controls__live-dot{background:#fff6;border-radius:50%;width:6px;height:6px;transition:all .3s}.player-controls__live-dot--active{background:#ef4444;animation:1.5s ease-in-out infinite live-pulse}.player-controls__spacer{flex:1}.player-controls__volume{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;width:80px;height:4px}.player-controls__volume::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 4px #0000004d}.player-controls__volume::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}.live-player__info{padding:var(--space-md) var(--space-lg);background:#0d0d0dcc;border-top:1px solid #dc26261a;justify-content:space-between;align-items:center;display:flex}.live-player__title{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:700;display:flex}.live-player__title-icon{font-size:1.2rem}.live-player__channel{color:var(--text-secondary);font-size:.8rem;font-weight:400}.live-player__stats{align-items:center;gap:var(--space-lg);display:flex}.live-player__stat{flex-direction:column;align-items:center;gap:2px;display:flex}.live-player__stat-value{font-family:var(--font-mono);color:var(--accent-primary);font-size:.9rem;font-weight:600}.live-player__stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.65rem}@media (width<=768px){.live-player__info{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);flex-direction:column}.live-player__stats{justify-content:space-around;width:100%}.player-controls__volume{width:50px}.player-controls__time{display:none}}.team-leaderboard{border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d0db3;border:1px solid #dc26261f;flex-direction:column;display:flex;overflow:hidden}.team-leaderboard__tabs{background:#dc26260a;border-bottom:1px solid #dc262626;display:flex}.team-leaderboard__tab{color:var(--text-muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:10px;font-size:.7rem;font-weight:700;position:relative}.team-leaderboard__tab:hover{color:var(--text-secondary);background:#dc262614}.team-leaderboard__tab--active{color:var(--text-primary)}.team-leaderboard__tab--active:after{content:"";background:var(--gradient-nebula);border-radius:var(--radius-full);height:2px;position:absolute;bottom:-1px;left:20%;right:20%;box-shadow:0 0 8px #dc262666}.team-leaderboard__header{padding:var(--space-md) var(--space-lg);text-align:center}.team-leaderboard__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;justify-content:center;align-items:center;gap:var(--space-sm);background:var(--gradient-nebula);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:800;display:flex}.team-leaderboard__subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:2px;font-size:.65rem}.team-leaderboard__total{padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-subtle);background:#f59e0b0f;justify-content:space-between;align-items:center;display:flex}.team-leaderboard__total-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.team-leaderboard__total-amount{font-family:var(--font-display);background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.team-leaderboard__null-bar{padding:var(--space-xs) var(--space-lg);border-bottom:1px solid var(--border-subtle);background:#4b556326;justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.team-leaderboard__null-label{color:var(--text-muted);align-items:center;gap:4px;display:flex}.team-leaderboard__null-amount{font-family:var(--font-mono);color:var(--text-secondary);font-weight:600}.team-leaderboard__list{padding:var(--space-xs) var(--space-sm);flex:1;max-height:55vh;overflow-y:auto}.team-leaderboard__list::-webkit-scrollbar{width:4px}.team-leaderboard__list::-webkit-scrollbar-track{background:0 0}.team-leaderboard__list::-webkit-scrollbar-thumb{background:#dc262633;border-radius:4px}.team-leaderboard__list::-webkit-scrollbar-thumb:hover{background:#dc262666}.team-item{align-items:center;gap:var(--space-sm);padding:8px var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;animation:.35s backwards fadeInUp;display:flex;position:relative;overflow:hidden}.team-item:hover{background:#dc262614;transform:translate(3px);box-shadow:inset 0 0 20px #dc26260a}.team-item--new{animation:rank-enter .6s var(--transition-spring) backwards}.team-item__rank{border-radius:var(--radius-full);width:24px;height:24px;font-family:var(--font-display);background:var(--bg-elevated);color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex}.team-item__rank--1{color:#000;background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 0 10px #f59e0b59}.team-item__rank--2{color:#000;background:linear-gradient(135deg,silver,#94a3b8)}.team-item__rank--3{color:#fff;background:linear-gradient(135deg,#cd7f32,#b45309)}.team-item__avatar{border-radius:var(--radius-full);width:34px;height:34px;transition:transform var(--transition-fast);border:2px solid;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.team-item:hover .team-item__avatar{transform:scale(1.1)}.team-item__info{flex:1;min-width:0}.team-item__name{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.team-item__meta{color:#888;align-items:center;gap:6px;margin-top:1px;font-size:.6rem;display:flex}.team-item__meta-dot{background:var(--text-muted);border-radius:50%;width:3px;height:3px}.team-item__amount{font-family:var(--font-mono);color:var(--accent-gold);text-align:right;flex-shrink:0;font-size:.85rem;font-weight:700}.team-item__amount--1{text-shadow:0 0 8px var(--accent-gold-glow);font-size:.95rem}.team-item__progress{border-radius:0 var(--radius-full) var(--radius-full) 0;height:2px;transition:width var(--transition-slow);opacity:.5;position:absolute;bottom:0;left:0}.donor-item{align-items:center;gap:var(--space-sm);padding:8px var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-base);animation:.35s backwards fadeInUp;display:flex}.donor-item:hover{background:var(--bg-card-hover)}.donor-item__rank{border-radius:var(--radius-full);width:24px;height:24px;font-family:var(--font-display);background:var(--bg-elevated);color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex}.donor-item__rank--1{color:#000;background:linear-gradient(135deg,#f59e0b,#f97316)}.donor-item__rank--2{color:#000;background:linear-gradient(135deg,silver,#94a3b8)}.donor-item__rank--3{color:#fff;background:linear-gradient(135deg,#cd7f32,#b45309)}.donor-item__avatar{border-radius:var(--radius-full);background:var(--gradient-hero);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;display:flex}.donor-item__info{flex:1;min-width:0}.donor-item__name{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.donor-item__team{color:var(--text-muted);align-items:center;gap:4px;margin-top:1px;font-size:.6rem;display:flex}.donor-item__team-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.donor-item__amount{font-family:var(--font-mono);color:var(--accent-gold);flex-shrink:0;font-size:.85rem;font-weight:700}.donor-period-tabs{border-bottom:1px solid var(--border-subtle);background:#0d0d0d80;justify-content:center;gap:6px;padding:8px 12px;display:flex}.donor-period-tab{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #dc262626;border-radius:20px;padding:5px 14px;font-size:.65rem;font-weight:600;transition:all .2s}.donor-period-tab:hover{color:var(--text-secondary);background:#dc262614;border-color:#dc26264d}.donor-period-tab--active{color:#fff;background:#dc262626;border-color:#dc262680;box-shadow:0 0 12px #dc262626}.donor-empty-state{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.donor-empty-state__icon{opacity:.6;font-size:2rem}.donor-empty-state__text{font-family:var(--font-display);color:var(--text-muted);text-align:center;font-size:.75rem}.team-leaderboard__footer{padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--border-subtle);background:#dc26260a;justify-content:space-around;align-items:center;display:flex}.team-leaderboard__footer-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.team-leaderboard__footer-value{font-family:var(--font-mono);color:var(--accent-secondary);font-size:.8rem;font-weight:600}.team-leaderboard__footer-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.55rem}@media (width<=768px){.team-leaderboard{border-radius:var(--radius-md)}.team-item{padding:6px var(--space-sm)}.team-item__avatar{width:28px;height:28px;font-size:.85rem}}.null-icon{color:#9ca3af;background:#6b72804d;border:2px solid #6b7280;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:inline-flex}.team-item__detail{max-height:0;padding:0 var(--space-md);margin:0 var(--space-sm);border-radius:0 0 var(--radius-md) var(--radius-md);background:#dc262608;border:1px solid #0000;transition:max-height .35s,padding .35s;overflow:hidden}.team-item__detail--open{max-height:600px;padding:var(--space-sm) var(--space-md);border-color:var(--border-subtle);margin-bottom:var(--space-xs);-webkit-overflow-scrolling:touch;overflow:hidden auto}.detail-donation{align-items:center;gap:var(--space-sm);border-bottom:1px solid #ffffff0a;padding:5px 0;font-size:.7rem;display:flex}.detail-donation:last-child{border-bottom:none}.detail-donation__time{color:#777;flex-shrink:0;min-width:45px;font-size:.6rem}.detail-donation__amount{font-family:var(--font-mono);color:var(--accent-gold);flex-shrink:0;min-width:55px;font-weight:700}.detail-donation__currency{color:var(--text-muted);background:#dc26261a;border:1px solid #dc262633;border-radius:3px;flex-shrink:0;margin-left:-4px;padding:1px 4px;font-size:.5rem}.detail-donation__user{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:120px;overflow:hidden}.detail-donation__msg{color:#999;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.65rem;overflow:hidden}.detail-pagination{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;margin-top:var(--space-xs);display:flex}.detail-pagination__btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--accent-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:3px 10px;font-size:.6rem}.detail-pagination__btn:hover{background:#dc262626}.detail-pagination__info{color:var(--text-muted);font-size:.6rem}.detail-loading{text-align:center;padding:var(--space-sm);color:var(--text-muted);font-size:.7rem}.detail-msg-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#030014bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.detail-msg-popup{border-radius:var(--radius-lg,12px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0d0df2;border:1px solid #dc262633;width:90%;max-width:460px;padding:20px 24px;animation:.2s fadeInUp;position:relative;box-shadow:0 20px 60px #00000080,0 0 30px #dc26261a}.detail-msg-popup__header{font-family:var(--font-display);color:var(--text-primary,#e2e8f0);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;font-weight:600;display:flex}.detail-msg-popup__body{color:var(--text-primary,#e2e8f0);word-break:break-word;background:#ffffff0d;border-radius:8px;max-height:300px;padding:14px;font-size:.85rem;line-height:1.7;overflow-y:auto}.detail-msg-popup__footer{color:var(--text-muted,#64748b);margin-top:10px;font-size:.6rem}.detail-msg-popup__close{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;font-size:1.1rem;transition:color .15s;position:absolute;top:10px;right:14px}.detail-msg-popup__close:hover{color:var(--text-primary,#e2e8f0)}.detail-donation:hover{background:#dc26260f;border-radius:4px}@media (width<=768px){.team-leaderboard{border-radius:var(--radius-md)}.team-leaderboard__header{padding:var(--space-sm) var(--space-md)}.team-leaderboard__title{letter-spacing:1px;flex-wrap:wrap;justify-content:center;font-size:.75rem}.team-leaderboard__subtitle{letter-spacing:1px;font-size:.55rem}.team-leaderboard__total{padding:var(--space-xs) var(--space-md);flex-wrap:wrap;gap:4px}.team-leaderboard__total-label{font-size:.6rem}.team-leaderboard__total-amount{font-size:1.05rem}.team-leaderboard__tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.team-leaderboard__tab{letter-spacing:1px;white-space:nowrap;padding:8px 4px;font-size:.6rem}.donor-period-tabs{gap:4px;padding:6px 8px}.donor-period-tab{padding:4px 10px;font-size:.6rem}.team-item{padding:6px var(--space-sm);gap:6px}.team-item__avatar{width:28px;height:28px;font-size:.85rem}.team-item__name{font-size:.7rem}.team-item__amount{font-size:.75rem}.detail-msg-overlay{align-items:flex-end;padding:0}.detail-msg-popup{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:100%;max-height:80vh;margin:0;overflow-y:auto}.detail-msg-popup__body{max-height:50vh;font-size:.8rem}.detail-donation{gap:2px var(--space-xs);flex-wrap:wrap;padding:6px 0}.detail-donation__user{max-width:100px;font-size:.6rem}.detail-donation__msg{white-space:normal;flex-basis:100%;order:10;padding-left:45px;font-size:.6rem;line-height:1.4}.detail-donation__time{min-width:38px;font-size:.55rem}.detail-donation__amount{min-width:45px;font-size:.65rem}.ticker__expanded-content{width:95%;max-width:95%;padding:16px}}@media (width<=480px){.team-leaderboard__title{letter-spacing:1px;font-size:.8rem}.team-leaderboard__total-amount{font-size:1rem}.team-item__rank{width:20px;height:20px;font-size:.6rem}.team-item__meta{font-size:.5rem}.detail-msg-popup{padding:14px 16px}}.ticker{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d0d99;border:1px solid #dc26261a;position:relative;overflow:hidden}.ticker__header{padding:var(--space-sm) var(--space-lg);background:linear-gradient(90deg,#f59e0b14,#dc262614);border-bottom:1px solid #dc26261a;justify-content:space-between;align-items:center;display:flex}.ticker__label{align-items:center;gap:var(--space-sm);font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--accent-gold);font-size:.7rem;font-weight:700;display:flex}.ticker__label-dot{background:var(--accent-gold);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite live-pulse}.ticker__controls{align-items:center;gap:var(--space-md);display:flex}.ticker__speed{border-radius:var(--radius-full);background:#ffffff0d;gap:2px;padding:2px;display:flex}.ticker__speed-btn{color:var(--text-muted);font-family:var(--font-mono);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:2px 8px;font-size:.6rem}.ticker__speed-btn:hover{color:var(--text-primary);background:#ffffff14}.ticker__speed-btn--active{color:var(--accent-gold);background:#f59e0b26;font-weight:700}.ticker__count{font-family:var(--font-mono);color:var(--text-muted);font-size:.7rem}.ticker__track{padding:var(--space-md) 0;position:relative;overflow:hidden}.ticker__track:before,.ticker__track:after{content:"";z-index:2;pointer-events:none;width:60px;position:absolute;top:0;bottom:0}.ticker__track:before{background:linear-gradient(90deg,#0d0d0de6,#0000);left:0}.ticker__track:after{background:linear-gradient(-90deg,#0d0d0de6,#0000);right:0}.ticker__scroll{gap:var(--space-lg);width:max-content;animation:30s linear infinite ticker-scroll;display:flex}.ticker__scroll:hover{animation-play-state:paused}.ticker__item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-fast);cursor:default;background:#dc26260f;border:1px solid #dc26261a;flex-shrink:0;display:flex}.ticker__item:hover{border-color:var(--border-medium);background:#dc262626;transform:scale(1.03)}.ticker__item--large{background:linear-gradient(135deg,#f59e0b26,#ef44441a);border-color:#f59e0b4d}.ticker__item--large:hover{box-shadow:0 0 15px var(--accent-gold-glow);border-color:#f59e0b80}.ticker__item-avatar{background:var(--gradient-hero);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.55rem;font-weight:700;display:flex}.ticker__item-team-emoji{flex-shrink:0;font-size:.9rem}.ticker__item-name{font-family:var(--font-display);color:var(--text-primary);font-size:.8rem;font-weight:600}.ticker__item-arrow{color:var(--text-muted);font-size:.7rem}.ticker__item-team{font-family:var(--font-display);font-size:.75rem;font-weight:600}.ticker__item-amount{font-family:var(--font-mono);color:var(--accent-gold);font-size:.8rem;font-weight:700}.ticker__item-message{color:var(--text-secondary);text-overflow:ellipsis;max-width:200px;font-size:.75rem;overflow:hidden}.ticker__item--null{opacity:.6;border-style:dashed}.ticker__item-time{color:var(--text-muted);font-size:.65rem;font-family:var(--font-mono)}.ticker__highlight{justify-content:center;align-items:center;gap:var(--space-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#030014eb;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.ticker__highlight-content{align-items:center;gap:var(--space-md);animation:slideInLeft .5s var(--transition-spring);display:flex}.ticker__highlight-emoji{font-size:2rem;animation:2s ease-in-out infinite float}.ticker__highlight-name{font-family:var(--font-display);color:var(--text-primary);font-size:.95rem;font-weight:700}.ticker__highlight-amount{font-family:var(--font-display);background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.ticker__highlight-message{color:var(--text-secondary);max-width:300px;font-size:.75rem}@media (width<=768px){.ticker{border-radius:var(--radius-md)}.ticker__header{padding:var(--space-xs) var(--space-md)}}.ticker__item{cursor:pointer;transition:opacity .15s}.ticker__item:hover{opacity:.8}.ticker__expanded{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ticker__expanded-content{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0d0df2;border:1px solid #dc262633;width:90%;max-width:500px;padding:24px;position:relative;box-shadow:0 20px 60px #0009,0 0 30px #dc26261a}.ticker__expanded-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute;top:10px;right:14px}.ticker__expanded{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.ticker__expanded-content{border-radius:var(--radius-lg);padding:var(--space-lg);background:#0d0d0df2;border:1px solid #dc262633;width:90%;max-width:420px;position:relative;box-shadow:0 20px 60px #0009,0 0 30px #dc26261a}.ticker__expanded-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:color .15s;position:absolute;top:10px;right:14px}.ticker__expanded-close:hover{color:#ef4444}.ticker__expanded-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.ticker__expanded-user{color:#fff;font-size:.95rem;font-weight:700}.ticker__expanded-amount{font-family:var(--font-mono,monospace);color:var(--accent-gold);margin-left:auto;font-size:1.4rem;font-weight:800}.ticker__expanded-msg{border-radius:var(--radius-md);color:var(--text-secondary);word-break:break-word;background:#ffffff0d;margin-bottom:12px;padding:12px 16px;font-size:.9rem;line-height:1.5}.ticker__expanded-time{color:var(--text-muted);text-align:right;font-size:.7rem}@media (width<=768px){.ticker{border-radius:var(--radius-md)}.ticker__header{padding:var(--space-xs) var(--space-md)}.ticker__label{letter-spacing:1px;font-size:.55rem}.ticker__count{font-size:.55rem}.ticker__item{padding:6px 0;font-size:.65rem}.ticker__scroll{padding:0 var(--space-sm)}.ticker__expanded-overlay{padding:var(--space-sm);align-items:flex-end}.ticker__expanded-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:100%;max-height:80vh;overflow-y:auto}.ticker__expanded-msg{font-size:.8rem}.ticker__expanded-amount{font-size:1.1rem}}