:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:#eee;background:radial-gradient(1200px 600px at 80% -10%,rgba(255,140,0,.12),transparent 60%),radial-gradient(1200px 600px at -10% 20%,rgba(255,0,140,.12),transparent 60%),#0e0f12;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}::selection{background:rgba(124,58,237,.35);color:#fff}.container{max-width:1100px;margin:0 auto;padding:18px}.card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);border-radius:24px;box-shadow:0 10px 30px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes auroraShift{0%{transform:translate(0) translateY(0) scale(1);opacity:.7}25%{transform:translate(-50px) translateY(-30px) scale(1.1);opacity:.85}50%{transform:translate(60px) translateY(20px) scale(1.05);opacity:.95}75%{transform:translate(-30px) translateY(40px) scale(1.15);opacity:.9}to{transform:translate(0) translateY(0) scale(1);opacity:.7}}@keyframes hueShift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.aurora-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(circle at center,#0b0b13 20%,#000 100%)}.aurora-layer{position:absolute;width:120vmax;height:120vmax;border-radius:50%;opacity:.6;filter:blur(80px) saturate(180%);mix-blend-mode:screen;animation:auroraShift 18s ease-in-out infinite alternate,hueShift 30s linear infinite}.aurora-1{top:-20%;left:-10%;background:radial-gradient(circle at 30% 30%,#7c3aed,#ec4899 60%,transparent 80%)}.aurora-2{bottom:-20%;right:-15%;background:radial-gradient(circle at 70% 70%,#22d3ee,#3b82f6 60%,transparent 80%)}.aurora-3{top:30%;right:20%;background:radial-gradient(circle at 40% 40%,#f59e0b,#ef4444 60%,transparent 80%)}.icon-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 1px #ffffff08,0 6px 20px #00000059;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.icon-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.06);box-shadow:0 12px 24px #7c3aed40,0 10px 28px #00000073}.icon-btn:active{transform:translateY(0)}.icon-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#ff3b5c;color:#fff;font-size:12px;line-height:18px;font-weight:800;box-shadow:0 0 0 2px #0a0a0fe6}.text-gradient{background:linear-gradient(90deg,#7C3AED,#EC4899,#22D3EE 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.glass{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px}.pill{padding:4px 10px;border-radius:9999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);font-weight:800;font-size:12px}.hr{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);margin:10px 0}.shadow-lg{box-shadow:0 20px 45px #00000073}.shadow-md{box-shadow:0 12px 30px #00000059}@keyframes neonPulse{0%{box-shadow:0 0 #7c3aed00;transform:translateY(0)}50%{box-shadow:0 0 18px #7c3aed59,0 0 28px #ec489940;transform:translateY(-1px)}to{box-shadow:0 0 #7c3aed00;transform:translateY(0)}}.icon-btn{animation:neonPulse 3.5s ease-in-out infinite}@keyframes holoShift{0%{background-position:0% 50%;filter:hue-rotate(0deg) saturate(120%)}50%{background-position:100% 50%;filter:hue-rotate(25deg) saturate(150%)}to{background-position:0% 50%;filter:hue-rotate(0deg) saturate(120%)}}.glass-holo{background:linear-gradient(120deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 100%),linear-gradient(90deg,#7c3aed,#ec4899,#22d3ee,#7c3aed);background-size:200% 200%,400% 400%;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:22px;animation:holoShift 16s ease infinite}.spotlight{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.spotlight-beam{position:absolute;top:-20vh;left:50%;transform:translate(-50%);width:120vmax;height:120vmax;pointer-events:none;background:radial-gradient(ellipse at 50% 15%,rgba(255,255,255,.18),rgba(255,255,255,0) 50%),radial-gradient(ellipse at 50% 25%,rgba(124,58,237,.25),rgba(124,58,237,0) 55%),radial-gradient(ellipse at 50% 35%,rgba(34,211,238,.18),rgba(34,211,238,0) 60%);filter:blur(22px) saturate(140%);animation:beamFloat 18s ease-in-out infinite alternate}@keyframes beamFloat{0%{transform:translate(-50%) translateY(0) rotate(0);opacity:.8}50%{transform:translate(-52%) translateY(10px) rotate(-1.5deg);opacity:.95}to{transform:translate(-48%) translateY(-8px) rotate(1.5deg);opacity:.85}}@keyframes rp-float{0%{transform:translateY(0) scale(1);opacity:.35}50%{transform:translateY(-10px) scale(1.05);opacity:.6}to{transform:translateY(0) scale(1);opacity:.35}}.rank-particles{position:relative;height:46px;margin-top:-10px;margin-bottom:6px;pointer-events:none;filter:blur(1px)}.rank-particles span{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,255,255,.6) 40%,transparent 70%);box-shadow:0 0 16px #7c3aedb3,0 0 28px #ec489980;animation:rp-float 4.5s ease-in-out infinite}.rank-particles span:nth-child(1){left:8%;animation-delay:0s}.rank-particles span:nth-child(2){left:16%;animation-delay:.3s}.rank-particles span:nth-child(3){left:24%;animation-delay:.6s}.rank-particles span:nth-child(4){left:32%;animation-delay:.9s}.rank-particles span:nth-child(5){left:40%;animation-delay:1.2s}.rank-particles span:nth-child(6){left:48%;animation-delay:1.5s}.rank-particles span:nth-child(7){left:56%;animation-delay:1.8s}.rank-particles span:nth-child(8){left:64%;animation-delay:2.1s}.rank-particles span:nth-child(9){left:72%;animation-delay:2.4s}.rank-particles span:nth-child(10){left:80%;animation-delay:2.7s}.rank-particles span:nth-child(11){left:88%;animation-delay:3s}.rank-particles span:nth-child(12){left:94%;animation-delay:3.3s}@keyframes podiumPulse{0%{transform:scale(.98);opacity:.7}50%{transform:scale(1.03);opacity:1}to{transform:scale(.98);opacity:.7}}.leaderboard .card{position:relative;overflow:visible}.leaderboard .card:nth-child(1):before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:18px;background:radial-gradient(120% 120% at 50% 30%,rgba(255,215,0,.28),rgba(124,58,237,.18) 60%,transparent 75%);filter:blur(12px);animation:podiumPulse 3.8s ease-in-out infinite;z-index:-1}.leaderboard .card:nth-child(2):before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:18px;background:radial-gradient(120% 120% at 50% 30%,rgba(192,192,192,.26),rgba(34,211,238,.16) 60%,transparent 75%);filter:blur(12px);animation:podiumPulse 4.2s ease-in-out infinite;z-index:-1}.leaderboard .card:nth-child(3):before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:18px;background:radial-gradient(120% 120% at 50% 30%,rgba(205,127,50,.26),rgba(236,72,153,.16) 60%,transparent 75%);filter:blur(12px);animation:podiumPulse 4.6s ease-in-out infinite;z-index:-1}.leaderboard .card:nth-child(1) .title:after{content:" 👑";font-size:.95em;margin-left:4px}.fire-amount{display:inline-block;background:linear-gradient(90deg,#fff7cc 0%,#ffd166 15%,#ff9f40 35%,#ff4d2d 55%,#ff0066 75%,#ffd166 100%);background-size:250% 250%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(255,120,0,.35),0 0 24px rgba(255,60,0,.35);animation:fireFlow 3.2s linear infinite,firePulse 2.2s ease-in-out infinite}@keyframes fireFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes firePulse{0%,to{filter:drop-shadow(0 0 0 rgba(255,120,0,0))}50%{filter:drop-shadow(0 0 18px rgba(255,140,0,.65)) drop-shadow(0 0 36px rgba(255,60,0,.45))}}button,input,textarea,select{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:0 0 0 2px #ffffff26,0 0 0 6px #7c3aed59;border-color:#ffffff40!important}.neon-btn{background:linear-gradient(180deg,rgba(30,30,40,.85),rgba(18,18,26,.85));color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 14px;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000059,inset 0 0 0 1px #ffffff0a;transition:transform .08s ease,box-shadow .12s ease}.neon-btn:hover{transform:translateY(-1px)}.neon-btn:active{transform:translateY(0)}.neon-btn.pi{background:linear-gradient(145deg,rgba(124,58,237,.95) 0%,rgba(236,72,153,.9) 55%,rgba(34,211,238,.9) 100%);text-shadow:0 1px 6px rgba(0,0,0,.6)}.neon-pill{padding:8px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(30,30,40,.85),rgba(18,18,26,.85));font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.toast-glass{color:#fff;padding:12px 16px;border-radius:16px;font-weight:800;border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 32px #0006,inset 0 0 0 1px #ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn,.pill,button{background:linear-gradient(135deg,#7c3aed,#ec4899,#22d3ee);color:#fff!important;font-weight:700;border:1px solid rgba(255,255,255,.15);border-radius:14px;box-shadow:0 4px 12px #0006,0 0 16px #7c3aed59;transition:all .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn:hover,.pill:hover,button:hover{box-shadow:0 8px 22px #ec489980,0 0 24px #22d3ee80;transform:translateY(-1px)}.btn:active,.pill:active,button:active{transform:translateY(0);box-shadow:0 2px 6px #0006}button[disabled]{opacity:.5;cursor:not-allowed}.awards-stats{background:linear-gradient(90deg,#7c3aed,#ec4899,#22d3ee);-webkit-background-clip:text;color:transparent;font-weight:700;opacity:.9;text-shadow:0 0 6px rgba(124,58,237,.25)}.award-card.completed{box-shadow:0 0 20px #7c3aed59,0 0 40px #ec489940;animation:holoShift 14s ease infinite;border:1px solid rgba(255,255,255,.18)}.reward-pi{background:linear-gradient(90deg,#ec4899,#22d3ee,#7c3aed);background-size:300% 300%;-webkit-background-clip:text;color:transparent;animation:shimmer 6s linear infinite;font-weight:800}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}