@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Nunito:wght@300;400;500;600;700;800&family=Lora:wght@400;500;600;700&display=swap);:root{--font-primary:"Nunito","Segoe UI","Tahoma",-apple-system,BlinkMacSystemFont,sans-serif;--font-fantasy:"Cinzel","Times New Roman",serif;--font-elegant:"Lora","Georgia",serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-base:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--blur-sm:blur(4px);--blur-base:blur(8px);--blur-md:blur(12px);--blur-lg:blur(16px);--blur-xl:blur(24px);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 4px 6px -1px #0000001a;--shadow-md:0 10px 15px -3px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a;--shadow-xl:0 25px 50px -12px #00000040;--shadow-2xl:0 50px 100px -20px #00000040;--shadow-glow:0 0 20px #9c27b04d;--transition-fast:150ms ease-in-out;--transition-base:300ms ease-in-out;--transition-slow:500ms ease-in-out;--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}.guild-titans,[data-guild=titans]{--primary-color:#dc2626;--primary-hover:#b91c1c;--primary-light:#fecaca;--secondary-color:#f59e0b;--secondary-hover:#d97706;--accent-color:#7c2d12;--background-color:#0f172af2;--background-card:#1e293be6;--background-overlay:#000000b3;--text-color:#f8fafc;--text-color-muted:#cbd5e1;--text-color-secondary:#94a3b8;--border-color:#dc26264d;--border-color-light:#dc26261a;--glow-color:#dc262666}.guild-illumination,[data-guild=illumination]{--primary-color:#7c3aed;--primary-hover:#6d28d9;--primary-light:#ddd6fe;--secondary-color:#06b6d4;--secondary-hover:#0891b2;--accent-color:#581c87;--background-color:#0f172af2;--background-card:#1e293be6;--background-overlay:#000000b3;--text-color:#f8fafc;--text-color-muted:#cbd5e1;--text-color-secondary:#94a3b8;--border-color:#7c3aed4d;--border-color-light:#7c3aed1a;--glow-color:#7c3aed66}.guild-envoys,[data-guild=envoys]{--primary-color:#059669;--primary-hover:#047857;--primary-light:#a7f3d0;--secondary-color:#0ea5e9;--secondary-hover:#0284c7;--accent-color:#064e3b;--background-color:#0f172af2;--background-card:#1e293be6;--background-overlay:#000000b3;--text-color:#f8fafc;--text-color-muted:#cbd5e1;--text-color-secondary:#94a3b8;--border-color:#0596694d;--border-color-light:#0596691a;--glow-color:#05966966}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body,html{height:100%;overflow:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-color);color:var(--text-color);font-family:Nunito,Segoe UI,Tahoma,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0;padding:0}#root{height:100%;overflow:auto}.text-fantasy{font-family:Cinzel,Times New Roman,serif;font-family:var(--font-fantasy);letter-spacing:.05em}.text-elegant{font-family:Lora,Georgia,serif;font-family:var(--font-elegant)}.text-shadow{text-shadow:2px 2px 4px #00000080}.text-glow{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-family:Cinzel,Times New Roman,serif;font-family:var(--font-fantasy);font-weight:600;line-height:1.2;margin:0 0 1rem;margin:0 0 var(--space-4)}h1{font-size:3rem;font-size:var(--font-size-5xl)}h2{font-size:2.25rem;font-size:var(--font-size-4xl)}h3{font-size:1.875rem;font-size:var(--font-size-3xl)}h4{font-size:1.5rem;font-size:var(--font-size-2xl)}h5{font-size:1.25rem;font-size:var(--font-size-xl)}h6,p{font-size:1.125rem;font-size:var(--font-size-lg)}p{color:var(--text-color);margin:0 0 1rem;margin:0 0 var(--space-4)}.frosted-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:var(--background-card);border:1px solid var(--border-color-light);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);transition:all .3s ease-in-out;transition:all var(--transition-base)}.frosted-glass:hover{border-color:var(--border-color);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card{@extend .frosted-glass;margin:1rem 0;margin:var(--space-4) 0;padding:1.5rem;padding:var(--space-6)}.card-header{border-bottom:1px solid var(--border-color-light);margin-bottom:1rem;margin-bottom:var(--space-4);padding-bottom:.75rem;padding-bottom:var(--space-3)}.card-title{color:var(--primary-color);font-size:1.5rem;font-size:var(--font-size-2xl);margin:0;text-shadow:2px 2px 4px #0000004d}.btn,.card-title{font-family:Cinzel,Times New Roman,serif;font-family:var(--font-fantasy)}.btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:800;gap:.5rem;gap:var(--space-2);justify-content:center;letter-spacing:.1em;overflow:hidden;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;text-shadow:0 2px 4px #00000080;text-transform:uppercase;transition:all var(--transition-smooth)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease-in-out;transition:left var(--transition-slow);width:100%}.btn:hover:before{left:100%}.btn:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);transform:scale(1.05)}.btn:active{transform:scale(.98)}.btn-primary{animation:buttonPulse 2s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:2px solid var(--primary-color);box-shadow:0 20px 25px -5px #0000001a,0 0 15px #6366f14d,inset 0 1px 0 #fff3;box-shadow:var(--shadow-lg),0 0 15px rgba(var(--primary-color-rgb,99,102,241),.3),inset 0 1px 0 #fff3;color:#fff;color:var(--white)}.btn-primary:hover{animation:none;background:linear-gradient(135deg,var(--primary-hover),var(--secondary-color));border-color:var(--secondary-color);box-shadow:0 50px 100px -20px #00000040,0 0 25px var(--glow-color),inset 0 1px 0 #ffffff4d;box-shadow:var(--shadow-2xl),0 0 25px var(--glow-color),inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.05)}.btn-secondary{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-hover));border:1px solid var(--secondary-color);color:#fff;color:var(--white)}.btn-ghost{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-ghost:hover{background:var(--primary-color);color:#fff;color:var(--white)}.overlay{background:var(--background-overlay);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.content-with-overlay{position:relative;z-index:2}.background-fantasy{overflow:hidden;position:relative}.background-fantasy:before{background:radial-gradient(circle at 20% 20%,var(--primary-color) 10 0,#0000 50%),radial-gradient(circle at 80% 80%,var(--secondary-color) 10 0,#0000 50%),var(--background-color);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@media (max-width:768px){:root{--font-size-5xl:2.25rem;--font-size-4xl:1.875rem;--font-size-3xl:1.5rem}.card{margin:.5rem 0;margin:var(--space-2) 0;padding:1rem;padding:var(--space-4)}.btn{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.m-0{margin:0}.m-1{margin:.25rem;margin:var(--space-1)}.m-2{margin:.5rem;margin:var(--space-2)}.m-3{margin:.75rem;margin:var(--space-3)}.m-4{margin:1rem;margin:var(--space-4)}.m-6{margin:1.5rem;margin:var(--space-6)}.m-8{margin:2rem;margin:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-gaming{-webkit-text-fill-color:#0000;animation:textPulse 2s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px var(--glow-color));font-family:Cinzel,Times New Roman,serif;font-family:var(--font-fantasy);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.text-neon{animation:neonFlicker 1.5s infinite alternate;color:var(--primary-color);font-weight:700;text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor,0 0 20px currentColor}.text-epic{-webkit-text-fill-color:#0000;animation:epicShimmer 3s ease-in-out infinite;background:linear-gradient(45deg,gold,orange,#ff6b6b,#ff8e53);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;font-size:1.2em;font-weight:800;text-shadow:0 0 20px #ffd70080}.text-epic,.text-legendary{font-family:Cinzel,Times New Roman,serif;font-family:var(--font-fantasy)}.text-legendary{-webkit-text-fill-color:#0000;animation:legendaryGlow 4s ease-in-out infinite;background:linear-gradient(45deg,#8a2be2,indigo,#9370db,#ba55d3);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;filter:drop-shadow(0 0 10px #8a2be2);font-weight:900;letter-spacing:.15em;text-transform:uppercase}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline{display:inline}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.text-primary{color:var(--primary-color)!important}.text-secondary{color:var(--secondary-color)!important}.text-muted{color:var(--text-color-muted)!important}.vietnamese-text{font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,Segoe UI,Tahoma,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);text-rendering:optimizeLegibility}.vietnamese-title{font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;font-family:Cinzel,Times New Roman,serif;font-family:var(--font-fantasy);text-rendering:optimizeLegibility}.text-contrast-high{color:var(--color-white)!important;text-shadow:1px 1px 2px #000c!important}.text-contrast-medium{color:#fffffff2!important;text-shadow:1px 1px 2px #00000080!important}.text-safe{color:var(--text-color)!important;text-shadow:none!important}.text-auto-contrast{color:var(--text-color);text-shadow:1px 1px 2px #0000004d}.dialog-text{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#0f172af2!important;background:rgba(var(--background-color-rgb,15,23,42),.95)!important;border-radius:.75rem!important;border-radius:var(--radius-md)!important;color:var(--text-color)!important;padding:.5rem 1rem!important;padding:var(--space-2) var(--space-4)!important}.rounded{border-radius:.5rem;border-radius:var(--radius-base)}.rounded-lg{border-radius:1rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1.5rem;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-base)}.shadow-lg{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl)}@keyframes textPulse{0%{filter:drop-shadow(0 0 5px var(--glow-color));transform:scale(1)}to{filter:drop-shadow(0 0 15px var(--glow-color)) drop-shadow(0 0 25px var(--glow-color));transform:scale(1.05)}}@keyframes neonFlicker{0%,to{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor,0 0 20px currentColor}50%{text-shadow:0 0 2px currentColor,0 0 5px currentColor,0 0 8px currentColor,0 0 12px currentColor}}@keyframes legendaryGlow{0%{background-position:0 50%;filter:drop-shadow(0 0 5px #8a2be2) brightness(1)}25%{background-position:100% 50%;filter:drop-shadow(0 0 15px #8a2be2) brightness(1.2)}50%{background-position:50% 100%;filter:drop-shadow(0 0 25px #8a2be2) brightness(1.4)}75%{background-position:50% 0;filter:drop-shadow(0 0 15px #8a2be2) brightness(1.2)}to{background-position:0 50%;filter:drop-shadow(0 0 5px #8a2be2) brightness(1)}}@keyframes buttonPulse{0%{box-shadow:0 20px 25px -5px #0000001a,0 0 10px #6366f133,inset 0 1px 0 #fff3;box-shadow:var(--shadow-lg),0 0 10px rgba(var(--primary-color-rgb,99,102,241),.2),inset 0 1px 0 #fff3}to{box-shadow:0 25px 50px -12px #00000040,0 0 20px #6366f166,inset 0 1px 0 #ffffff4d;box-shadow:var(--shadow-xl),0 0 20px rgba(var(--primary-color-rgb,99,102,241),.4),inset 0 1px 0 #ffffff4d}}code{background:#0000001a;border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:.2em .4em}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}::selection{background:var(--primary-color);color:var(--white)}.community-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ee6;border:1px solid #ffd7004d;border-radius:20px;margin:2rem 0;overflow:hidden;padding:2rem;position:relative}.community-stats:before{background:linear-gradient(45deg,#ffd7000d,#4ecdc40d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.stats-container{position:relative;z-index:1}.stats-header{margin-bottom:2rem;text-align:center}.stats-title{align-items:center;color:gold;display:flex;font-size:1.8rem;font-weight:700;gap:.5rem;justify-content:center;margin:0 0 .5rem}.stats-subtitle{color:#fffc;font-size:1rem;font-style:italic;margin:0}.stats-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.stat-card{background:#ffffff0d;border:1px solid #ffffff1a;position:relative}.stat-card:before{background:linear-gradient(45deg,#0000,#ffffff0d,#0000);border-radius:15px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:#ffd7004d;box-shadow:0 10px 30px #ffd7001a}.stat-card.heroes{border-color:#4ecdc44d}.stat-card.heroes:hover{border-color:#4ecdc499;box-shadow:0 10px 30px #4ecdc433}.stat-card.distance{border-color:#ff6b6b4d}.stat-card.distance:hover{border-color:#ff6b6b99;box-shadow:0 10px 30px #ff6b6b33}.stat-card.aura{border-color:#ffd7004d}.stat-card.aura:hover{border-color:#ffd70099;box-shadow:0 10px 30px #ffd70033}.stat-icon{margin-bottom:1rem}.stat-heroes .stat-icon{color:#4ecdc4}.stat-distance .stat-icon{color:#ff6b6b}.stat-aura .stat-icon{color:gold}.stat-content{position:relative}.stat-number{font-size:2.2rem;margin-bottom:.5rem;text-shadow:0 2px 10px #00000080}.stat-unit{color:#ffffffb3;font-size:1.2rem;font-weight:400}.community-stats.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{border:3px solid #fff3;height:50px;width:50px}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:10px;color:#ff6b6b;font-size:.9rem;margin:1rem 0;padding:1rem;text-align:center}.error-icon{margin-right:.5rem}.stats-footer{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1rem;text-align:center}.last-updated{color:#fff9;font-size:.8rem;font-style:italic;margin:0}@media (max-width:768px){.community-stats{margin:1rem 0;padding:1.5rem}.stats-title{font-size:1.5rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1rem}.stat-number{font-size:1.8rem}.stat-icon{font-size:2rem}}@media (max-width:480px){.stats-title{flex-direction:column;font-size:1.3rem;gap:.25rem}.title-icon{font-size:1.5rem}.stat-number{font-size:1.6rem}}.stat-number{transition:color .3s ease}.stat-card:hover .stat-number{color:gold}.landing-page{background:#000;overflow-x:hidden;position:relative}.scroll-navigation{display:flex;flex-direction:column;gap:15px;position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000}.nav-dot{background:#0000;border:2px solid #ffd70080;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.nav-dot.active,.nav-dot:hover{background:gold;box-shadow:0 0 20px #ffd700cc;transform:scale(1.2)}.section{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.section-content{margin:0 auto;max-width:1200px;padding:0 40px;position:relative;text-align:center;z-index:10}.section-title{animation:fadeInUp 1s ease .5s both;font-size:clamp(2.5rem,5vw,4rem);margin-bottom:3rem;text-shadow:2px 2px 4px #000c}.hero-section{background:linear-gradient(135deg,#0f1419,#1a237e 50%,#2c1810);position:relative}.hero-background{height:120%;left:0;position:absolute;top:0;width:100%;z-index:1}.aethelgard-island{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffd7004d 0,#1a237e99 40%,#0000 70%);height:400px;width:600px}.aethelgard-island,.island-glow{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.island-glow{animation:glow 4s ease-in-out infinite;background:radial-gradient(circle,#ffd70033 0,#0000 70%);height:80%;width:80%}.particle{animation:particleFloat 8s linear infinite;background:#ffd700cc}.particle:nth-child(odd){animation-duration:12s;background:#fff9}.particle-1{left:10%}.particle-2{animation-delay:1s;left:20%}.particle-3{animation-delay:2s;left:30%}.particle-4{animation-delay:.5s;left:40%}.particle-5{animation-delay:1.5s}.particle-6{animation-delay:2.5s;left:60%}.particle-7{animation-delay:.8s;left:70%}.particle-8{animation-delay:1.8s;left:80%}.particle-9{animation-delay:2.8s;left:90%}.particle-10{animation-delay:3s;left:15%}.particle-11{animation-delay:.2s;left:25%}.particle-12{animation-delay:1.2s;left:35%}.particle-13{animation-delay:2.2s;left:45%}.particle-14{animation-delay:.7s;left:55%}.particle-15{animation-delay:1.7s;left:65%}.particle-16{animation-delay:2.7s;left:75%}.particle-17{animation-delay:.3s;left:85%}.particle-18{animation-delay:1.3s;left:95%}.particle-19{animation-delay:2.3s;left:5%}.particle-20{animation-delay:.9s;left:95%}.hero-content{color:#fff;position:relative;text-align:center;z-index:10}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:700;margin-bottom:2rem;text-shadow:3px 3px 6px #000c}.title-line-1{animation:slideInLeft 1.2s ease .3s both;color:#fff;display:block}.title-line-2{animation:slideInRight 1.2s ease .6s both;color:gold;display:block;text-shadow:0 0 20px #ffd70080}.hero-subtitle{animation:fadeInUp 1s ease .9s both;color:#ccc;font-size:clamp(1.2rem,3vw,1.8rem);margin-bottom:3rem}.hero-cta{animation:fadeInUp 1s ease 1.2s both}.scroll-hint{align-items:center;background:none;border:none;color:gold;cursor:pointer;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600;gap:1rem;letter-spacing:1px;margin:0 auto;text-transform:uppercase;transition:all .3s ease}.scroll-hint:hover{color:#fff;transform:translateY(-5px)}.scroll-arrow{align-items:center;animation:bounce 2s infinite;border:2px solid gold;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.arrow-down{border-left:8px solid #0000;border-right:8px solid #0000;border-top:12px solid gold;height:0;width:0}.hero-overlay{background:#0000004d;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.threat-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1419);color:#fff}.threat-background{background:radial-gradient(circle at 30% 20%,#8b45134d 0,#0000 50%),radial-gradient(circle at 70% 80%,#1919704d 0,#0000 50%);height:120%;left:0;position:absolute;top:0;width:100%;z-index:1}.darkness-title{color:#ff6b6b;text-shadow:0 0 20px #ff6b6b80}.threat-content{animation:fadeInUp .8s ease both}.threat-story{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.story-block{animation:slideInUp .8s ease both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ff6b6b4d;border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease}.story-block:nth-child(2){animation-delay:.2s}.story-block:nth-child(3){animation-delay:.4s}.story-block:hover{border-color:#ff6b6b99;box-shadow:0 10px 30px #ff6b6b33;transform:translateY(-10px)}.story-icon{display:block;font-size:3rem;margin-bottom:1rem}.story-block h3{color:#ff6b6b;font-size:1.5rem;margin-bottom:1rem}.story-block p{color:#ccc;font-size:1rem;line-height:1.6}.hope-section{background:linear-gradient(135deg,#2c1810,#1a237e 50%,#0f3460);color:#fff}.hope-background{background:radial-gradient(circle at 20% 80%,#ffd7001a 0,#0000 50%),radial-gradient(circle at 80% 20%,#0096ff1a 0,#0000 50%);height:120%;left:0;position:absolute;top:0;width:100%;z-index:1}.hope-title{color:#4ecdc4;text-shadow:0 0 20px #4ecdc480}.hope-content{animation:fadeInUp .8s ease both}.academy-story{margin-top:3rem}.academy-intro{margin-bottom:3rem}.academy-emblem{height:120px;margin:0 auto 2rem;position:relative;width:120px}.emblem-inner{align-items:center;animation:rotate 20s linear infinite;background:#4ecdc41a;border:3px solid #4ecdc4;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.emblem-symbol{color:#4ecdc4;font-size:3rem;text-shadow:0 0 20px #4ecdc4cc}.academy-description{color:#ccc;font-size:1.3rem;line-height:1.8;margin:0 auto;max-width:800px}.philosophy-blocks{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:3rem 0}.philosophy-block{animation:slideInUp .8s ease both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #4ecdc44d;border-radius:15px;max-width:300px;padding:2rem;text-align:center;transition:all .3s ease}.philosophy-block:hover{border-color:#4ecdc499;box-shadow:0 10px 30px #4ecdc433;transform:translateY(-10px)}.philosophy-icon{font-size:3rem;margin-bottom:1rem}.philosophy-arrow{animation:pulse 2s infinite;color:#4ecdc4;font-size:2rem}.philosophy-block h3{color:#4ecdc4;font-size:1.5rem;margin-bottom:1rem}.aura-explanation{animation:fadeInUp .8s ease .4s both;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:20px;margin-top:3rem;padding:3rem}.aura-explanation h3{color:gold;font-size:2rem;margin-bottom:1.5rem}.aura-explanation p{color:#f0f0f0;font-size:1.2rem;line-height:1.8}.cta-section{background:linear-gradient(135deg,#0f1419,#2c1810 50%,#1a237e);color:#fff}.cta-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.forge-fire{height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.fire-particle{animation:fireFloat 3s ease-in-out infinite;background:radial-gradient(circle,#ff6b35 0,#f7941d 50%,#0000 100%);border-radius:50%;height:6px;position:absolute;width:6px}.fire-particle:first-child{animation-delay:0s;left:40%}.fire-particle:nth-child(2){animation-delay:1s;left:50%}.fire-particle:nth-child(3){animation-delay:2s;left:60%}@keyframes fireFloat{0%,to{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:.2;transform:translateY(-100px) scale(1.5)}}.cta-content{animation:fadeInUp .8s ease both}.cta-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;margin-bottom:2rem;text-align:center}.cta-title .title-line-1{animation:pulse 2s infinite;color:gold;display:block;text-shadow:0 0 30px #ffd700cc}.cta-title .title-line-2{color:#fff;display:block;margin-top:.5rem}.cta-description{color:#ccc;font-size:1.3rem;line-height:1.8;margin:0 auto 3rem;max-width:700px}.cta-buttons{flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:3rem}.cta-buttons,.primary-cta{align-items:center;display:flex}.primary-cta{background:linear-gradient(135deg,#ff6b35,#f7941d);border:none;border-radius:50px;box-shadow:0 10px 30px #ff6b3566;color:#fff;font-size:1.2rem;font-weight:700;gap:1rem;letter-spacing:1px;overflow:hidden;padding:1.5rem 3rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.primary-cta:hover{box-shadow:0 15px 40px #ff6b3599;transform:translateY(-5px) scale(1.05)}.button-glow{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.primary-cta:hover .button-glow{left:100%}.secondary-cta{align-items:center;background:#0000;border:2px solid #4ecdc4;border-radius:50px;color:#4ecdc4;display:flex;font-size:1.1rem;font-weight:600;gap:1rem;letter-spacing:1px;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.secondary-cta:hover{background:#4ecdc41a;box-shadow:0 10px 25px #4ecdc44d;transform:translateY(-3px)}.cta-icon{font-size:1.5rem}.guild-paths{margin:2rem 0 3rem;padding:2rem 0}.path-preview{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.path-item{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #ffd7004d;border-radius:12px;display:flex;flex-direction:column;min-width:180px;padding:1.5rem;transition:all .3s ease}.path-item:hover{background:#ffffff26;border-color:#ffd70099;box-shadow:0 10px 25px #ffd70033;transform:translateY(-5px)}.path-icon{font-size:2.5rem;margin-bottom:.5rem}.path-name{color:gold;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.path-focus{color:#ccc;font-size:.9rem;text-align:center}.guild-preview{animation:fadeInUp .8s ease .4s both;margin-top:2rem}.guild-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.stat-number{font-size:2.5rem;text-shadow:0 0 20px #fff9}.stat-label{color:#ccc;display:block;font-size:1rem;margin-top:.5rem}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.scroll-navigation{right:15px}.section-content{padding:0 20px}.threat-story{grid-template-columns:1fr}.philosophy-blocks{flex-direction:column;gap:1rem}.philosophy-arrow{transform:rotate(90deg)}.cta-buttons{flex-direction:column;gap:1rem}.guild-stats{gap:2rem}.aethelgard-island{height:300px;width:400px}}@media (max-width:480px){.nav-dot{height:10px;width:10px}.scroll-navigation{gap:10px}.philosophy-block,.story-block{padding:1.5rem}.aura-explanation{padding:2rem}.primary-cta{font-size:1rem;padding:1.2rem 2rem}.secondary-cta{font-size:1rem;padding:.8rem 1.5rem}}.auth-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffd7004d;border-radius:15px;box-shadow:0 20px 40px #0000004d;max-width:400px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-header h2{color:#1a1a2e;font-size:28px;font-weight:700;margin-bottom:10px;text-shadow:1px 1px 2px #0000001a}.auth-header p{color:#666;font-size:16px;margin:0}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{background:#ffffffe6;border:2px solid #ddd;border-radius:8px;font-size:16px;padding:12px 15px;transition:border-color .3s ease}.form-group input:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70033;outline:none}.auth-button{background:linear-gradient(135deg,gold,#ffed4a);border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:15px;text-transform:uppercase;transition:all .3s ease}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,#ffed4a,gold);box-shadow:0 5px 15px #ffd70066;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-switch{margin-top:25px;text-align:center}.auth-switch p{color:#666;margin:0}.link-button{background:none;border:none;color:gold;cursor:pointer;font-size:inherit;font-weight:600;text-decoration:underline}.link-button:hover{color:#ffed4a}.error-message{background:#ffebee;border-left:4px solid #c62828;border-radius:8px;color:#c62828;font-size:14px;padding:12px}.ascension-path{background:linear-gradient(135deg,#0a0e17,#1a1a2e 30%,#16213e 70%,#0f1419)!important;background-attachment:fixed!important;color:#fff!important;min-height:100vh!important;overflow-x:hidden!important;padding:var(--space-8)!important;position:relative!important}.ascension-path:before{background:radial-gradient(circle at 20% 20%,#ffd7000d 0,#0000 50%),radial-gradient(circle at 80% 80%,#4ecdc40d 0,#0000 50%),radial-gradient(circle at 50% 50%,#8b451308 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.path-header{color:#fff;margin-bottom:3rem;position:relative;text-align:center;z-index:10}.path-title{-webkit-text-fill-color:#0000!important;animation:fadeInUp 1s ease both!important;background:linear-gradient(135deg,gold,orange,#ff6b6b)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 0 15px rgba(255,215,0,.5))!important;font-size:clamp(2.5rem,5vw,4rem)!important;font-weight:800!important;margin-bottom:1rem!important;text-shadow:0 0 20px #ffd70099,0 0 40px #ffd70066,2px 2px 8px #000c!important}.path-subtitle{animation:fadeInUp 1s ease .2s both;color:#ccc;font-size:1.3rem;margin-bottom:2rem}.current-status{animation:fadeInUp 1s ease .4s both!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#141923f2!important;border:2px solid #ffd70066!important;border-radius:20px!important;box-shadow:0 8px 32px #0009,inset 0 1px 0 #ffffff1a!important;color:#fff!important;margin:0 auto 3rem!important;max-width:600px!important;padding:2rem!important}.current-level{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem}.current-icon{animation:pulse 2s infinite;font-size:3rem;text-shadow:0 0 20px #ffd700cc}.current-info h3{color:gold;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.current-info p{color:#ccc;margin:0}.aura-count{color:#4ecdc4;font-size:1.1em;font-weight:700}.next-level-progress{text-align:center}.progress-label{color:gold;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.progress-bar-container{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.progress-bar{background:#ffffff1a;border:1px solid #ffd7004d;border-radius:20px;flex:1 1;height:12px}.progress-fill{background:linear-gradient(90deg,#4ecdc4,#44a08d);border-radius:20px;overflow:hidden;position:relative}.progress-fill:after{animation:progressShine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progressShine{0%{left:-100%}to{left:100%}}.progress-text{color:#4ecdc4;font-size:1rem;font-weight:700;min-width:50px}.aura-needed{color:#ccc;font-size:.9rem}.aura-needed span{color:#ff6b6b;font-weight:700}.ascension-road{margin:0 auto;max-width:800px;z-index:10}.ascension-road,.road-path,.road-segment{position:relative}.road-segment{margin-bottom:2rem}.connection-line{border-radius:2px;height:80px;margin:0 auto 1rem;overflow:hidden;position:relative;width:4px}.connection-line.unlocked{background:linear-gradient(180deg,#4ecdc4,#44a08d);box-shadow:0 0 10px #4ecdc480}.connection-line.locked{background:#ffffff1a}.line-flow{animation:flowDown 3s ease-in-out infinite;background:#ffffff4d;height:20px;left:0;opacity:0;position:absolute;top:0;width:100%}.connection-line.unlocked .line-flow{opacity:1}@keyframes flowDown{0%{opacity:0;top:-20px}50%{opacity:1}to{opacity:0;top:100px}}.level-card{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#141923cc!important;border:2px solid #0000!important;border-radius:20px!important;box-shadow:0 8px 32px #0009,inset 0 1px 0 #ffffff1a!important;color:#fff!important;overflow:hidden!important;padding:2rem!important;position:relative!important;transition:all .3s ease!important}.level-card.unlocked{background:#141923f2!important;border-color:#ffd70066!important;box-shadow:0 10px 30px #0009,inset 0 1px 0 #ffffff1a!important}.level-card.locked{background:#0006!important;border-color:#ffffff1a!important;color:#ffffff80!important;opacity:.6!important}.level-card.current{animation:currentPulse 3s ease-in-out infinite;border-color:gold;box-shadow:0 15px 40px #ffd7004d,inset 0 1px 0 #ffd70033;transform:scale(1.02)}@keyframes currentPulse{0%,to{box-shadow:0 15px 40px #ffd7004d,inset 0 1px 0 #ffd70033}50%{box-shadow:0 20px 50px #ffd70080,inset 0 1px 0 #ffd70066}}.level-card:hover.unlocked{border-color:#4ecdc499;box-shadow:0 20px 40px #4ecdc433;transform:translateY(-5px) scale(1.02)}.level-icon-container{margin-bottom:1.5rem;position:relative;text-align:center}.level-icon{display:inline-block;font-size:4rem;position:relative;text-shadow:0 0 20px #4ecdc4cc;z-index:2}.level-card.locked .level-icon{opacity:.5;text-shadow:none}.current-glow{animation:glow 2s ease-in-out infinite;background:radial-gradient(circle,#ffd7004d 0,#0000 70%);border-radius:50%;height:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px;z-index:1}.level-info{color:#fff;text-align:center}.level-header{margin-bottom:1.5rem}.level-name{color:#00e5ff!important;filter:drop-shadow(0 0 8px rgba(0,229,255,.4))!important;font-size:1.8rem!important;font-weight:800!important;margin-bottom:.5rem!important;text-shadow:0 0 10px #00e5ff99,1px 1px 3px #000c!important}.level-card.locked .level-name{color:#666}.level-english{color:#ccc;font-size:1rem;font-style:italic;margin-bottom:.5rem}.aura-requirement{background:#4ecdc433;border:1px solid #4ecdc480;border-radius:15px;color:#4ecdc4;display:inline-block;font-size:.9rem;font-weight:600;padding:.3rem .8rem}.level-card.locked .aura-requirement{background:#ffffff0d;border-color:#fff3;color:#999}.level-description{color:#ccc;font-size:1rem;font-style:italic;line-height:1.6;margin-bottom:2rem}.level-rewards h4{align-items:center;color:gold;display:flex;font-size:1.3rem;gap:.5rem;justify-content:center;margin-bottom:1rem}.level-rewards h4:after,.level-rewards h4:before{background:linear-gradient(90deg,#0000,gold,#0000);content:"";flex:1 1;height:1px}.rewards-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.reward-item{align-items:center;background:#ffffff0d;border:1px solid #ffd7004d;border-radius:12px;cursor:pointer;display:flex;gap:.8rem;padding:1rem;position:relative;transition:all .3s ease}.reward-item.unlocked{background:#ffd7001a;border-color:#ffd70080}.reward-item.locked{background:#0003;border-color:#ffffff1a;opacity:.5}.reward-item:hover.unlocked{border-color:#ffd700cc;box-shadow:0 8px 20px #ffd7004d;transform:translateY(-2px)}.reward-icon{font-size:1.5rem;text-shadow:0 0 10px #ffd700cc}.reward-item.locked .reward-icon{text-shadow:none}.reward-name{color:#fff;font-size:.95rem;font-weight:600}.reward-item.locked .reward-name{color:#999}.reward-tooltip{animation:tooltipFadeIn .3s ease both;bottom:110%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:100}.tooltip-content{background:#000000f2;border:1px solid #ffd70080;border-radius:8px;box-shadow:0 10px 30px #00000080;color:#fff;font-size:.85rem;max-width:250px;padding:1rem}.tooltip-content strong{color:gold;display:block;margin-bottom:.5rem}.tooltip-content:after{border:6px solid #0000;border-top-color:#000000f2;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.level-hover-glow{animation:hoverGlow 2s ease-in-out infinite;background:linear-gradient(45deg,#0000,#4ecdc44d,#0000);border-radius:25px;bottom:-5px;left:-5px;position:absolute;right:-5px;top:-5px;z-index:-1}@keyframes hoverGlow{0%,to{opacity:.5}50%{opacity:1}}.unlock-particles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.particle{animation:particleFloat 4s ease-in-out infinite;background:gold;opacity:0}.particle-1{left:20%;top:20%}.particle-2{animation-delay:1.3s;right:30%;top:30%}.particle-3{animation-delay:2.6s;bottom:20%;left:50%}.road-end{padding:3rem 0;position:relative;text-align:center}.end-glow{animation:endGlow 4s ease-in-out infinite;background:radial-gradient(circle,#ffd70033 0,#0000 70%);border-radius:50%;height:200px;margin:0 auto 2rem;width:200px}@keyframes endGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.path-complete-text{animation:fadeInUp 1s ease both;color:gold;font-size:1.3rem;font-weight:600;text-shadow:1px 1px 2px #000c}@media (max-width:768px){.ascension-path{padding:1rem}.path-title{font-size:2.5rem}.current-status{margin-bottom:2rem;padding:1.5rem}.current-level{flex-direction:column;gap:1rem;text-align:center}.level-card{padding:1.5rem}.level-icon{font-size:3rem}.level-name{font-size:1.5rem}.rewards-list{grid-template-columns:1fr}.progress-bar-container{flex-direction:column;gap:.5rem}.progress-text{align-self:center}}@media (max-width:480px){.current-status,.level-card{padding:1rem}.level-icon{font-size:2.5rem}.reward-item{flex-direction:column;gap:.5rem;padding:.8rem;text-align:center}.tooltip-content{font-size:.8rem;max-width:200px}}.journey-log{background:linear-gradient(135deg,#0a0e17,#1a1a2e 30%,#16213e 70%,#0f1419)!important;background-attachment:fixed!important;color:#fff!important;min-height:100vh!important;overflow-x:hidden!important;padding:2rem!important;position:relative!important}.journey-log:after{background:#0a0e17b3}.journey-log:after,.journey-log:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.journey-log:before{background:radial-gradient(circle at 20% 20%,#ffd7000d 0,#0000 50%),radial-gradient(circle at 80% 80%,#4ecdc40d 0,#0000 50%)}.loading-state{color:#fff;position:relative;z-index:10}.loading-icon{animation:float 3s ease-in-out infinite}.loading-state h3{color:gold;font-size:1.5rem;margin-bottom:2rem}.loading-spinner{border:4px solid #ffd7004d}.journey-log .log-header{color:#fff!important;margin-bottom:3rem!important;position:relative!important;text-align:center!important;z-index:10!important}.journey-log .log-title{-webkit-text-fill-color:#0000!important;animation:fadeInUp 1s ease both,titleGlow 3s ease-in-out infinite alternate!important;background:linear-gradient(135deg,gold,orange,#ff6b6b)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 0 15px rgba(255,215,0,.5))!important;font-size:clamp(2.5rem,5vw,3.5rem)!important;font-weight:800!important;letter-spacing:.02em!important;margin-bottom:1rem!important;text-shadow:0 0 20px #ffd70099,0 0 40px #ffd70066,2px 2px 8px #000c!important}.title-icon{animation:float 3s ease-in-out infinite;display:block;filter:drop-shadow(0 0 10px rgba(255,215,0,.7));font-size:.8em;margin-bottom:.5rem}.log-subtitle{animation:fadeInUp 1s ease .2s both;color:#fffffff2;font-size:1.2rem;font-weight:500;margin-bottom:3rem;text-shadow:1px 1px 3px #000000b3}.journey-stats{grid-gap:1.5rem;animation:fadeInUp 1s ease .4s both;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px}.stat-card{background:#ffffff14;border:2px solid #0000}.stat-card:hover{box-shadow:0 15px 30px #0000004d}.stat-card.approved{border-color:#4caf5080}.stat-card.approved:hover{border-color:#4caf50cc;box-shadow:0 15px 30px #4caf5033}.stat-card.pending{border-color:#ffc10780}.stat-card.pending:hover{border-color:#ffc107cc;box-shadow:0 15px 30px #ffc10733}.stat-card.rejected{border-color:#f4433680}.stat-card.rejected:hover{border-color:#f44336cc;box-shadow:0 15px 30px #f4433633}.stat-icon{font-size:2.5rem;text-shadow:0 0 10px #ffffff80}.stat-info{gap:.2rem}.stat-number{color:#fffffffa;filter:drop-shadow(0 0 8px rgba(255,255,255,.3));font-size:2rem;text-shadow:1px 1px 3px #000c}.stat-label{color:#ffffffd9;letter-spacing:1px;text-shadow:1px 1px 2px #0009}.filter-tabs{animation:fadeInUp 1s ease .6s both;gap:.5rem;justify-content:center;margin-bottom:3rem}.filter-tab{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1f;border:2px solid #0000;border-radius:25px;color:#ffffffd9;font-weight:600;padding:.8rem 1.5rem;text-shadow:1px 1px 2px #0009}.filter-tab:hover{background:#ffffff40;box-shadow:0 5px 15px #0000004d;color:#fffffffa;transform:translateY(-2px)}.filter-tab.active{background:linear-gradient(135deg,#ffd70040,#ffa50033);border-color:#ffd70099;box-shadow:0 0 20px #ffd70066;color:gold;text-shadow:0 0 8px #ffd700cc,1px 1px 3px #000c}.journey-log .log-content{margin:0 auto!important;max-width:800px!important;position:relative!important;z-index:10!important}.empty-state{color:#fff}.empty-icon{font-size:5rem;margin-bottom:1.5rem}.empty-state h3{color:gold;font-size:1.8rem;margin-bottom:1rem}.empty-state p{color:#ccc;font-size:1.1rem;line-height:1.6}.timeline{position:relative}.timeline-item{animation:slideInUp .6s ease both;display:flex;gap:2rem;margin-bottom:2rem}.timeline-item:nth-child(n+2){animation-delay:.1s}.timeline-item:nth-child(n+3){animation-delay:.2s}.timeline-marker{flex-direction:column;min-width:60px}.marker-icon,.timeline-marker{align-items:center;display:flex;position:relative}.marker-icon{border:3px solid #0000;border-radius:50%;box-shadow:0 0 20px #0000004d;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px;z-index:2}.marker-icon.success{background:linear-gradient(135deg,#4caf50,#66bb6a);border-color:#4caf5080;color:#fff}.marker-icon.warning{background:linear-gradient(135deg,#ffc107,#ffb300);border-color:#ffc10780;color:#1a1a2e}.marker-icon.error{background:linear-gradient(135deg,#f44336,#e57373);border-color:#f4433680;color:#fff}.marker-icon.neutral{background:linear-gradient(135deg,#9e9e9e,#bdbdbd);border-color:#9e9e9e80;color:#fff}.timeline-line{background:linear-gradient(180deg,#ffffff4d,#ffffff1a);border-radius:2px;height:100px;margin-top:1rem;width:3px}.timeline-content{flex:1 1;margin-top:.5rem}.journey-log .submission-card{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#141923f2!important;border:1px solid #fff3!important;border-radius:15px!important;box-shadow:0 8px 32px #0009,inset 0 1px 0 #ffffff1a!important;color:#fff!important;padding:2rem!important;transition:all .3s ease!important}.submission-card:hover{background:#191e28e6;border-color:#ffd70066;box-shadow:0 15px 40px #00000080,0 0 30px #ffd70033,inset 0 1px 0 #fff3;transform:translateY(-3px)}.submission-header{gap:1rem;margin-bottom:1rem}.journey-log .quest-title{color:#00e5ff!important;filter:drop-shadow(0 0 8px rgba(0,229,255,.4))!important;font-size:1.4rem!important;font-weight:800!important;line-height:1.3!important;margin:0!important;text-shadow:0 0 10px #00e5ff99,1px 1px 3px #000c!important}.status-badge{display:flex;font-size:.85rem;gap:.3rem;padding:.5rem 1rem;white-space:nowrap}.status-badge.success{background:#2ecc7140;border:1px solid #2ecc7199;box-shadow:0 0 15px #2ecc714d;color:#2ecc71;text-shadow:0 0 8px #2ecc71cc,1px 1px 2px #000000b3}.status-badge.warning{background:#f1c40f40;border:1px solid #f1c40f99;box-shadow:0 0 15px #f1c40f4d;color:#f1c40f;text-shadow:0 0 8px #f1c40fcc,1px 1px 2px #000000b3}.status-badge.error{background:#e74c3c40;border:1px solid #e74c3c99;box-shadow:0 0 15px #e74c3c4d;color:#e74c3c;text-shadow:0 0 8px #e74c3ccc,1px 1px 2px #000000b3}.status-badge.neutral{background:#9e9e9e33;border:1px solid #9e9e9e80;color:#9e9e9e}.quest-description{background:#ffffff08;border-left:3px solid #00e5ff80;border-radius:8px;color:#ffffffd9;font-size:1rem;font-style:italic;line-height:1.7;padding:.8rem;text-shadow:1px 1px 2px #0009}.quest-description,.submission-details{margin-bottom:1.5rem}.detail-item{align-items:center;display:flex;gap:.5rem;margin-bottom:.8rem;padding:.5rem 0}.detail-item.success{background:#2ecc7126;border-left:4px solid #2ecc71;border-radius:8px;box-shadow:0 0 15px #2ecc7133;padding:.8rem}.detail-item.warning{background:#f1c40f26;border-left:4px solid #f1c40f;border-radius:8px;box-shadow:0 0 15px #f1c40f33;padding:.8rem}.detail-label{color:gold;filter:drop-shadow(0 0 5px rgba(255,215,0,.5));font-weight:700;min-width:100px;text-shadow:0 0 8px #ffd700b3,1px 1px 2px #000000b3}.detail-value{color:#fffffff2;flex:1 1;font-weight:500}.detail-value,.relative-time{text-shadow:1px 1px 2px #0009}.relative-time{color:#ffffffa6;font-size:.9em;margin-left:.5rem}.aura-reward{color:#2ecc71;filter:drop-shadow(0 0 8px rgba(46,204,113,.5));font-weight:700;text-shadow:0 0 10px #2ecc71cc,1px 1px 3px #000000b3}.aura-pending{color:#f1c40f;filter:drop-shadow(0 0 8px rgba(241,196,15,.5));font-weight:700;text-shadow:0 0 10px #f1c40fcc,1px 1px 3px #000000b3}.proof-preview{border-top:1px solid #ffffff1a;padding-top:1rem}.proof-label{color:gold;display:block;filter:drop-shadow(0 0 5px rgba(255,215,0,.5));font-weight:700;margin-bottom:.8rem;text-shadow:0 0 8px #ffd700b3,1px 1px 2px #000000b3}.proof-thumbnail{border:2px solid #fff3;border-radius:8px;cursor:pointer;max-width:200px;overflow:hidden;transition:all .3s ease}.proof-thumbnail:hover{border-color:#ffd70080;transform:scale(1.05)}.proof-image,.proof-video{height:auto}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.journey-log{padding:1rem}.log-title{font-size:2.5rem}.journey-stats{gap:1rem;grid-template-columns:1fr}.filter-tabs{justify-content:stretch}.filter-tab{flex:1 1;font-size:.8rem;padding:.6rem 1rem;text-align:center}.timeline-item{gap:1rem}.marker-icon{font-size:1.2rem;height:50px;width:50px}.timeline-line{height:80px}.submission-card{padding:1.5rem}.submission-header{flex-direction:column;gap:.8rem}.quest-title{font-size:1.2rem}.status-badge{align-self:flex-start}}@media (max-width:480px){.timeline-marker{min-width:50px}.marker-icon{font-size:1rem;height:40px;width:40px}.submission-card{padding:1rem}.detail-item{align-items:flex-start;flex-direction:column;gap:.3rem}.detail-label{min-width:auto}.proof-thumbnail{max-width:150px}}.notification-bell{display:inline-block;position:relative}.bell-button{background:#0000;border:none;border-radius:var(--radius-full);cursor:pointer;padding:var(--space-2);position:relative;transition:all var(--transition-base)}.bell-button:hover{background:#ffffff1a;transform:scale(1.1)}.bell-button:active{transform:scale(.95)}.bell-icon{align-items:center;animation:bellRing 2s ease-in-out infinite;display:flex;font-size:var(--font-size-2xl);justify-content:center;position:relative}@keyframes bellRing{0%,90%,to{transform:rotate(0deg)}15%,5%{transform:rotate(10deg)}10%{transform:rotate(-10deg)}}.notification-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#f44,#c00);border-radius:50%;box-shadow:0 2px 8px #f446;display:flex;height:20px;justify-content:center;min-width:20px;position:absolute;right:-8px;top:-8px}.badge-count{color:#fff;font-size:.7rem;font-weight:700;line-height:1}.notification-dropdown{animation:dropdownFadeIn .3s ease both;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a1a2efa;border:2px solid #ffd7004d;border-radius:15px;box-shadow:0 20px 40px #00000080;max-height:500px;overflow:hidden;position:absolute;right:0;top:100%;width:360px;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{align-items:center;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-bottom:1px solid #ffd70033;display:flex;justify-content:space-between;padding:1rem 1.5rem}.dropdown-header h3{color:gold;font-size:1.1rem;font-weight:700;margin:0}.unread-indicator{background:#f44c;border-radius:12px;color:#fff;font-size:.8rem;font-weight:700;padding:.2rem .6rem}.notifications-list{max-height:350px;overflow-y:auto;scrollbar-color:#ffd70080 #0000;scrollbar-width:thin}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#0000}.notifications-list::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#ffd700b3}.notification-item{border-bottom:1px solid #ffffff0d;gap:1rem;padding:1rem 1.5rem}.notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#ffd7000d;border-left:3px solid gold}.notification-item.unread:hover{background:#ffd7001a}.notification-item.success{border-left-color:#4caf50}.notification-item.legendary{background:linear-gradient(90deg,#9c27b01a,#9c27b00d);border-left-color:#9c27b0}.notification-item.info{border-left-color:#2196f3}.notification-icon{margin-top:.2rem;text-shadow:0 0 10px #ffd70080}.notification-content{flex:1 1}.notification-message{color:#fff;font-size:.9rem;margin:0 0 .5rem}.notification-item.unread .notification-message{font-weight:600}.notification-time{color:#999;font-size:.8rem}.unread-dot{background:gold;box-shadow:0 0 6px #ffd700cc;flex-shrink:0;margin-top:.6rem}.loading-state{color:#ccc;padding:2rem}.loading-spinner{border:3px solid #ffd7004d;height:30px;margin:0 auto 1rem;width:30px}.loading-state p{font-size:.9rem;margin:0}.empty-state{color:#ccc;padding:2rem}.empty-icon{font-size:3rem}.empty-state h4{color:gold;font-size:1.1rem;margin:0 0 .5rem}.empty-state p{font-size:.9rem;line-height:1.4}.dropdown-footer{background:linear-gradient(135deg,#ffd7000d,#0000);border-top:1px solid #ffd70033;padding:1rem 1.5rem;text-align:center}.view-all-button{background:#0000;border:1px solid #ffd70080;border-radius:20px;color:gold;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;width:100%}.view-all-button:hover{background:#ffd7001a;border-color:#ffd700cc;transform:translateY(-1px)}.no-notifications-text{color:#999;font-size:.9rem;font-style:italic;margin:0}.notification-mobile-backdrop{display:none}@media (max-width:767px){.notification-mobile-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:1199}.notification-dropdown{border-radius:12px;left:10px!important;max-height:calc(100vh - 120px);max-width:calc(100vw - 20px);position:fixed!important;right:10px!important;top:100px!important;width:auto!important;z-index:1200}.notifications-list{max-height:calc(100vh - 240px)}.notification-item{gap:.8rem;padding:1rem}.notification-message{font-size:.9rem;line-height:1.3}.notification-icon{font-size:1.3rem;margin-top:.1rem}.dropdown-header{top:0;z-index:1}.dropdown-footer,.dropdown-header{background:#1a1a2efa;padding:1rem;position:-webkit-sticky;position:sticky}.dropdown-footer{bottom:0}.bell-button{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:var(--space-1)}.bell-icon{font-size:1.4rem}.notification-badge{height:18px;min-width:18px;right:-4px;top:-4px}.badge-count{font-size:.65rem}}@media (max-width:360px){.notification-dropdown{left:5px!important;max-width:calc(100vw - 10px);right:5px!important;top:95px!important}.notification-item{gap:.6rem;padding:.8rem}.notification-message{font-size:.85rem}.dropdown-footer,.dropdown-header{padding:.8rem}.dropdown-header h3{font-size:1rem}}.notification-item.legendary .notification-message{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#e1bee7,#ce93d8);-webkit-background-clip:text;background-clip:text;font-weight:700}.notification-item.success .notification-icon{text-shadow:0 0 10px #4caf50cc}.notification-item.legendary .notification-icon{animation:sparkle 2s ease-in-out infinite;text-shadow:0 0 15px #9c27b0cc}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-item.info .notification-icon{text-shadow:0 0 10px #2196f3cc}.enhanced-quest-card{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#141923f2!important;border:2px solid #ffd70066!important;border-color:rgba(var(--primary-color-rgb,255,215,0),.4)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px #0009,inset 0 1px 0 #ffffff1a!important;color:#fff!important;cursor:pointer!important;margin:var(--space-4)!important;overflow:hidden!important;padding:var(--space-6)!important;position:relative!important;transition:all var(--transition-smooth)!important}.enhanced-quest-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-2xl);filter:brightness(1.05);transform:translateY(-8px) scale(1.02)}.enhanced-quest-card:before{background:radial-gradient(circle at 20% 20%,#ffd7001a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8a2be21a 0,#0000 50%);background:radial-gradient(circle at 20% 20%,rgba(var(--primary-color-rgb,255,215,0),.1) 0,#0000 50%),radial-gradient(circle at 80% 80%,rgba(var(--secondary-color-rgb,138,43,226),.1) 0,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.enhanced-quest-card:hover:before{opacity:1}.quest-guild-seal{align-items:center;background:linear-gradient(45deg,#ffd70033,#ffd70066);background:linear-gradient(45deg,rgba(var(--primary-color-rgb,255,215,0),.2),rgba(var(--primary-color-rgb,255,215,0),.4));border:2px solid #ffd70080;border:2px solid rgba(var(--primary-color-rgb,255,215,0),.5);border-radius:var(--radius-full);display:flex;font-size:var(--font-size-3xl);height:60px;justify-content:center;opacity:.7;position:absolute;right:var(--space-4);top:var(--space-4);transition:all var(--transition-base);width:60px}.enhanced-quest-card:hover .quest-guild-seal{box-shadow:0 0 20px var(--glow-color);opacity:1;transform:rotate(10deg) scale(1.1)}.quest-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4);position:relative;z-index:2}.quest-title{color:#00e5ff!important;filter:drop-shadow(0 0 8px rgba(0,229,255,.4))!important;font-size:var(--font-size-2xl)!important;font-weight:800!important;line-height:var(--line-height-tight);margin:0!important;max-width:70%;text-shadow:0 0 10px #00e5ff99,1px 1px 3px #000c!important}.aura-reward{animation:auraGlow 2s ease-in-out infinite alternate;background:linear-gradient(45deg,var(--secondary-color),orange);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--color-black);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--space-2) var(--space-4)}.quest-description{color:var(--text-color-muted);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6);text-shadow:var(--text-shadow)}.accept-challenge-btn{animation:challengePulse 2s ease-in-out infinite;gap:var(--space-2);justify-content:center;letter-spacing:.05em;min-width:200px;text-transform:uppercase}@keyframes challengePulse{0%,to{box-shadow:var(--shadow-lg);transform:scale(1)}50%{box-shadow:var(--shadow-2xl);transform:scale(1.02)}}.accept-challenge-btn:hover{animation:none}.enhanced-quest-card.accepted{animation:questAccepted 1s cubic-bezier(.4,0,.2,1) forwards;background:linear-gradient(135deg,#4caf501a,#4caf500d);background:linear-gradient(135deg,rgba(var(--success-color-rgb,76,175,80),.1) 0,rgba(var(--success-color-rgb,76,175,80),.05) 100%);border-color:var(--success-color)}@keyframes questAccepted{0%{filter:brightness(1);transform:scale(1)}50%{box-shadow:0 0 40px var(--success-color);filter:brightness(1.2);transform:scale(1.05)}to{box-shadow:var(--shadow-xl);filter:brightness(1.1);transform:scale(1)}}.quest-guild-seal.accepted{animation:sealAccepted .8s cubic-bezier(.4,0,.2,1) forwards;background:linear-gradient(45deg,#4caf504d,#4caf5099);background:linear-gradient(45deg,rgba(var(--success-color-rgb,76,175,80),.3),rgba(var(--success-color-rgb,76,175,80),.6));border-color:var(--success-color)}@keyframes sealAccepted{0%{transform:scale(1) rotate(0deg)}50%{box-shadow:0 0 30px var(--success-color);transform:scale(1.3) rotate(180deg)}to{box-shadow:0 0 20px var(--success-color);transform:scale(1.1) rotate(1turn)}}.report-type-indicator{align-items:center;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#0009;background:rgba(var(--color-black-rgb,0,0,0),.6);border-radius:var(--radius-lg);bottom:var(--space-4);color:var(--color-white);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);left:var(--space-4);padding:var(--space-2) var(--space-3);position:absolute}.report-type-indicator .icon{font-size:var(--font-size-base)}.enhanced-quest-card.loading{opacity:.7;pointer-events:none}.enhanced-quest-card.loading .accept-challenge-btn{animation:none;cursor:not-allowed}@media (max-width:768px){.enhanced-quest-card{margin:var(--space-3) var(--space-2);padding:var(--space-5)}.quest-title{font-size:var(--font-size-xl);max-width:60%}.quest-guild-seal{font-size:var(--font-size-2xl);height:50px;right:var(--space-3);top:var(--space-3);width:50px}.accept-challenge-btn{padding:var(--space-3) var(--space-6);width:100%}}.dynamic-quest-report{animation:reportInterfaceReveal 1s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #8a2be266;border-radius:20px;box-shadow:0 12px 40px #00000026,inset 0 1px 0 #ffffff1a;margin:24px 16px;opacity:0;overflow:hidden;padding:32px;position:relative;transform:translateY(30px) scale(.95)}@keyframes reportInterfaceReveal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dynamic-quest-report:before{background:radial-gradient(circle at 30% 30%,#8a2be21a 0,#0000 50%),radial-gradient(circle at 70% 70%,#4b00821a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.report-header{margin-bottom:32px;position:relative;text-align:center;z-index:2}.report-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#9c27b0,#3f51b5);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:8px;text-shadow:2px 2px 4px #00000080}.report-subtitle{color:#fffc;font-size:1.1rem;margin-bottom:16px}.report-type-badge{align-items:center;background:linear-gradient(45deg,#8a2be24d,#8a2be280);border:1px solid #8a2be299;border-radius:20px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;padding:8px 16px}.report-input-section{margin-bottom:32px;position:relative;z-index:2}.input-label{color:#fff;display:block;font-size:1.1rem;font-weight:700;margin-bottom:12px;text-shadow:1px 1px 2px #00000080}.text-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border:2px solid #8a2be24d;border-radius:12px;color:#fff;font-size:1rem;line-height:1.6;min-height:120px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.text-input:focus{background:#0006;border-color:#8a2be2cc;box-shadow:0 0 20px #8a2be24d;outline:none}.text-input::placeholder{color:#ffffff80}.file-input-container{background:#0003;border:2px dashed #8a2be280;border-radius:12px;cursor:pointer;padding:32px;position:relative;text-align:center;transition:all .3s ease}.file-input-container:hover{background:#8a2be21a;border-color:#8a2be2cc}.file-input-container.drag-over{background:#9c27b033;border-color:#9c27b0;transform:scale(1.02)}.file-input-container.has-file{background:#4caf501a;border-color:#4caf50cc}.file-input-content{pointer-events:none}.file-input-icon{font-size:3rem;margin-bottom:16px;opacity:.7}.file-input-text{color:#ffffffe6;font-size:1.1rem;margin-bottom:8px}.file-input-hint{color:#fff9;font-size:.9rem}.file-preview{background:#0000004d;border:1px solid #4caf5080;border-radius:8px;margin-top:16px;padding:16px}.file-preview-info{align-items:center;color:#4caf50;display:flex;gap:12px}.file-preview-icon{font-size:1.5rem}.file-preview-details{flex:1 1}.file-preview-name{font-weight:700;margin-bottom:4px}.file-preview-size{font-size:.9rem;opacity:.8}.file-remove-btn{background:#f4433633;border:1px solid #f4433680;border-radius:6px;color:#f44336;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s ease}.file-remove-btn:hover{background:#f443364d;border-color:#f44336cc}.audio-recorder{padding:24px;text-align:center}.record-button{align-items:center;background:linear-gradient(45deg,#f44336,#ff5722);border:4px solid #f44336cc;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:80px;justify-content:center;margin-bottom:16px;position:relative;transition:all .3s ease;width:80px}.record-button:hover{box-shadow:0 0 30px #f4433680;transform:scale(1.1)}.record-button.recording{animation:recordingPulse 1s ease-in-out infinite;background:linear-gradient(45deg,#ff1744,#f44336)}@keyframes recordingPulse{0%,to{box-shadow:0 0 0 0 #f44336b3;transform:scale(1)}50%{box-shadow:0 0 0 10px #f4433600;transform:scale(1.05)}}.recording-status{color:#ffffffe6;font-size:1.1rem;margin-bottom:8px}.recording-timer{color:#f44336;font-family:monospace;font-size:1.3rem;font-weight:700}.complete-training-btn{animation:successPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#8bc34a);border:none;border-radius:50px;box-shadow:0 8px 24px #4caf5066;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-top:24px;overflow:hidden;padding:18px 36px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}@keyframes successPulse{0%,to{box-shadow:0 8px 24px #4caf5066;transform:scale(1)}50%{box-shadow:0 8px 32px #4caf5099;transform:scale(1.02)}}.complete-training-btn:hover{animation:none;background:linear-gradient(135deg,#45a049,#7cb342);box-shadow:0 12px 36px #4caf5099;transform:translateY(-2px) scale(1.05)}.complete-training-btn:disabled{animation:none;background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:0 4px 12px #9e9e9e4d;cursor:not-allowed;transform:none}.complete-training-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.complete-training-btn:hover:before{left:100%}.dynamic-quest-report.submitting{opacity:.8}.dynamic-quest-report.submitting .complete-training-btn{pointer-events:none}.submitting-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.submitting-message{background:#8a2be2e6;border-radius:12px;box-shadow:0 8px 32px #8a2be266;color:#fff;font-size:1.1rem;font-weight:700;padding:20px 30px;text-align:center}.submitting-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;margin-right:12px;width:20px}@media (max-width:768px){.dynamic-quest-report{margin:16px 8px;padding:24px 20px}.report-title{font-size:1.5rem}.file-input-container{padding:24px}.record-button{font-size:1.8rem;height:70px;width:70px}.complete-training-btn{font-size:1.1rem;padding:16px 28px}}.aura-offering-ceremony{align-items:center;animation:ceremonyEnter 1s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000c,#191970e6);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:1000}@keyframes ceremonyEnter{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}}.ceremony-container{max-width:500px;padding:40px;position:relative;text-align:center;z-index:1001}.ceremony-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.mystical-orbs{height:100%;position:absolute;width:100%}.orb{animation:orbFloat 4s ease-in-out infinite;background:radial-gradient(circle,#ffd700cc 0,#ffd70033 70%,#0000 100%);border-radius:50%;filter:blur(1px);position:absolute}.orb:first-child{animation-delay:0s;animation-duration:6s;height:120px;left:10%;top:20%;width:120px}.orb:nth-child(2){animation-delay:2s;animation-duration:5s;height:80px;right:15%;top:60%;width:80px}.orb:nth-child(3){animation-delay:1s;animation-duration:7s;bottom:30%;height:60px;left:20%;width:60px}.orb:nth-child(4){animation-delay:3s;animation-duration:4s;height:100px;right:25%;top:10%;width:100px}@keyframes orbFloat{0%,to{opacity:.6;transform:translate(0) scale(1)}33%{opacity:.8;transform:translate(30px,-20px) scale(1.1)}66%{opacity:.7;transform:translate(-20px,30px) scale(.9)}}.aura-symbol{animation:auraSymbolPulse 2s ease-in-out infinite;height:150px;margin:0 auto 30px;position:relative;width:150px}@keyframes auraSymbolPulse{0%,to{filter:drop-shadow(0 0 20px rgba(255,215,0,.6));transform:scale(1) rotate(0deg)}50%{filter:drop-shadow(0 0 40px rgba(255,215,0,.9));transform:scale(1.1) rotate(180deg)}}.aura-symbol-inner{align-items:center;background:linear-gradient(45deg,gold,orange,#ff6b6b,#9c27b0);border-radius:50%;color:#fff;display:flex;font-size:4rem;height:100%;justify-content:center;overflow:hidden;position:relative;text-shadow:2px 2px 4px #00000080;width:100%}.aura-symbol-inner:before{animation:symbolShimmer 3s linear infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes symbolShimmer{0%{transform:rotate(45deg) translate(-100%,-100%)}to{transform:rotate(45deg) translate(100%,100%)}}.ceremony-title{animation:titleGlow 2s ease-in-out infinite alternate;color:gold;font-size:2.5rem;font-weight:700;margin-bottom:16px;text-shadow:2px 2px 4px #000c}.ceremony-message{color:#ffffffe6;font-size:1.3rem;line-height:1.6;margin-bottom:30px;text-shadow:1px 1px 2px #000c}.aura-gain-display{animation:auraGainPulse 1.5s ease-in-out infinite alternate;background:linear-gradient(135deg,#ffd70033,#ffa5004d);border:2px solid #ffd70099;border-radius:50px;color:gold;font-size:1.8rem;font-weight:700;margin:30px 0;padding:20px 40px;text-shadow:1px 1px 2px #000c}@keyframes auraGainPulse{0%{box-shadow:0 0 20px #ffd70066;transform:scale(1)}to{box-shadow:0 0 40px #ffd700cc;transform:scale(1.05)}}.particle-canvas{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:999}.energy-particles{height:600px;left:50%;pointer-events:none;top:50%;transform:translate(-50%,-50%);width:600px}.particle{animation:particleFloat 3s linear infinite;background:radial-gradient(circle,gold 0,#ffd700cc 50%,#0000 100%);height:6px;width:6px}.particle:nth-child(odd){background:radial-gradient(circle,#ff6b6b 0,#ff6b6bcc 50%,#0000 100%)}.particle:nth-child(3n){background:radial-gradient(circle,#9c27b0 0,#9c27b0cc 50%,#0000 100%)}.submission-status{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;border:2px solid #4caf50cc;border-radius:16px;margin-top:30px;padding:24px}.status-icon{animation:statusIconSpin 2s linear infinite;font-size:3rem;margin-bottom:16px}@keyframes statusIconSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-message{color:#4caf50;font-size:1.2rem;font-weight:700;margin-bottom:8px}.status-description{color:#fffc;font-size:1rem;line-height:1.5}.continue-btn{background:linear-gradient(135deg,#4caf50,#8bc34a);border:none;border-radius:50px;box-shadow:0 8px 24px #4caf5066;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-top:30px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease}.continue-btn:hover{background:linear-gradient(135deg,#45a049,#7cb342);box-shadow:0 12px 36px #4caf5099;transform:translateY(-2px) scale(1.05)}.aura-counter{animation:auraCounterUpdate .5s ease-in-out;background:#000c;border:2px solid #ffd70099;border-radius:25px;box-shadow:0 4px 20px #ffd7004d;color:gold;font-size:1.2rem;font-weight:700;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1002}@keyframes auraCounterUpdate{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.ceremony-container{max-width:90%;padding:20px}.ceremony-title{font-size:2rem}.ceremony-message{font-size:1.1rem}.aura-symbol{height:120px;width:120px}.aura-symbol-inner{font-size:3rem}.aura-gain-display{font-size:1.5rem;padding:16px 32px}.orb{transform:scale(.7)}.energy-particles{height:400px;width:400px}}.guild-chat{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#141923f2!important;border:1px solid #fff3!important;border-radius:20px!important;box-shadow:0 8px 32px #0009,inset 0 1px 0 #ffffff1a!important;color:#fff!important;display:flex!important;flex-direction:column!important;height:70vh!important;margin:0 auto!important;max-width:1000px!important;overflow:hidden!important;position:relative!important}.guild-chat-error,.guild-chat-loading{margin:0 auto;max-width:600px;padding:var(--space-8);text-align:center}.error-content,.loading-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-4)}.error-icon{color:#f59e0b;font-size:var(--font-size-5xl)}.loading-spinner,.sending-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--primary-color);height:32px;width:32px}.sending-spinner{border-width:2px;height:20px;width:20px}.chat-header{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#ffd7001a,#8a2be21a)!important;border-bottom:2px solid #ffd7004d!important;color:#fff!important;display:flex!important;justify-content:space-between!important;padding:var(--space-6)!important}.guild-info{gap:var(--space-4)}.guild-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-full);box-shadow:var(--shadow-lg);display:flex;font-size:var(--font-size-3xl);height:60px;justify-content:center;width:60px}.guild-details h2{color:#00e5ff!important;filter:drop-shadow(0 0 8px rgba(0,229,255,.4))!important;font-size:var(--font-size-2xl)!important;font-weight:800!important;margin:0 0 var(--space-1)!important;text-shadow:0 0 10px #00e5ff99,1px 1px 3px #000c!important}.guild-details p{font-size:var(--font-size-sm);margin:0}.online-count{align-items:center;background:#22c55e33;border:1px solid #22c55e4d;border-radius:var(--radius-full);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.online-indicator{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}.online-text{color:#22c55e;font-size:var(--font-size-sm);font-weight:600}.messages-container{background:#0a0e174d!important;color:#fff!important;flex:1 1!important;overflow-y:auto!important;padding:var(--space-4)!important;position:relative!important}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000001a;border-radius:var(--radius-sm)}.messages-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-sm)}.empty-chat{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);height:100%;justify-content:center;text-align:center}.empty-chat,.empty-chat h3{color:var(--text-color-muted)}.empty-chat h3{font-family:var(--font-fantasy);margin:0}.empty-chat p{line-height:1.6;max-width:400px}.messages-list{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4)}.message-item{align-items:flex-start!important;color:#fff!important;display:flex!important;gap:var(--space-3)!important;margin-bottom:var(--space-2)!important;max-width:80%!important}.message-item.my-message{align-self:flex-end;flex-direction:row-reverse}.message-item.system-message{align-self:center;max-width:90%;opacity:.8}.message-avatar{align-items:center;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.message-content{min-width:0}.message-header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-1)}.message-author{font-family:var(--font-fantasy);font-size:var(--font-size-sm);font-weight:600}.message-time{font-size:var(--font-size-xs);white-space:nowrap}.message-bubble{word-wrap:break-word;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);line-height:1.5;padding:var(--space-3) var(--space-4);position:relative;transition:all var(--transition-base)}.my-message .message-bubble{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-bottom-right-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--color-white)!important;text-shadow:1px 1px 2px #0000004d}.other-message .message-bubble{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#141923e6!important;border:1px solid #fff3!important;border-bottom-left-radius:var(--radius-sm)!important;color:#fff!important;text-shadow:1px 1px 2px #0009!important}.system-bubble{background:#6b728033!important;border:1px solid #6b72804d!important;border-radius:var(--radius-full)!important;color:var(--text-color-muted)!important;font-style:italic;text-align:center}.message-bubble:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.message-input-form{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#141923f2!important;border-top:2px solid #ffd7004d!important;padding:var(--space-4)!important}.input-container{align-items:flex-end;display:flex;gap:var(--space-3)}.message-input{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#0a0e17cc!important;border:2px solid #ffd7004d!important;border-radius:var(--radius-lg)!important;box-shadow:inset 0 2px 4px #0000004d!important;color:#fff!important;flex:1 1!important;font-family:var(--font-primary)!important;font-size:var(--font-size-base)!important;max-height:120px!important;min-height:48px!important;padding:var(--space-3) var(--space-4)!important;resize:none!important;transition:all var(--transition-base)!important}.message-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--glow-color);outline:none}.message-input::placeholder{color:#fff9!important}.message-input:disabled{cursor:not-allowed;opacity:.6}.send-button{border-radius:var(--radius-full);flex-shrink:0;font-size:var(--font-size-lg);height:48px;padding:0;width:48px}.send-button:disabled{opacity:.5}.input-footer{align-items:center;display:flex;justify-content:space-between;margin-top:var(--space-2)}.character-count,.input-hint{font-size:var(--font-size-xs)}.input-hint{font-style:italic}@media (max-width:768px){.guild-chat{height:60vh;margin:0 var(--space-2)}.chat-header{gap:var(--space-3);padding:var(--space-4)}.chat-header,.guild-info{flex-direction:column;text-align:center}.guild-avatar{font-size:var(--font-size-2xl);height:50px;width:50px}.guild-details h2{font-size:var(--font-size-xl)}.message-item{max-width:95%}.message-header{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.my-message .message-header{align-items:flex-end}.message-bubble{padding:var(--space-2) var(--space-3)}.input-footer{flex-direction:column;gap:var(--space-1);text-align:center}}@media (max-width:480px){.guild-chat{height:55vh}.message-item{max-width:100%}.message-avatar{font-size:var(--font-size-base);height:32px;width:32px}.send-button{height:40px;width:40px}.message-input{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}}.message-item.animate-fadeInUp{animation:messageSlideIn .4s ease-out forwards}.my-message.animate-fadeInUp{animation:myMessageSlideIn .4s ease-out forwards}@keyframes myMessageSlideIn{0%{opacity:0;transform:translateX(20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.online-indicator{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hall-of-honor{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#141923f2!important;border:1px solid #fff3!important;border-radius:20px!important;box-shadow:0 8px 32px #0009,inset 0 1px 0 #ffffff1a!important;color:#fff!important;margin:0 auto!important;max-width:1200px!important;min-height:70vh!important;overflow:hidden!important;padding:2rem!important;position:relative!important}.hall-loading{margin:0 auto;max-width:600px;padding:var(--space-8);text-align:center}.loading-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-4)}.loading-spinner{animation:spin 1s ease-in-out infinite;height:48px;width:48px}.hall-header{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#ffd7001a,#8a2be21a)!important;border-bottom:2px solid #ffd7004d!important;color:#fff!important;display:flex!important;justify-content:space-between!important;margin-bottom:var(--space-6)!important;padding:var(--space-6)!important}.hall-title{align-items:center;display:flex;gap:var(--space-4)}.title-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px #ffd700);font-size:var(--font-size-5xl)}.title-content h1{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,gold,orange,#ff6b6b)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 0 15px rgba(255,215,0,.5))!important;font-size:var(--font-size-4xl)!important;font-weight:800!important;margin:0 0 var(--space-1)!important;text-shadow:0 0 20px #ffd70099,0 0 40px #ffd70066,2px 2px 8px #000c!important}.title-content p{color:#fffffff2!important;font-size:var(--font-size-lg)!important;font-weight:500!important;margin:0!important;text-shadow:1px 1px 3px #000000b3!important}.user-rank-badge{align-items:center;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:linear-gradient(135deg,var(--primary-color) 15,var(--secondary-color) 15);border:2px solid var(--primary-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-3);padding:var(--space-4)}.badge-icon{color:gold;font-size:var(--font-size-3xl)}.badge-content{display:flex;flex-direction:column;gap:var(--space-1)}.badge-label{color:var(--text-color-muted);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.badge-rank{font-family:var(--font-fantasy);font-size:var(--font-size-2xl);font-weight:700}.view-toggle{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-6);padding:0 var(--space-6)}.toggle-button{gap:var(--space-2);justify-content:center;min-width:160px}.toggle-button span{font-size:var(--font-size-lg)}.leaderboard-container{margin-bottom:var(--space-6);padding:0 var(--space-6)}.empty-leaderboard{color:var(--text-color-muted);padding:var(--space-12);text-align:center}.empty-icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-4)}.empty-leaderboard h3{color:var(--text-color-muted);margin:0 0 var(--space-3)}.empty-leaderboard p{line-height:1.6;margin:0 auto;max-width:400px}.leaderboard-table{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#141923e6!important;border:2px solid #ffd7004d!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px #0009,inset 0 1px 0 #ffffff1a!important;color:#fff!important;overflow:hidden!important}.table-header{background:linear-gradient(135deg,gold,orange)!important;color:#0a0e17!important;display:grid!important;font-size:var(--font-size-sm)!important;font-weight:800!important;grid-template-columns:80px 1fr 150px 120px 100px 100px!important;letter-spacing:.05em!important;padding:var(--space-4) var(--space-6)!important;text-shadow:1px 1px 2px #0000004d!important;text-transform:uppercase!important}.header-cell{align-items:center;display:flex;justify-content:center;text-align:center}.header-cell.player-col{justify-content:flex-start}.table-body{max-height:60vh;overflow-y:auto}.table-body::-webkit-scrollbar{width:8px}.table-body::-webkit-scrollbar-track{background:var(--background-color)}.table-body::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-sm)}.table-row{background:#0a0e174d!important;border-bottom:1px solid #ffffff1a!important;color:#fff!important;display:grid!important;grid-template-columns:80px 1fr 150px 120px 100px 100px!important;padding:var(--space-4) var(--space-6)!important;position:relative!important;transition:all var(--transition-base)!important}.table-row:hover{background:#ffd7001a!important;border-color:#ffd7004d!important;transform:scale(1.01)!important}.table-row.current-user{background:linear-gradient(135deg,var(--primary-color) 10,var(--secondary-color) 10);border:2px solid var(--primary-color);border-radius:var(--radius-md);box-shadow:0 0 20px var(--glow-color);margin:var(--space-2) 0}.table-row.top-three{background:linear-gradient(135deg,#ffd7001a,#ffc1070d);border-left:4px solid gold}.table-row.top-ten{background:linear-gradient(135deg,#a855f71a,#8b5cf60d);border-left:4px solid var(--primary-color)}.table-cell{align-items:center;display:flex;justify-content:center}.table-cell.player-col{justify-content:flex-start}.rank-display{align-items:center;display:flex;justify-content:center}.rank-icon{color:#fff!important;font-family:var(--font-fantasy)!important;font-size:var(--font-size-2xl)!important;font-weight:700!important;text-shadow:1px 1px 2px #000c!important}.table-row.top-three .rank-icon{color:gold!important;filter:drop-shadow(0 0 10px #ffd700) drop-shadow(0 0 15px rgba(255,215,0,.6))!important;font-size:var(--font-size-3xl)!important;text-shadow:0 0 8px #ffd700cc,1px 1px 2px #000c!important}.player-info{align-items:center;display:flex;gap:var(--space-3)}.player-avatar{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));box-shadow:var(--shadow-md);flex-shrink:0;font-size:var(--font-size-xl);height:48px;width:48px}.table-row.top-three .player-avatar{background:linear-gradient(135deg,gold,#ffed4a);box-shadow:0 0 20px #ffd70080}.player-details{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.player-name{align-items:center!important;color:#fff!important;display:flex!important;font-family:var(--font-fantasy)!important;font-size:var(--font-size-lg)!important;font-weight:600!important;gap:var(--space-2)!important;text-shadow:1px 1px 2px #000c!important}.you-badge{background:var(--primary-color);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:var(--space-1) var(--space-2);text-transform:uppercase}.player-stats{color:#ffffffd9!important;font-size:var(--font-size-sm)!important;text-shadow:1px 1px 2px #0009!important}.guild-info{gap:var(--space-2)}.guild-icon{font-size:var(--font-size-xl)}.guild-name{color:#ffffffd9!important;font-size:var(--font-size-sm)!important;font-weight:500!important;text-shadow:1px 1px 2px #0009!important}.aura-display{align-items:center;display:flex;justify-content:center}.aura-amount{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#00e5ff,gold)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#00e5ff!important;filter:drop-shadow(0 0 8px rgba(0,229,255,.4))!important;font-family:var(--font-fantasy)!important;font-size:var(--font-size-lg)!important;font-weight:700!important;text-shadow:0 0 10px #00e5ff99,1px 1px 3px #000c!important}.table-row.top-three .aura-amount{animation:goldGlow 2s ease-in-out infinite;font-size:var(--font-size-xl)}.level-display,.streak-display{align-items:center;display:flex;justify-content:center}.level-number,.streak-number{color:#fff!important;font-family:var(--font-fantasy)!important;font-weight:600!important;text-shadow:1px 1px 2px #000c!important}.table-row.top-three .level-number,.table-row.top-three .streak-number{color:gold!important;filter:drop-shadow(0 0 4px rgba(255,215,0,.4))!important;font-weight:700!important;text-shadow:0 0 8px #ffd70099,1px 1px 2px #000c!important}.hall-footer{border-top:1px solid var(--border-color-light);display:flex;justify-content:center;padding:var(--space-6)}.refresh-btn{gap:var(--space-2);min-width:200px}@media (max-width:1024px){.table-header,.table-row{grid-template-columns:60px 1fr 120px 100px 80px 80px;padding:var(--space-3) var(--space-4)}.player-avatar{font-size:var(--font-size-lg);height:40px;width:40px}.aura-amount,.player-name{font-size:var(--font-size-base)}}@media (max-width:768px){.hall-header{flex-direction:column;gap:var(--space-4);text-align:center}.title-content h1{font-size:var(--font-size-3xl)}.view-toggle{flex-direction:column;gap:var(--space-2)}.toggle-button{width:100%}.table-header,.table-row{font-size:var(--font-size-sm);grid-template-columns:50px 1fr 80px 70px}.guild-name,.header-cell.level-col,.header-cell.streak-col,.player-stats,.table-cell.level-col,.table-cell.streak-col{display:none}.leaderboard-container{padding:0 var(--space-4)}}@media (max-width:480px){.hall-of-honor{margin:0 var(--space-2)}.title-content h1{font-size:var(--font-size-2xl)}.table-header,.table-row{grid-template-columns:40px 1fr 60px;padding:var(--space-2) var(--space-3)}.header-cell.guild-col,.table-cell.guild-col{display:none}.player-avatar{font-size:var(--font-size-base);height:32px;width:32px}.rank-icon{font-size:var(--font-size-lg)}.table-row.top-three .rank-icon{font-size:var(--font-size-xl)}}@keyframes goldGlow{0%,to{filter:drop-shadow(0 0 8px #ffd700)}50%{filter:drop-shadow(0 0 16px #ffd700) drop-shadow(0 0 24px #ffd700)}}.table-row.top-three{animation:topThreeGlow 3s ease-in-out infinite}@keyframes topThreeGlow{0%,to{box-shadow:0 0 0 #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}.table-row.animate-fadeInUp{animation:tableRowSlideIn .6s ease-out forwards}@keyframes tableRowSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.celestial-record{background:linear-gradient(135deg,#0c0c2a,#1a1a3a 25%,#2d1b69 50%,#1e3799 75%,#0c0c2a);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;position:relative}.cosmic-background{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.stars{animation:twinkle 3s ease-in-out infinite alternate;background:#0000}.stars,.stars:before{height:100%;position:absolute;width:100%}.stars:before{background:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 30px,#fff,#0000),radial-gradient(1px 1px at 200px 90px,#fff,#0000),radial-gradient(2px 2px at 240px 20px,#fff,#0000),radial-gradient(1px 1px at 280px 60px,#fff,#0000);background-repeat:repeat;background-size:300px 300px;content:"";left:0;opacity:.7;top:0}.nebula{animation:nebulaPulse 8s ease-in-out infinite;background:radial-gradient(ellipse at 20% 50%,#9333ea4d 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#3b82f633 0,#0000 50%),radial-gradient(ellipse at 40% 80%,#a855f733 0,#0000 50%)}.floating-particles,.nebula{height:100%;position:absolute;width:100%}.floating-particles:before{animation:float 6s ease-in-out infinite;background:#ffd700cc;border-radius:50%;box-shadow:0 0 6px #ffd700cc,20px 30px 0 #9333ea99,40px 60px 0 #3b82f699,80px 20px 0 #a855f799;content:"";height:4px;position:absolute;width:4px}@keyframes twinkle{0%{opacity:.7}to{opacity:1}}@keyframes nebulaPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.celestial-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem;position:relative;z-index:2}.celestial-header{margin-bottom:3rem;position:relative;text-align:center}.celestial-title{margin:0 0 1rem}.title-glow{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(45deg,gold,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;display:block;font-size:3rem;font-weight:800;text-shadow:0 0 30px #ffd70080}.subtitle{color:#fffc;display:block;font-size:1.2rem;font-weight:400;letter-spacing:2px;margin-top:.5rem}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.user-rank-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffd7004d;border-radius:20px;padding:1rem 1.5rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.rank-badge{align-items:center;display:flex;gap:.5rem}.rank-icon{font-size:1.5rem}.rank-text{color:#ffffffe6;font-size:.9rem}.time-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.filter-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fffc;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.filter-btn:hover{background:#fff3;border-color:#ffd70080;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(45deg,#ffd7004d,#ff6b6b4d);border-color:gold;box-shadow:0 0 20px #ffd70066;color:#fff}.filter-icon{animation:spin 2s linear infinite}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px}.cosmic-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:gold;height:60px;width:60px}.empty-state{color:#ffffffb3;padding:3rem}.empty-icon{animation:float 3s ease-in-out infinite}.leaderboard-list{display:flex;flex-direction:column;gap:1rem}.celestial-entry{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.celestial-entry:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.celestial-entry:hover:before{left:100%}.celestial-entry:hover{background:#ffffff1a;border-color:#ffd7004d;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.celestial-entry.current-user{background:#ffd7001a;border:2px solid gold;box-shadow:0 0 30px #ffd7004d}.celestial-entry.top-three{background:#ffd7000d;border-color:#ffd70033}.rank-section{flex-shrink:0;text-align:center;width:60px}.rank-display{color:#ffffffe6;font-size:1.2rem;font-weight:700}.rank-display.medal{animation:pulse 2s infinite;font-size:2rem}.avatar-section{flex-shrink:0}.avatar-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:3px solid #fff;border:3px solid var(--glow-color,#fff);border-radius:50%;box-shadow:0 0 20px #fff;box-shadow:0 0 20px var(--glow-color,#fff);display:flex;height:60px;justify-content:center;position:relative;width:60px}.avatar-placeholder{color:#fff;color:var(--glow-color,#fff);font-size:1.5rem}.tier-indicator{background:#fff;background:var(--glow-color,#fff);border-radius:10px;bottom:-5px;color:#000;font-size:.7rem;font-weight:600;padding:.2rem .4rem;position:absolute;right:-5px;text-transform:uppercase}.player-info{flex:1 1;min-width:0}.player-name{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-info{color:#ffffffb3;font-size:.9rem}.guild-icon{font-size:1rem}.stats-section{display:flex;flex-shrink:0;gap:2rem}.stat-item{text-align:center}.stat-item.primary .stat-value{color:gold;font-size:1.3rem;font-weight:700;text-shadow:0 0 10px #ffd70080}.stat-value{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.2rem}.stat-label{color:#fff9;font-size:.8rem}.user-indicator{animation:glow 2s infinite;background:gold;border-radius:10px;color:#000;font-size:.7rem;font-weight:700;padding:.3rem .6rem;position:absolute;right:1rem;top:1rem}@keyframes glow{0%,to{box-shadow:0 0 5px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc}}.celestial-footer{border-top:1px solid #ffffff1a;color:#fff9;margin-top:3rem;padding-top:2rem;text-align:center}.footer-icon{animation:pulse 2s infinite;margin-right:.5rem}.footer-note{color:#ffffff80;font-size:.9rem;margin-top:.5rem}@media (max-width:768px){.celestial-container{padding:1rem}.title-glow{font-size:2rem}.user-rank-display{margin:1rem auto;position:static;transform:none;width:-webkit-fit-content;width:fit-content}.time-filters{gap:.5rem}.filter-btn{font-size:.9rem;padding:.6rem 1rem}.celestial-entry{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.stats-section{gap:1rem;justify-content:center;width:100%}.player-info{text-align:center}}@media (max-width:480px){.title-glow{font-size:1.5rem}.celestial-entry{padding:.8rem}.avatar-container{height:50px;width:50px}.stats-section{gap:.5rem}.stat-item{min-width:60px}}.kael-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.kael-modal{animation:modalEnter .4s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid #ff6b35;border-radius:16px;box-shadow:0 20px 60px #ff6b354d,0 0 0 1px #ffffff1a;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:90%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.kael-modal-header{background:linear-gradient(90deg,#ff6b351a,#ff6b350d);border-bottom:1px solid #ff6b354d;gap:1rem;padding:1.5rem}.kael-avatar,.kael-modal-header{align-items:center;display:flex;position:relative}.kael-avatar{background:linear-gradient(135deg,#ff6b35,#ff8e6b);border-radius:50%;box-shadow:0 0 30px #ff6b3599;height:60px;justify-content:center;width:60px}.kael-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem}.kael-aura-effect{animation:rotate 3s linear infinite;background:conic-gradient(from 0deg,#0000,#ff6b3566,#0000,#ff6b3599,#0000);border-radius:50%;inset:-5px;position:absolute;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.kael-title h2{color:#ff6b35;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.kael-subtitle{color:#fffc;font-size:.9rem;font-style:italic;margin:.25rem 0 0}.modal-close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#ff6b3533;border-color:#ff6b35;transform:scale(1.1)}.kael-modal-body{min-height:200px;padding:2rem}.dialogue-container{text-align:center}.dialogue-text{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:center;margin-bottom:1.5rem;min-height:120px;padding:1.5rem}.dialogue-text p{color:#fff;font-size:1.1rem;line-height:1.6;margin:0;text-shadow:0 1px 2px #0000004d}.typing-cursor{animation:blink 1s infinite;color:#ff6b35;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.dialogue-progress{align-items:center;display:flex;gap:1rem;justify-content:center}.progress-dots{display:flex;gap:.5rem}.dot{background:#ffffff4d;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.dot.active{background:#ff6b35;box-shadow:0 0 10px #ff6b3580;transform:scale(1.2)}.progress-text{color:#fff9;font-size:.9rem}.kael-modal-footer{background:#0003;border-top:1px solid #ffffff1a;padding:1.5rem}.dialogue-controls{align-items:center;justify-content:space-between}.dialogue-controls,.final-actions{display:flex;gap:1rem}.dialogue-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.dialogue-btn.primary{background:linear-gradient(135deg,#ff6b35,#ff8e6b);box-shadow:0 4px 15px #ff6b354d;color:#fff}.dialogue-btn.primary:hover{background:linear-gradient(135deg,#ff8e6b,#ffa896);box-shadow:0 6px 20px #ff6b3566;transform:translateY(-2px)}.dialogue-btn.primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.dialogue-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.dialogue-btn.secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.dialogue-btn.secondary:disabled{cursor:not-allowed;opacity:.4}.connect-btn{font-size:1.1rem;overflow:hidden;padding:1rem 2rem;position:relative}.connect-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.connect-btn:hover:before{left:100%}.btn-icon{font-size:1.2rem}.call-to-action-text{margin-top:1rem;text-align:center}.call-to-action-text p{color:#ffffffb3;font-size:.9rem;font-style:italic;margin:0}@media (max-width:768px){.kael-modal{margin:1rem;width:95%}.kael-modal-header{padding:1rem}.kael-modal-body{padding:1.5rem}.dialogue-text{min-height:100px;padding:1rem}.dialogue-text p{font-size:1rem}.dialogue-controls{flex-direction:column;gap:1rem}.final-actions{flex-direction:column;width:100%}.dialogue-btn{font-size:.9rem;padding:.75rem 1rem}.connect-btn{font-size:1rem;padding:1rem 1.5rem}}@media (max-width:480px){.kael-avatar{height:50px;width:50px}.kael-icon{font-size:1.5rem}.kael-title h2{font-size:1.3rem}.dialogue-text p{font-size:.95rem;line-height:1.5}}.milestone-overlay{align-items:center;animation:fadeIn .5s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.milestone-celebration{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:3px solid #ff6b35;border-radius:20px;box-shadow:0 25px 80px #ff6b3566,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff1a;max-width:700px;opacity:0;overflow:hidden;position:relative;transform:scale(.8) translateY(50px);transition:all .6s cubic-bezier(.175,.885,.32,1.275);width:90%}.milestone-celebration.animate{opacity:1;transform:scale(1) translateY(0)}.fireworks-container{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.firework{animation:firework 2s ease-out;border-radius:50%;height:4px;position:absolute;width:4px}.firework-1{animation-delay:.2s;background:#ff6b35;left:20%;top:20%}.firework-2{animation-delay:.4s;background:gold;right:20%;top:30%}.firework-3{animation-delay:.6s;background:#ff69b4;left:50%;top:40%}.firework-4{animation-delay:.8s;background:#0ff;left:70%;top:15%}.firework-5{animation-delay:1s;background:#32cd32;left:10%;top:50%}.firework-6{animation-delay:1.2s;background:#ff4500;left:40%;top:25%}@keyframes firework{0%{box-shadow:0 0 0 0 currentColor,0 0 0 0 currentColor,0 0 0 0 currentColor,0 0 0 0 currentColor;opacity:1;transform:scale(0)}25%{opacity:1;transform:scale(1)}to{box-shadow:-20px -20px 0 2px currentColor,20px -20px 0 2px currentColor,-20px 20px 0 2px currentColor,20px 20px 0 2px currentColor,-40px 0 0 2px currentColor,40px 0 0 2px currentColor,0 -40px 0 2px currentColor,0 40px 0 2px currentColor;opacity:0;transform:scale(1)}}.milestone-content{padding:2.5rem;position:relative;text-align:center;z-index:2}.milestone-header{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.kael-celebration-avatar{align-items:center;animation:celebrationPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,gold);border-radius:50%;box-shadow:0 0 40px #ff6b35cc,0 0 80px #ffd70066;display:flex;height:80px;justify-content:center;position:relative;width:80px}@keyframes celebrationPulse{0%,to{box-shadow:0 0 40px #ff6b35cc,0 0 80px #ffd70066;transform:scale(1)}50%{box-shadow:0 0 60px #ff6b35,0 0 120px #ffd70099;transform:scale(1.1)}}.celebration-aura{animation:rotate 2s linear infinite;background:conic-gradient(from 0deg,#ff6b35,gold,#ff69b4,#0ff,#32cd32,#ff6b35);border-radius:50%;inset:-10px;position:absolute;z-index:-1}.kael-celebration-avatar .kael-icon{animation:bounce 1s ease-in-out infinite alternate;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));font-size:2.5rem}.milestone-title-section{text-align:center}.milestone-title{animation:titleGlow 3s ease-in-out infinite;color:gold;font-size:2.2rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px #00000080,0 0 20px #ffd70080}.tier-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b3533,#ffd7001a);border:2px solid #ffd70080;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem 2rem}.tier-name{color:#ff6b35;font-size:1.4rem;font-weight:700;text-shadow:0 2px 4px #0000004d}.tier-number{color:#fffc;font-size:1rem;font-style:italic}.stamina-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:2px solid #ff6b354d;border-radius:16px;margin:2rem 0;padding:1.5rem}.stamina-number{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.stamina-value{animation:numberCount 2s ease-out;color:gold;font-size:3rem;font-weight:700;text-shadow:0 2px 8px #ffd70080}@keyframes numberCount{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.stamina-label{color:#ffffffb3;font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase}.stamina-threshold{color:#fff9;font-size:.9rem;font-style:italic}.milestone-message{margin:2rem 0}.kael-speech-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ff6b354d;border-radius:16px;margin-top:1rem;padding:2rem;position:relative}.kael-speech-bubble p{color:#fff;font-size:1.2rem;line-height:1.6;margin:0;text-shadow:0 1px 2px #0000004d}.speech-arrow{border-bottom:10px solid #ff6b354d;border-left:10px solid #0000;border-right:10px solid #0000;left:50%;top:-10px;transform:translateX(-50%)}.speech-arrow,.speech-arrow:after{height:0;position:absolute;width:0}.speech-arrow:after{border-bottom:8px solid #ffffff1a;border-left:8px solid #0000;border-right:8px solid #0000;content:"";left:-8px;top:2px}.celebration-controls{margin-top:2rem}.celebration-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:700;gap:.8rem;overflow:hidden;padding:1.2rem 2.5rem;position:relative;transition:all .3s ease}.celebration-btn.acknowledge{background:linear-gradient(135deg,gold,orange);box-shadow:0 6px 25px #ffd70066;color:#1a1a2e;text-shadow:0 1px 2px #0003}.celebration-btn.acknowledge:hover{background:linear-gradient(135deg,#ffed4e,#ffb84d);box-shadow:0 8px 30px #ffd70099;transform:translateY(-3px) scale(1.05)}.celebration-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.celebration-btn:hover:before{left:100%}.btn-icon{animation:iconSpin 2s ease-in-out infinite;font-size:1.4rem}@keyframes iconSpin{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.floating-icons{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.floating-icon{animation:float 4s ease-in-out infinite;font-size:2rem;opacity:.7;position:absolute}@keyframes float{0%,to{opacity:.7;transform:translateY(0) rotate(0deg)}25%{opacity:1;transform:translateY(-20px) rotate(5deg)}50%{opacity:.8;transform:translateY(-40px) rotate(-5deg)}75%{opacity:1;transform:translateY(-20px) rotate(3deg)}}.floating-icon.icon-1{animation-duration:3s;top:10%}.floating-icon.icon-2{animation-duration:3.5s;top:20%}.floating-icon.icon-3{animation-duration:4s;top:30%}.floating-icon.icon-4{animation-duration:3.2s;top:40%}.floating-icon.icon-5{animation-duration:3.8s;top:50%}.floating-icon.icon-6{animation-duration:4.2s;top:60%}@media (max-width:768px){.milestone-celebration{margin:1rem;width:95%}.milestone-content{padding:2rem}.milestone-title{font-size:1.8rem}.stamina-value{font-size:2.5rem}.kael-speech-bubble{padding:1.5rem}.kael-speech-bubble p{font-size:1.1rem}.celebration-btn{font-size:1.1rem;padding:1rem 2rem}}@media (max-width:480px){.milestone-content{padding:1.5rem}.milestone-title{font-size:1.5rem}.stamina-value{font-size:2rem}.kael-speech-bubble p{font-size:1rem;line-height:1.5}.celebration-btn{font-size:1rem}.celebration-btn,.tier-badge{padding:.8rem 1.5rem}.tier-name{font-size:1.2rem}}.avatar-evolution-container{height:300px;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:300px;z-index:9998}.background-glow{border-radius:50%;filter:blur(30px);inset:-50px;opacity:0;position:absolute;transition:all .5s ease}.avatar-evolution-container.charging .background-glow{animation:pulseGlow 2s ease-in-out infinite;opacity:.3}.avatar-evolution-container.evolution .background-glow{animation:intensePulse .5s ease-in-out infinite;opacity:.6}.avatar-evolution-container.complete .background-glow{animation:completionGlow 1s ease-out;opacity:.4}@keyframes intensePulse{0%,to{opacity:.6;transform:scale(1.5)}50%{opacity:.8;transform:scale(1.8)}}@keyframes completionGlow{0%{opacity:.8;transform:scale(1.8)}to{opacity:.4;transform:scale(1)}}.charging-effects{inset:0;position:absolute}.energy-ring{animation:chargeRing 2s ease-in-out;border:2px solid #0000;border-radius:50%;position:absolute}.energy-ring.ring-1{animation-delay:0s;border-color:#ff6b35cc;inset:20px}.energy-ring.ring-2{animation-delay:.3s;border-color:#ffd70099;inset:40px}.energy-ring.ring-3{animation-delay:.6s;border-color:#ff69b466;inset:60px}@keyframes chargeRing{0%{border-width:0;opacity:0;transform:scale(.5)}50%{border-width:3px;opacity:1;transform:scale(1)}to{border-width:1px;opacity:0;transform:scale(1.2)}}.energy-particles{inset:0;position:absolute}.particle{animation:particleFloat 2s ease-in-out infinite;background:radial-gradient(circle,gold,#0000);border-radius:50%;height:4px;position:absolute;width:4px}.particle-1{animation-delay:0s;left:50%;top:10%}.particle-2{animation-delay:.1s;right:20%;top:20%}.particle-3{animation-delay:.2s;right:10%;top:50%}.particle-4{animation-delay:.3s;bottom:20%;right:20%}.particle-5{animation-delay:.4s;bottom:10%;left:50%}.particle-6{animation-delay:.5s;bottom:20%;left:20%}.particle-7{animation-delay:.6s;left:10%;top:50%}.particle-8{animation-delay:.7s;left:20%;top:20%}.particle-9{animation-delay:.8s;left:70%;top:30%}.particle-10{animation-delay:.9s;left:80%;top:70%}.particle-11{animation-delay:1s;bottom:30%;left:30%}.particle-12{animation-delay:1.1s;right:30%;top:60%}@keyframes particleFloat{0%{opacity:0;transform:scale(0) translateY(0)}50%{opacity:1;transform:scale(1) translateY(-20px)}to{opacity:0;transform:scale(.5) translateY(-40px)}}.avatar-transformation{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.avatar{filter:drop-shadow(0 0 20px currentColor);font-size:6rem;position:absolute;text-shadow:0 4px 8px #0000004d;transition:all .5s ease}.old-avatar{animation:avatarPulse 2s ease-in-out infinite;opacity:1;transform:scale(1)}.old-avatar.fade-out{animation:fadeOutSpin 1s ease-in-out forwards;opacity:0;transform:scale(.8)}.new-avatar{opacity:0;transform:scale(1.5)}.new-avatar.fade-in{animation:evolutionAppear 2s ease-out forwards;opacity:1;transform:scale(1)}@keyframes avatarPulse{0%,to{filter:drop-shadow(0 0 20px currentColor);transform:scale(1)}50%{filter:drop-shadow(0 0 30px currentColor) drop-shadow(0 0 40px rgba(255,255,255,.3));transform:scale(1.1)}}@keyframes fadeOutSpin{0%{opacity:1;transform:scale(1) rotate(0deg)}to{opacity:0;transform:scale(.5) rotate(180deg)}}@keyframes evolutionAppear{0%{filter:drop-shadow(0 0 50px currentColor) brightness(3);opacity:0;transform:scale(2) rotate(-90deg)}50%{filter:drop-shadow(0 0 40px currentColor) brightness(2);opacity:1;transform:scale(1.2) rotate(0deg)}to{filter:drop-shadow(0 0 20px currentColor) brightness(1);opacity:1;transform:scale(1) rotate(0deg)}}.light-burst{animation:burstRotate 1s ease-out;inset:0;position:absolute}.burst-ray{animation:rayExpand 1s ease-out;background:linear-gradient(0deg,#0000,#fffc,#0000);height:100px;left:50%;position:absolute;top:50%;transform-origin:bottom center;width:4px}.burst-ray.ray-1{transform:translate(-50%,-100%) rotate(0deg)}.burst-ray.ray-2{transform:translate(-50%,-100%) rotate(45deg)}.burst-ray.ray-3{transform:translate(-50%,-100%) rotate(90deg)}.burst-ray.ray-4{transform:translate(-50%,-100%) rotate(135deg)}.burst-ray.ray-5{transform:translate(-50%,-100%) rotate(180deg)}.burst-ray.ray-6{transform:translate(-50%,-100%) rotate(225deg)}.burst-ray.ray-7{transform:translate(-50%,-100%) rotate(270deg)}.burst-ray.ray-8{transform:translate(-50%,-100%) rotate(315deg)}@keyframes burstRotate{0%{opacity:1;transform:rotate(0deg)}to{opacity:0;transform:rotate(90deg)}}@keyframes rayExpand{0%{height:0;opacity:0}50%{height:120px;opacity:1}to{height:80px;opacity:0}}.evolution-aura{animation:auraRotate 3s linear infinite;border-radius:50%;filter:blur(2px);inset:-20px;opacity:.6;position:absolute}@keyframes auraRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.completion-effects{inset:0;position:absolute}.success-ring{animation:successRing 1s ease-out;border:4px solid #ffd700cc;border-radius:50%;inset:10px;position:absolute}@keyframes successRing{0%{border-width:8px;opacity:1;transform:scale(0)}to{border-width:2px;opacity:0;transform:scale(1)}}.sparkles{inset:0;position:absolute}.sparkle{animation:sparkleFloat 1s ease-out forwards;font-size:1.5rem;position:absolute}.sparkle-1{animation-delay:0s;left:20%;top:10%}.sparkle-2{animation-delay:.1s;right:10%;top:20%}.sparkle-3{animation-delay:.2s;bottom:30%;right:20%}.sparkle-4{animation-delay:.3s;bottom:10%;left:30%}.sparkle-5{animation-delay:.4s;left:10%;top:40%}.sparkle-6{animation-delay:.5s;left:60%;top:30%}.sparkle-7{animation-delay:.6s;bottom:40%;right:40%}.sparkle-8{animation-delay:.7s;right:60%;top:60%}@keyframes sparkleFloat{0%{opacity:0;transform:scale(0) translateY(0) rotate(0deg)}50%{opacity:1;transform:scale(1.2) translateY(-30px) rotate(180deg)}to{opacity:0;transform:scale(.8) translateY(-60px) rotate(1turn)}}@media (max-width:768px){.avatar-evolution-container{height:200px;width:200px}.avatar{font-size:4rem}.background-glow{inset:-30px}}@media (max-width:480px){.avatar-evolution-container{height:150px;width:150px}.avatar{font-size:3rem}.sparkle{font-size:1rem}.burst-ray{height:60px}}.aura-stream-section{background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-lg);margin:0 auto;max-width:800px;padding:2rem}.section-header{margin-bottom:2rem}.aura-stream-title{align-items:center;color:var(--primary-color);display:flex;font-size:2rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.5rem}.stream-icon{animation:pulse-glow 2s ease-in-out infinite;font-size:2.5rem}@keyframes pulse-glow{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.1)}}.section-description{color:var(--text-secondary);font-size:1.1rem;margin:0}.strava-connection{background:linear-gradient(135deg,#fc4c02,#ff6b35);border-radius:var(--radius-md);color:#fff;margin-bottom:2rem;padding:1.5rem}.connection-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.strava-logo{font-size:2rem}.connection-info h3{font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.connected-status,.disconnected-status{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.status-indicator{border-radius:50%;height:8px;width:8px}.status-indicator.connected{background:#0f0;box-shadow:0 0 10px #00ff0080}.status-indicator.disconnected{background:#f44;box-shadow:0 0 10px #ff444480}.athlete-name{font-weight:600;margin-left:.5rem}.connection-actions{display:flex;flex-wrap:wrap;gap:1rem}.connect-button,.disconnect-button,.sync-button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.connect-button.primary,.sync-button.primary{background:#fff3;border:2px solid #ffffff4d;color:#fff}.connect-button.primary:hover,.sync-button.primary:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.disconnect-button.secondary{background:#0003;border:2px solid #fff3;color:#fff}.disconnect-button.secondary:hover{background:#0006;border-color:#ffffff4d}.sync-button:disabled{cursor:not-allowed;opacity:.6}.last-sync-info{font-size:.9rem;margin-top:1rem;opacity:.9}.sync-label{font-weight:600;margin-right:.5rem}.stamina-section,.stats-grid{margin-bottom:2rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--radius-md);gap:1rem}.stat-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-card.stamina{border-color:#4caf50}.stat-card.avatar{border-color:#ff6b35}.stat-info h4{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-value{color:var(--primary-color);font-size:1.8rem;margin-bottom:.25rem}.tier-level{color:var(--text-secondary);font-size:.8rem;font-style:italic}.tier-progress{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:2rem;padding:1.5rem}.progress-header{margin-bottom:1rem}.progress-header h4{color:var(--text-primary);font-size:1.1rem;margin:0}.next-tier{color:var(--primary-color);font-size:.9rem;font-weight:600}.progress-bar{background:var(--border-color);margin-bottom:.75rem}.progress-fill{background:linear-gradient(90deg,#4caf50,#81c784);transition:width .5s ease}.progress-info{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.current-progress{color:var(--text-primary);font-weight:600}.remaining{color:var(--text-secondary);font-style:italic}.max-tier-achieved{background:linear-gradient(135deg,gold,orange);border-radius:var(--radius-md);color:#1a1a1a;padding:2rem;text-align:center}.achievement-icon{animation:bounce 2s infinite;font-size:3rem;margin-bottom:1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.max-tier-achieved h4{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.max-tier-achieved p{font-size:1rem;margin:0;opacity:.9}.activity-preview{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:2rem;padding:1.5rem}.activity-preview h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.activity-summary{display:flex;flex-wrap:wrap;gap:2rem}.summary-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.activity-icon{font-size:1.2rem}.activity-stat{color:var(--text-primary);font-weight:600}.sync-message{border-radius:var(--radius-md);font-weight:600;margin:1rem 0;padding:1rem;text-align:center}.sync-message.success{background:#4caf501a;border:2px solid #4caf504d;color:#4caf50}.sync-message.error{background:#f443361a;border:2px solid #f443364d;color:#f44336}.stamina-rates{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem}.stamina-rates h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.rates-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.rate-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.rate-icon{font-size:1.2rem}.rate-text{color:var(--text-primary)}@media (max-width:768px){.aura-stream-section{margin:1rem;padding:1rem}.connection-actions{justify-content:center}.stats-grid{grid-template-columns:1fr}.activity-summary{flex-direction:column;gap:1rem}.progress-info{flex-direction:column;gap:.5rem;text-align:center}.rates-grid{grid-template-columns:repeat(2,1fr)}}.notification-inbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a14f2;border:1px solid #64c8ff4d;border-radius:20px;box-shadow:0 10px 30px #00000080;color:#e0e6ed;margin:0 auto;max-width:800px;padding:20px}.inbox-header{border-bottom:1px solid #64c8ff33;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.inbox-header,.inbox-title{align-items:center;display:flex}.inbox-title{color:#64c8ff;font-size:1.8rem;font-weight:700;gap:10px;margin:0}.title-icon{font-size:1.6rem}.inbox-stats{color:#a0a6ad;display:flex;font-size:.9rem;gap:15px}.total-count{background:#64c8ff1a;border:1px solid #64c8ff33;border-radius:12px;padding:4px 12px}.unread-count{background:#ff6b6b33;border:1px solid #ff6b6b4d;border-radius:12px;color:#ff6b6b;font-weight:600;padding:4px 12px}.inbox-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tab{background:#0000;border:1px solid #64c8ff4d;border-radius:12px;color:#a0a6ad;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.filter-tab:hover{background:#64c8ff1a;border-color:#64c8ff80;color:#64c8ff}.filter-tab.active{background:linear-gradient(135deg,#64c8ff,#4a90e2);border-color:#64c8ff;box-shadow:0 2px 8px #64c8ff4d;color:#fff}.mark-all-read-btn{align-items:center;background:#4caf501a;border:1px solid #4caf5080;border-radius:12px;color:#4caf50;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.mark-all-read-btn:hover{background:#4caf5033;border-color:#4caf50b3}.inbox-content{min-height:400px}.empty-state,.loading-state{align-items:center;color:#a0a6ad;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{border:3px solid #64c8ff4d;border-top-color:#64c8ff;margin-bottom:15px}.loading-spinner.small{border-width:2px;height:20px;margin-bottom:0;width:20px}.empty-icon{opacity:.7}.empty-state h3{color:#e0e6ed;font-size:1.4rem}.empty-state p{color:#a0a6ad;margin:0}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{align-items:flex-start;background:#ffffff0d;border:1px solid #64c8ff33;border-radius:15px;cursor:pointer;display:flex;padding:16px;position:relative;transition:all .3s ease}.notification-item:hover{background:#ffffff14;border-color:#64c8ff66;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.notification-item.unread{background:#64c8ff14;border-color:#64c8ff66}.notification-item.high-priority{background:#ff6b6b14;border-color:#ff6b6b99}.notification-item.success{border-left:4px solid #4caf50}.notification-item.legendary{border-left:4px solid gold}.notification-item.info{border-left:4px solid #2196f3}.notification-item.admin{border-left:4px solid #9c27b0}.notification-item.read{opacity:.7}.notification-icon{flex-shrink:0;font-size:1.5rem;margin-right:15px;margin-top:2px}.notification-content{flex-grow:1;min-width:0}.notification-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.notification-message{word-wrap:break-word;color:#e0e6ed;flex-grow:1;font-size:1rem;font-weight:500;line-height:1.4;margin:0}.priority-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:10px;color:#fff;flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.notification-meta{align-items:center;color:#a0a6ad;display:flex;flex-wrap:wrap;font-size:.85rem;gap:15px}.notification-time{color:#a0a6ad}.notification-source{color:#9c27b0;font-weight:500}.aura-reward{background:linear-gradient(135deg,gold,orange);border-radius:10px;color:#000;font-size:.8rem;padding:2px 8px}.unread-dot{animation:pulse 2s infinite;background:linear-gradient(135deg,#64c8ff,#4a90e2);border-radius:50%;box-shadow:0 0 6px #64c8ff99;height:8px;position:absolute;right:16px;top:16px;width:8px}.load-more-section{display:flex;justify-content:center;margin-top:20px;padding:20px}.load-more-btn{align-items:center;background:#0000;border:1px solid #64c8ff4d;border-radius:15px;color:#64c8ff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.load-more-btn:hover:not(:disabled){background:#64c8ff1a;border-color:#64c8ff80;transform:translateY(-2px)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.notification-inbox{border-radius:15px;margin:10px;padding:15px}.inbox-header{align-items:flex-start;flex-direction:column;gap:15px}.inbox-stats{align-self:stretch;justify-content:space-between}.inbox-controls{align-items:stretch;flex-direction:column;gap:15px}.filter-tabs{justify-content:center}.notification-item{padding:12px}.notification-icon{font-size:1.3rem;margin-right:12px}.notification-header{align-items:flex-start;flex-direction:column;gap:8px}.notification-meta{font-size:.8rem;gap:10px}}@media (max-width:480px){.inbox-title{font-size:1.5rem}.filter-tab{font-size:.8rem;padding:6px 12px}.notification-message{font-size:.9rem}}.notification-settings{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ee6;border:1px solid #ffd7004d;border-radius:20px;margin:1.5rem 0;overflow:hidden;padding:2rem;position:relative}.notification-settings:before{background:linear-gradient(45deg,#ffd7000d,#4ecdc40d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.settings-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.settings-title{align-items:center;color:gold;display:flex;font-size:1.8rem;font-weight:700;gap:.5rem;justify-content:center;margin:0 0 1rem}.title-icon{animation:pulse 2s infinite;font-size:2rem}.settings-description{color:#fffc;font-size:1rem;line-height:1.5;margin:0}.settings-content{position:relative;z-index:1}.permission-status{grid-gap:1rem;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1.5rem}.status-item{align-items:center;display:flex;gap:1rem;justify-content:space-between}.status-label{color:#ffffffb3;font-size:.9rem;font-weight:500}.status-value{align-items:center;border-radius:8px;display:flex;font-size:.9rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.status-value.active,.status-value.granted{background:#4ecdc41a;border:1px solid #4ecdc44d;color:#4ecdc4}.status-value.denied,.status-value.inactive{background:#ff6b6b1a;border:1px solid #ff6b6b4d;color:#ff6b6b}.status-value.default{background:#ffd7001a;border:1px solid #ffd7004d;color:gold}.main-control{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:2rem;position:relative}.main-control:before{background:linear-gradient(45deg,#0000,#ffd7000d,#0000);border-radius:15px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.control-info{flex:1 1}.control-title{color:gold;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.control-description{color:#fffc;font-size:.95rem;line-height:1.5;margin:0}.notification-toggle{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:180px;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.notification-toggle.active{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 6px 20px #4ecdc44d;color:#fff}.notification-toggle.active:hover{box-shadow:0 8px 25px #4ecdc466;transform:translateY(-2px)}.notification-toggle.inactive{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 6px 20px #6c757d33;color:#fff}.notification-toggle.inactive:hover{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 8px 25px #4ecdc44d;transform:translateY(-2px)}.notification-toggle:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.toggle-loading{align-items:center;display:flex;gap:.5rem}.toggle-icon{font-size:1.2rem}.toggle-text{font-weight:600}.permission-help{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:15px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.help-icon{flex-shrink:0;font-size:2rem}.help-content h4{color:#ff6b6b;font-size:1.1rem;margin:0 0 .5rem}.help-content p{color:#ffffffe6;line-height:1.5;margin:0 0 1rem}.help-content ol{color:#fffc;line-height:1.6;margin:0;padding-left:1.5rem}.help-content li{margin-bottom:.5rem}.test-section{align-items:center;background:#ffd7000d;border:1px solid #ffd70033;border-radius:15px;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.test-info{flex:1 1}.test-title{color:gold;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.test-description{color:#fffc;font-size:.9rem;line-height:1.4;margin:0}.test-button{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:10px;color:#1a1a2e;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.test-button:hover{box-shadow:0 6px 20px #ffd7004d;transform:translateY(-2px)}.test-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.notification-types{margin-bottom:2rem}.types-title{color:gold;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.type-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.type-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.type-item:hover{background:#ffffff0d;border-color:#ffd7004d;box-shadow:0 6px 20px #ffd7001a;transform:translateY(-2px)}.type-icon{flex-shrink:0;font-size:1.8rem}.type-content{flex:1 1}.type-name{color:gold;font-size:1rem;font-weight:600;margin-bottom:.25rem}.type-desc{color:#ffffffb3;font-size:.85rem;line-height:1.4}.message{font-weight:500;gap:.75rem;padding:1rem 1.5rem}.message.success{border:1px solid #4ecdc466}.message.error{border:1px solid #ff6b6b66}.message-icon{font-size:1.2rem}.spinner{border:2px solid #ffffff4d;height:20px;width:20px}.spinner.small{border-width:2px;height:16px;width:16px}@media (max-width:768px){.notification-settings{margin:1rem 0;padding:1.5rem}.main-control{gap:1.5rem}.main-control,.test-section{align-items:stretch;flex-direction:column}.test-section{gap:1rem}.notification-toggle{min-width:0;min-width:auto;width:100%}.permission-status,.type-list{grid-template-columns:1fr}}@media (max-width:480px){.settings-title{flex-direction:column;gap:.25rem}.settings-title,.title-icon{font-size:1.5rem}.control-title{font-size:1.1rem}.notification-toggle{font-size:.9rem;padding:.75rem 1rem}}.mobile-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;border-bottom:1px solid #ffd70033;box-shadow:0 2px 10px #0000004d;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.mobile-header-content{align-items:center;display:flex;justify-content:space-between;min-height:60px;padding:12px 16px}.hamburger-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.hamburger-btn:hover{background:#ffd7001a;border-radius:8px}.hamburger-lines{height:18px;position:relative;width:24px}.hamburger-lines span{background:gold;border-radius:1px;display:block;height:2px;position:absolute;transition:all .3s ease;width:100%}.hamburger-lines span:first-child{top:0}.hamburger-lines span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger-lines span:nth-child(3){bottom:0}.hamburger-btn.open .hamburger-lines span:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger-btn.open .hamburger-lines span:nth-child(2){opacity:0}.hamburger-btn.open .hamburger-lines span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.guild-title{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center;margin:0 16px}.guild-icon{font-size:20px;line-height:1}.guild-name{font-size:18px;margin:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #00000080;white-space:nowrap}.header-notifications{align-items:center;display:flex;position:relative;z-index:1100}.mobile-user-info{background:#0000004d;border-top:1px solid #ffd7001a;padding:8px 16px}.user-stats{display:flex;gap:16px;justify-content:space-around}.stat-item{flex:1 1;gap:2px;min-width:0}.stat-label{color:#ffffffb3;font-size:11px}.stat-value{color:gold;font-size:14px;white-space:nowrap}@media (min-width:768px){.mobile-header{display:none}}@media (max-width:360px){.guild-name{font-size:16px}.mobile-header-content{min-height:56px;padding:8px 12px}.stat-value{font-size:13px}.stat-label{font-size:10px}}.mobile-content-wrapper{margin-top:100px}@media (max-width:360px){.mobile-content-wrapper{margin-top:92px}}.mobile-nav-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.mobile-navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#1a1a2efa,#16213efa 50%,#0f1419fa);border-right:1px solid #ffd70033;bottom:0;box-shadow:2px 0 20px #0000004d;left:-100%;max-width:320px;overflow-y:auto;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:85%;z-index:1001}.mobile-navigation.open{left:0}.mobile-nav-content{display:flex;flex-direction:column;height:100%;padding:0}.mobile-nav-profile{background:#0003;border-bottom:1px solid #ffd7001a;padding:24px 20px 20px}.profile-avatar{align-items:center;background:linear-gradient(135deg,gold,#ffed4a);border-radius:50%;box-shadow:0 4px 12px #ffd7004d;display:flex;height:60px;justify-content:center;margin:0 auto 12px;width:60px}.avatar-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:28px}.profile-info{text-align:center}.profile-name{color:gold;font-size:18px;font-weight:700;margin:0 0 4px;text-shadow:0 1px 3px #00000080}.profile-guild{color:#ffffffb3;font-size:12px;letter-spacing:.5px;margin:0;text-transform:uppercase}.mobile-nav-items{flex:1 1;padding:8px 0}.mobile-nav-item{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;padding:16px 20px;position:relative;text-align:left;transition:all .2s ease;width:100%}.mobile-nav-item:hover{background:#ffd7001a;transform:translateX(4px)}.mobile-nav-item.active{background:linear-gradient(90deg,#ffd70033,#ffd7000d);border-right:3px solid gold}.nav-item-icon{align-items:center;background:#ffd7001a;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;transition:all .2s ease;width:40px}.mobile-nav-item:hover .nav-item-icon{background:#ffd70033;transform:scale(1.05)}.mobile-nav-item.active .nav-item-icon{background:#ffd7004d;box-shadow:0 0 12px #ffd7004d}.nav-item-icon span{font-size:18px;line-height:1}.nav-item-content{flex:1 1;min-width:0}.nav-item-label{color:#fff;font-size:16px;font-weight:600;line-height:1.2;margin-bottom:2px}.nav-item-description{color:#fff9;font-size:12px;line-height:1.2}.nav-item-active-indicator{animation:pulse 2s infinite;color:gold;font-size:12px;margin-left:8px}.mobile-nav-footer{background:#0003;border-top:1px solid #ffd7001a;padding:12px 0}.mobile-nav-logout{align-items:center;background:#0000;border:none;color:#ff6b6b;cursor:pointer;display:flex;padding:16px 20px;text-align:left;transition:all .2s ease;width:100%}.mobile-nav-logout:hover{background:#ff6b6b1a;transform:translateX(4px)}.mobile-nav-logout .nav-item-icon{background:#ff6b6b1a}.mobile-nav-logout:hover .nav-item-icon{background:#ff6b6b33}.mobile-nav-logout .nav-item-label{color:#ff6b6b}.mobile-nav-logout .nav-item-description{color:#ff6b6bb3}@media (min-width:768px){.mobile-nav-backdrop,.mobile-navigation{display:none}}@media (max-width:360px){.mobile-navigation{width:95%}.mobile-nav-item{padding:14px 16px}.nav-item-icon{height:36px;margin-right:10px;width:36px}.nav-item-icon span{font-size:16px}.nav-item-label{font-size:15px}.mobile-nav-profile{padding:20px 16px 16px}}.dashboard-container{grid-gap:var(--space-4)!important;background:linear-gradient(135deg,#0a0e17,#1a1a2e 30%,#16213e 70%,#0f1419)!important;background-attachment:fixed!important;color:#fff!important;display:grid!important;gap:var(--space-4)!important;grid-template-areas:"header" "tabs" "content"!important;grid-template-rows:auto auto 1fr!important;min-height:100vh!important;overflow-x:hidden!important;padding:var(--space-4)!important}@media (max-width:767px){.dashboard-container{gap:0!important;grid-template-areas:"content"!important;grid-template-rows:1fr!important;padding:0!important}}.dashboard-container:after{background:#0a0e174d;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dashboard-header.desktop-header{align-items:center;display:flex;grid-area:header;justify-content:space-between;min-height:80px;overflow:visible;padding:var(--space-4) var(--space-6);position:relative;z-index:10}@media (max-width:767px){.desktop-header{display:none!important}}.guild-banner{flex:1 1;min-width:0}.guild-banner h1{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);font-weight:800;letter-spacing:.1em;line-height:1.3;margin:0 0 var(--space-1);overflow:visible;text-shadow:0 0 20px var(--glow-color),0 0 40px var(--glow-color);text-transform:uppercase;white-space:normal}.guild-banner p{color:var(--text-color-muted);font-size:var(--font-size-lg);line-height:1.3;margin:0}.header-actions{align-items:center;display:flex;gap:var(--space-4)}.dashboard-tabs.desktop-tabs{display:flex;flex-wrap:wrap;gap:var(--space-3);grid-area:tabs;justify-content:center;padding:var(--space-4);position:relative;z-index:9}@media (max-width:767px){.desktop-tabs{display:none!important}}.tab-button{justify-content:center;min-width:140px}.tab-button span{font-size:var(--font-size-lg)}.player-info{margin-bottom:var(--space-8)}.player-card{align-items:center;display:flex;gap:var(--space-6);overflow:hidden;padding:var(--space-6);position:relative}.player-card:before{background:linear-gradient(135deg,var(--primary-color) 10,var(--secondary-color) 10);bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:-1}.player-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-full);box-shadow:var(--shadow-lg);display:flex;font-size:var(--font-size-4xl);height:100px;justify-content:center;overflow:hidden;position:relative;width:100px}.player-avatar:before{background:radial-gradient(circle at 30% 30%,#ffffff4d,#0000 60%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.player-avatar .avatar-icon{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));position:relative;z-index:2}.player-details{flex:1 1}.player-details h2{font-size:var(--font-size-3xl);margin:0 0 var(--space-4)}.player-stats{display:flex;flex-wrap:wrap;gap:var(--space-6)}.stat-item{gap:var(--space-1)}.stat-label{font-weight:500}.stat-value{font-weight:700}.stat-value.aura{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--secondary-color),gold);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px var(--glow-color))}.stat-value.streak{color:#ff6b6b}.guild-master-message{margin-bottom:var(--space-8)}.message-card{align-items:flex-start;display:flex;gap:var(--space-5);overflow:hidden;padding:var(--space-6);position:relative}.message-card:before{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));bottom:0;content:"";left:0;position:absolute;top:0;width:4px;z-index:2}.guild-master-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color) 20,var(--secondary-color) 20);border-radius:var(--radius-full);box-shadow:var(--shadow-md);display:flex;flex-shrink:0;font-size:var(--font-size-5xl);height:80px;justify-content:center;width:80px}.message-content{flex:1 1}.message-content h3{font-size:var(--font-size-2xl);margin:0 0 var(--space-3)}.message-content p{color:var(--text-color-muted);font-size:var(--font-size-lg);line-height:1.7;margin:0}.notification-banner{margin-bottom:var(--space-8)}.banner-card{background:linear-gradient(135deg,#ff6b351a,#ffd7001a);border-left:4px solid var(--secondary-color);gap:var(--space-6);overflow:hidden;padding:var(--space-6);position:relative}.banner-card,.banner-dismiss{align-items:center;display:flex;transition:all .3s ease}.banner-dismiss{background:#ffffff1a;border:none;border-radius:var(--radius-full);color:var(--text-color-muted);cursor:pointer;font-size:var(--font-size-sm);height:28px;justify-content:center;position:absolute;right:var(--space-3);top:var(--space-3);width:28px;z-index:10}.banner-dismiss:hover{background:#fff3;color:var(--text-color);transform:scale(1.1)}.banner-card:hover{border-left-color:var(--primary-color);box-shadow:0 8px 32px #ff6b3533;transform:translateY(-2px)}.banner-icon{align-items:center;background:linear-gradient(135deg,var(--secondary-color),gold);border-radius:var(--radius-full);box-shadow:0 4px 16px #ff6b354d;display:flex;flex-shrink:0;font-size:var(--font-size-5xl);height:80px;justify-content:center;position:relative;width:80px}.banner-icon:before{background:radial-gradient(circle at 30% 30%,#ffffff4d,#0000 60%);border-radius:var(--radius-full);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.banner-content{flex:1 1;min-width:0}.banner-content h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--space-2)}.banner-content p{color:var(--text-color-muted);font-size:var(--font-size-lg);line-height:1.6;margin:0}.notification-cta{background:linear-gradient(135deg,var(--secondary-color),gold);border:none;box-shadow:0 4px 16px #ff6b354d;color:#0f1419;flex-shrink:0;font-size:var(--font-size-lg);font-weight:600;padding:var(--space-3) var(--space-6);transition:all .3s ease}.notification-cta:hover{background:linear-gradient(135deg,gold,var(--secondary-color));box-shadow:0 8px 24px #ff6b3566;transform:translateY(-2px)}.notification-cta span{font-size:var(--font-size-xl);margin-right:var(--space-2)}@media (max-width:768px){.dashboard-container{gap:var(--space-3);grid-template-rows:auto auto 1fr;padding:var(--space-3)}.dashboard-header{flex-direction:column;gap:var(--space-4);padding:var(--space-3);text-align:center}.header-actions{justify-content:center;width:100%}.dashboard-tabs{flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.tab-button{min-width:auto;width:100%}.dashboard-content{overflow-x:hidden;overflow-y:auto;padding:var(--space-1)}.player-card{flex-direction:column;gap:var(--space-4);text-align:center}.player-avatar{font-size:var(--font-size-3xl);height:80px;width:80px}.player-stats{gap:var(--space-4);justify-content:center}.message-card{flex-direction:column;gap:var(--space-4);text-align:center}.message-card:before{bottom:auto;height:4px;left:50%;right:auto;top:0;transform:translateX(-50%);width:40px}.guild-master-avatar{align-self:center;font-size:var(--font-size-4xl);height:60px;width:60px}.banner-card{flex-direction:column;gap:var(--space-4);text-align:center}.banner-icon{align-self:center;font-size:var(--font-size-4xl);height:60px;width:60px}.notification-cta{justify-content:center;width:100%}.dashboard-header{flex-direction:column;gap:var(--space-4);padding:var(--space-4);text-align:center}.guild-banner h1{font-size:var(--font-size-2xl)}.guild-banner p{font-size:var(--font-size-base)}.header-actions{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.guild-banner h1{font-size:var(--font-size-xl)}.guild-banner p{font-size:var(--font-size-sm)}.player-details h2{font-size:var(--font-size-2xl)}.message-content h3,.stat-value{font-size:var(--font-size-xl)}.message-content p{font-size:var(--font-size-base)}}.player-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.player-card:hover .player-avatar{box-shadow:0 0 30px var(--glow-color);transform:scale(1.05)}.message-card:hover{transform:translateY(-2px)}.stat-value.aura{animation:auraGlow 3s ease-in-out infinite}@keyframes auraGlow{0%,to{filter:drop-shadow(0 0 8px var(--glow-color))}50%{filter:drop-shadow(0 0 16px var(--glow-color)) drop-shadow(0 0 24px var(--glow-color))}}.dashboard-content{grid-area:content;min-height:0;overflow-y:auto;padding:var(--space-2);position:relative;z-index:5}.notifications-tab-content{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1000px;position:relative;z-index:1}.notification-settings-section{background:#ffffff08;border:1px solid #64c8ff33;border-radius:15px;margin-top:20px;padding:20px}@media (max-width:768px){.notifications-tab-content{gap:20px}.notification-settings-section{margin-top:15px;padding:15px}}.auth-debugger{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2rem auto;max-width:800px;padding:1rem}.debug-header{align-items:center;border-bottom:2px solid gold;border-bottom:2px solid var(--guild-accent,gold);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.debug-header h2{color:gold;color:var(--guild-accent,gold);font-size:1.5rem;margin:0}.refresh-btn{border-radius:6px;font-size:.9rem;padding:.5rem 1rem}.refresh-btn:hover:not(:disabled){box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.debug-results{grid-gap:1.5rem;display:grid;gap:1.5rem}.debug-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid;border-radius:12px;padding:1.5rem}.debug-card.success{background:linear-gradient(135deg,#4caf501a,#4caf500d);border-color:#4caf50}.debug-card.error{background:linear-gradient(135deg,#f443361a,#f443360d);border-color:#f44336}.debug-card.warning{background:linear-gradient(135deg,#ff98001a,#ff98000d);border-color:#ff9800}.debug-card.info{background:linear-gradient(135deg,#2196f31a,#2196f30d);border-color:#2196f3}.debug-card h3{color:#fff;font-size:1.2rem;margin:0 0 1rem}.debug-details{grid-gap:.8rem;display:grid;gap:.8rem}.debug-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.debug-item:last-child{border-bottom:none}.label{color:#ffffffe6;font-size:.9rem;font-weight:700}.value{background:#0000004d;border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:.85rem;padding:.2rem .5rem}.value.success{background:#4caf504d;color:#81c784}.value.error{background:#f443364d;color:#e57373}.value.warning{background:#ff98004d;color:#ffb74d}.value.info{background:#2196f34d;color:#64b5f6}.debug-solutions{grid-gap:1rem;display:grid;gap:1rem}.solution-item{border-left:4px solid;border-radius:8px;padding:1rem}.solution-item.success{background:#4caf501a;border-left-color:#4caf50}.solution-item.error{background:#f443361a;border-left-color:#f44336}.solution-item.warning{background:#ff98001a;border-left-color:#ff9800}.solution-item strong{color:#fff;display:block;margin-bottom:.5rem}.solution-item p{color:#fffc;line-height:1.4;margin:.5rem 0 0}.solution-item code{background:#0000004d;border-radius:3px;color:gold;color:var(--guild-accent,gold);font-family:Courier New,monospace;padding:.2rem .4rem}.debug-raw-data{margin-top:1rem}.debug-raw-data summary{background:#0000004d;border-radius:4px;color:#ffffffb3;cursor:pointer;font-size:.9rem;padding:.5rem}.debug-raw-data summary:hover{background:#00000080;color:#fff}.debug-raw-data pre{background:#00000080;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;font-size:.8rem;margin:.5rem 0 0;overflow-x:auto;padding:1rem}@media (max-width:768px){.auth-debugger{margin:1rem;padding:.5rem}.debug-header{flex-direction:column;gap:1rem;text-align:center}.debug-item{align-items:flex-start;flex-direction:column;gap:.3rem}.value{align-self:stretch;text-align:center}}.improved-background-manager{color:#fff;margin:0 auto;max-width:1200px;padding:2rem}.manager-title{color:gold;color:var(--guild-accent,gold);text-shadow:2px 2px 4px #00000080}.title-icon{font-size:2.8rem}.manager-subtitle{margin:0 auto;max-width:600px}.error-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f4433633,#f443361a);border:2px solid #f4433680;border-radius:12px;overflow:hidden}.error-content{align-items:flex-start;display:flex;gap:1rem;padding:1.5rem}.error-icon{flex-shrink:0;font-size:2rem}.error-details{flex:1 1}.error-details h3{color:#e57373;font-size:1.2rem;margin:0 0 .5rem}.error-details p{color:#ffffffe6;line-height:1.4;margin:.3rem 0}.error-details strong{color:#fff}.error-actions{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.debug-toggle-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.debug-toggle-btn:hover{box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.close-error-btn{align-items:center;align-self:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .3s ease;width:2rem}.close-error-btn:hover{background:#f4433633;border-color:#f4433680}.debugger-section{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1rem}.upload-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:12px;margin-bottom:2rem;padding:2rem}.section-title{color:var(--guild-accent,gold);font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.upload-area{margin-bottom:1.5rem;position:relative}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.upload-label{align-items:center;background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:2rem;transition:all .3s ease}.upload-label:hover{background:#ffffff1a;border-color:gold;border-color:var(--guild-accent,gold);transform:translateY(-2px)}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-text{font-size:1.1rem;margin-bottom:.5rem;text-align:center}.upload-hint{color:#fff9;font-size:.9rem;text-align:center}.file-preview-section{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.preview-header h4{color:gold;color:var(--guild-accent,gold);margin:0}.clear-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .3s ease;width:2rem}.clear-btn:hover{background:#f003;border-color:#ff6b6b}.preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:1.5rem}.preview-item{text-align:center}.preview-image{border:2px solid #fff3;border-radius:8px;height:80px}.preview-error{align-items:center;background:#ff00001a;border:2px solid #ff00004d;border-radius:8px;display:flex;flex-direction:column;height:80px;justify-content:center;width:100%}.error-icon{margin-bottom:.2rem}.error-text{color:#ff6b6b;font-size:.7rem}.preview-info{margin-top:.5rem}.file-name{color:#fff;font-size:.8rem;font-weight:700;margin-bottom:.2rem}.file-size{color:#fff9;font-size:.7rem}.file-error{color:#ff6b6b;font-size:.7rem;margin-top:.2rem}.more-files{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:8px;display:flex;flex-direction:column;height:80px;justify-content:center}.more-icon{color:gold;color:var(--guild-accent,gold);font-size:1.5rem;font-weight:700}.more-text{color:#fff9;font-size:.7rem}.upload-actions{text-align:center}.upload-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 2rem;transition:all .3s ease}.upload-btn:hover:not(:disabled){box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.upload-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.upload-progress{background:#00000080;border:1px solid #ffffff1a;border-radius:8px;margin-top:1rem;padding:1rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-file{color:#fff;font-size:.9rem;font-weight:700}.progress-stage{color:#ffffffb3;font-size:.8rem}.progress-bar{background:#fff3;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:4px;height:100%;transition:width .3s ease}.progress-error{color:#ff6b6b;font-size:.9rem;margin-top:.5rem}.current-background-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4caf5033,#4caf501a);border:1px solid #4caf504d;border-radius:12px;margin-bottom:2rem;padding:2rem}.current-background-card{align-items:center;display:flex;gap:1.5rem}.current-background-image{border:2px solid #4caf5080;border-radius:8px;height:120px;object-fit:cover;width:200px}.current-background-info{flex:1 1}.current-background-label{color:#81c784;font-size:1.1rem;font-weight:700}.backgrounds-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:12px;padding:2rem}.backgrounds-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.background-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #fff3;border-radius:12px;padding:1.5rem;position:relative;transition:all .3s ease}.background-card:hover{border-color:gold;border-color:var(--guild-accent,gold);box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.background-card.current{background:linear-gradient(135deg,#4caf5033,#4caf501a);border-color:#4caf50}.background-image-container{margin-bottom:1rem;position:relative}.background-image{border:1px solid #fff3;border-radius:8px;height:180px;object-fit:cover;width:100%}.current-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4caf50e6;border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;padding:.3rem .6rem;position:absolute;right:.5rem;top:.5rem}.background-info{margin-bottom:1rem}.background-name{color:gold;color:var(--guild-accent,gold);font-size:1.1rem;font-weight:700;margin-bottom:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-metadata{grid-gap:.3rem;display:grid;gap:.3rem}.metadata-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.metadata-label{font-size:1rem}.metadata-value{color:#fffc}.background-actions{display:flex;gap:.8rem}.action-btn{border:none;border-radius:8px;flex:1 1;font-size:.9rem;font-weight:700;padding:.7rem 1rem}.select-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.select-btn:hover:not(.disabled){box-shadow:0 5px 15px #2196f366;transform:translateY(-2px)}.select-btn.disabled{background:#4caf50b3;box-shadow:none;cursor:not-allowed;transform:none}.delete-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;flex:0 0 auto;min-width:50px}.delete-btn:hover{box-shadow:0 5px 15px #f4433666;transform:translateY(-2px)}.empty-state{padding:3rem 2rem}.empty-state h4{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#ffffffb3;font-size:1rem}.background-manager-loading{align-items:center;color:#fff;display:flex;justify-content:center;min-height:400px}.loading-content{text-align:center}.loading-icon{font-size:4rem;margin-bottom:1rem}.loading-content h3{color:gold;color:var(--guild-accent,gold);font-size:1.5rem;margin-bottom:1rem}.loading-spinner{border-top:3px solid var(--guild-accent,gold);margin:0 auto}@media (max-width:768px){.improved-background-manager{padding:1rem}.manager-title{font-size:2rem}.backgrounds-section,.current-background-section,.upload-label,.upload-section{padding:1.5rem}.upload-label{min-height:120px}.backgrounds-grid{grid-template-columns:1fr}.current-background-card{flex-direction:column;text-align:center}.current-background-image{max-width:300px;width:100%}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.preview-image{height:60px}}.quest-manager{color:var(--text-primary);margin:0 auto;max-width:1200px;padding:2rem}.manager-header{margin-bottom:3rem;text-align:center}.manager-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #ffd7004d}.title-icon{margin-right:.5rem}.manager-subtitle{color:#fffc;font-size:1.1rem;margin-bottom:2rem}.quest-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#ffd70080;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.stat-card.active,.stat-card.total{background:linear-gradient(135deg,#4caf5033,#4caf501a);border-color:#4caf5080}.stat-card.inactive{background:linear-gradient(135deg,#ff980033,#ff98001a);border-color:#ff980080}.stat-icon{display:block;font-size:1.5rem;margin-bottom:.5rem}.stat-number{color:#fff;display:block;font-size:1.8rem;margin-bottom:.2rem}.stat-label{color:#fffc;letter-spacing:.5px}.manager-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.create-quest-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.create-quest-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.refresh-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.refresh-btn:hover{background:linear-gradient(135deg,#1976d2,#2196f3);box-shadow:0 5px 15px #2196f366;transform:translateY(-2px)}.quests-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden}.quests-table{background:#0000;border-collapse:collapse;width:100%}.quests-table th{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border-bottom:2px solid #ffd7004d;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.quests-table td{border-bottom:1px solid #ffffff1a;color:#fff;font-size:.9rem;padding:.9rem;vertical-align:middle}.quests-table tbody tr{transition:all .3s ease}.quests-table tbody tr:hover{background:#ffffff0d}.quest-title{color:gold;font-size:.95rem;font-weight:600;line-height:1.3;max-width:200px}.quest-description-preview{color:#ffffffe6;font-size:.9rem;line-height:1.4;max-width:300px;overflow:hidden;text-overflow:ellipsis}.guild-cell{text-align:center}.guild-info{gap:.5rem;justify-content:center}.guild-icon{font-size:1.1rem}.guild-name{font-size:.9rem;font-weight:600}.quest-status{text-align:center}.status-badge{align-items:center;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.5px;padding:.4rem .8rem}.status-badge.active{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.status-badge.inactive{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.status-icon{font-size:.85rem;line-height:1}.status-text{font-size:.75rem;line-height:1}.aura-cell,.aura-reward{text-align:center}.aura-reward{align-items:center;color:gold;display:inline-flex;font-size:.95rem;font-weight:600;gap:.3rem}.aura-icon{font-size:.9rem}.aura-amount{font-weight:600}.quest-actions{text-align:center}.action-buttons{flex-wrap:wrap}.action-btn,.action-buttons{align-items:center;gap:.3rem}.action-btn{background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;margin:0 .15rem;padding:.35rem .7rem;transition:all .3s ease}.action-btn.edit{border-color:#2196f380;color:#2196f3}.action-btn.edit:hover{background:#2196f31a;border-color:#2196f3}.action-btn.toggle{border-color:#ff980080;color:#ff9800}.action-btn.toggle:hover{background:#ff98001a;border-color:#ff9800}.button-icon{font-size:.8rem;line-height:1}.loading-state{padding:4rem 2rem}.loading-spinner{border:3px solid #ffffff4d;border-top-color:gold;margin:1rem auto}.loading-text{color:#fffc;font-size:1.1rem;margin-top:1rem}.empty-state{padding:4rem 2rem}.empty-icon{margin-bottom:1rem}.empty-title{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.empty-description{color:#ffffffb3;font-size:1rem;margin-bottom:2rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e1e1ef2,#141414f2);border:1px solid #ffd7004d;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ffd70033;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.modal-title{color:gold;font-size:1.5rem;font-weight:700;margin:0}.close-btn{background:#0000;border:none;color:#ffffffb3;cursor:pointer;font-size:1.5rem;padding:.2rem;transition:color .3s ease}.close-btn:hover{color:#fff}.form-group{margin-bottom:1.5rem}.form-label{align-items:center;color:#fff;display:flex;font-size:.85rem;gap:.5rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.field-icon{font-size:.9rem;opacity:.8}.form-input,.form-select,.form-textarea,select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}select{cursor:pointer}select option{background:#1a1a1a;color:#fff;padding:.5rem}.form-input:focus,.form-textarea:focus,select:focus{background:#ffffff26;border-color:gold;box-shadow:0 0 0 2px #ffd70033;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-actions{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.btn-cancel{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel:hover{background:#ffffff1a;border-color:#ffffff80}.btn-submit{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.btn-submit:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.btn-submit:disabled{background:#fff3;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.quest-manager{padding:1rem}.manager-title{font-size:2rem}.quest-stats{grid-template-columns:1fr}.manager-actions{align-items:stretch;flex-direction:column}.quests-table-container{overflow-x:auto}.quests-table td,.quests-table th{font-size:.8rem;padding:.5rem}.quest-description-preview,.quest-title{font-size:.8rem;max-width:120px}.guild-name{font-size:.8rem}.guild-icon{font-size:1rem}.status-badge{font-size:.7rem;padding:.3rem .6rem}.action-btn{font-size:.7rem;padding:.3rem .5rem}.modal-content{margin:1rem;padding:1.5rem;width:calc(100% - 2rem)}}.guild-image-manager{margin:0 auto;max-width:1200px;padding:2rem}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:.5rem}.section-header p{color:var(--text-secondary);font-size:1.1rem}.guilds-grid{grid-gap:2rem;gap:2rem}.guild-card{background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s ease}.guild-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.guild-header{margin-bottom:2rem}.guild-info{align-items:center;display:flex;gap:1rem}.guild-icon{font-size:3rem}.guild-details h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.25rem}.guild-focus{color:var(--text-secondary);font-size:.9rem;letter-spacing:.5px}.guild-image-section{display:flex;flex-direction:column;gap:1.5rem}.current-image label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.image-display{align-items:center;border:2px dashed var(--border-color);display:flex;height:200px;justify-content:center;overflow:hidden}.current-guild-image,.image-display{border-radius:var(--radius-md);width:100%}.current-guild-image{height:100%;object-fit:cover}.no-image{color:var(--text-secondary);font-style:italic}.upload-section{display:flex;flex-direction:column;gap:1rem}.file-input-label{background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease}.file-input-label:hover{background:var(--primary-hover);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.file-input{display:none}.preview-section{margin-top:1rem}.preview-section label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.preview-image{border:2px solid var(--border-color);border-radius:var(--radius-md);height:150px;max-width:200px;object-fit:cover;width:100%}.action-buttons{margin-top:1.5rem}.save-button{align-items:center;background:var(--success-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .3s ease}.save-button:hover:not(.disabled){background:var(--success-hover);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.save-button.disabled{background:var(--border-color);cursor:not-allowed;opacity:.6}.instructions{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:2rem;padding:1.5rem}.instructions h4{color:var(--primary-color);font-size:1.2rem;margin-bottom:1rem}.instructions ul{list-style:none;margin:0;padding:0}.instructions li{align-items:flex-start;color:var(--text-primary);display:flex;gap:.5rem;padding:.5rem 0}@media (max-width:768px){.guild-image-manager{padding:1rem}.guilds-grid{gap:1.5rem;grid-template-columns:1fr}.guild-card{padding:1rem}.section-header h2{font-size:1.5rem}}.error-logs-viewer{margin:0 auto;max-width:1200px;padding:var(--space-6)}.error-logs-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-12)}.loading-spinner{border:4px solid #ffffff4d;border-top:4px solid var(--primary-color)}.error-logs-header{align-items:center;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:var(--background-card);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-6)}.error-logs-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-family:var(--font-fantasy);font-size:var(--font-size-3xl);margin:0}.error-stats{display:flex;gap:var(--space-4)}.stat-item{align-items:center;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border-radius:var(--radius-md);display:flex;flex-direction:column;min-width:80px;padding:var(--space-3) var(--space-4)}.stat-item.critical{background:#ef444433;border:2px solid #ef444466}.stat-item.high{background:#f59e0b33;border:2px solid #f59e0b66}.stat-item.total{background:#6366f133;border:2px solid #6366f166}.stat-value{font-family:var(--font-fantasy);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.stat-label{color:var(--text-color-muted);font-size:var(--font-size-sm);letter-spacing:.05em}.error-logs-filters{align-items:center;background:var(--background-card);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4)}.filter-select{background:var(--background-color);border:2px solid var(--border-color-light);border-radius:var(--radius-md);color:var(--text-color);font-size:var(--font-size-sm);min-width:140px;padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,99,102,241),.1);outline:none}.refresh-btn{margin-left:auto;min-width:120px}.error-logs-list{gap:var(--space-3)}.error-logs-list,.no-errors{display:flex;flex-direction:column}.no-errors{align-items:center;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:var(--background-card);border-radius:var(--radius-lg);justify-content:center;padding:var(--space-12);text-align:center}.no-errors-icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-4)}.no-errors h3{color:var(--success-color);font-family:var(--font-fantasy);margin:0 0 var(--space-2)}.error-log-item{-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:var(--background-card);border:2px solid #0000;border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.error-log-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.error-log-item.critical{border-color:#ef444480}.error-log-item.high{border-color:#f59e0b80}.error-log-item.medium{border-color:#3b82f680}.error-log-item.low{border-color:#22c55e80}.error-log-header{align-items:center;cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4);transition:background var(--transition-base)}.error-log-header:hover{background:#ffffff0d}.error-log-icons{display:flex;font-size:var(--font-size-xl);gap:var(--space-2)}.error-log-info{flex:1 1;min-width:0}.error-message{color:var(--text-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);word-break:break-word}.error-meta{color:var(--text-color-muted);display:flex;font-size:var(--font-size-sm);gap:var(--space-3)}.error-type{background:var(--primary-color);color:#fff;font-weight:var(--font-weight-semibold);text-transform:uppercase}.error-component,.error-type{border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.error-component{background:#6b728033;color:var(--text-color)}.error-time{font-family:var(--font-mono)}.error-expand-icon{color:var(--text-color-muted);font-size:var(--font-size-lg);transition:transform var(--transition-base)}.error-log-item.expanded .error-expand-icon{transform:rotate(90deg)}.error-log-details{background:#0000001a;border-top:1px solid var(--border-color-light);padding:var(--space-4)}.detail-section{margin-bottom:var(--space-4)}.detail-section:last-child{margin-bottom:0}.detail-section h4{color:var(--primary-color);font-family:var(--font-fantasy);font-size:var(--font-size-lg);margin:0 0 var(--space-2)}.additional-data,.stack-trace{background:#0009;border:1px solid #00ff004d;border-radius:var(--radius-md);color:#0f0;font-family:Courier New,monospace;font-size:var(--font-size-sm);line-height:1.4;overflow-x:auto;padding:var(--space-3);white-space:pre-wrap;word-break:break-word}.technical-details{background:#0000004d;border:1px solid var(--border-color-light);border-radius:var(--radius-md);padding:var(--space-3)}.technical-details div{font-family:var(--font-mono);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.technical-details strong{color:var(--primary-color)}@media (max-width:768px){.error-logs-header{flex-direction:column;gap:var(--space-4);text-align:center}.error-logs-header h2{font-size:var(--font-size-2xl)}.error-stats{justify-content:center;width:100%}.error-logs-filters{flex-direction:column;gap:var(--space-2)}.filter-select{width:100%}.refresh-btn{margin-left:0;width:100%}.error-meta{flex-direction:column;gap:var(--space-1)}.additional-data,.stack-trace{font-size:var(--font-size-xs)}}@media (max-width:480px){.error-logs-viewer{padding:var(--space-4)}.error-log-details,.error-log-header{padding:var(--space-3)}}.error-log-item{animation:fadeInUp .5s ease-out}.notification-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ee6;border:1px solid #ffd7004d;border-radius:20px;overflow:hidden;padding:2rem;position:relative}.notification-panel:before{background:linear-gradient(45deg,#ffd7000d,#4ecdc40d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.panel-header{border-bottom:2px solid #ffd7004d;margin-bottom:3rem;padding-bottom:2rem;position:relative;text-align:center}.panel-header:after{background:linear-gradient(90deg,#0000,gold,#0000);bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.panel-title{align-items:center;color:gold;display:flex;font-size:2.2rem;font-weight:700;gap:1rem;justify-content:center;margin:0 0 1rem}.title-icon{animation:announcement 3s infinite;font-size:2.5rem}@keyframes announcement{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.panel-description{color:#fffc;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.panel-content{position:relative;z-index:1}.form-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:3rem;padding:2rem;position:relative}.form-section:before{background:linear-gradient(45deg,#0000,#ffffff05,#0000);border-radius:15px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.section-title{align-items:center;color:gold;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.section-icon{font-size:1.8rem}.target-selector{position:relative}.target-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.target-option{cursor:pointer;display:block;position:relative}.target-option input[type=radio]{display:none}.option-content{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.target-option:hover .option-content{background:#ffffff14;border-color:#ffd70066;box-shadow:0 6px 20px #ffd7001a;transform:translateY(-2px)}.target-option.selected .option-content{background:#ffd7001a;border-color:gold;box-shadow:0 6px 20px #ffd70033}.option-icon{flex-shrink:0;font-size:2rem}.option-text{color:#fff;font-size:1rem;font-weight:600}.guild-selector,.user-selector{margin-top:1rem}.guild-select,.user-search{background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.guild-select:focus,.user-search:focus{background:#ffffff14;border-color:gold;box-shadow:0 0 0 3px #ffd7001a;outline:none}.guild-select option{background:#1a1a2e;color:#fff;padding:.5rem}.user-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;border:1px solid #ffd7004d;border-radius:10px;box-shadow:0 10px 30px #0000004d;left:0;margin-top:.5rem;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.user-option{border-bottom:1px solid #ffffff0d;cursor:pointer;padding:1rem 1.5rem;transition:background .2s ease}.user-option:hover{background:#ffd7001a}.user-option:last-child{border-bottom:none}.user-name{color:#fff;display:block;font-weight:600;margin-bottom:.25rem}.user-guild{color:#fff9;display:block;font-size:.85rem}.selected-target{background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:10px;color:#4ecdc4;font-size:.95rem;margin-top:1rem;padding:1rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group{position:relative}.form-label{color:#ffffffe6;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.form-input,.form-textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{background:#ffffff14;border-color:gold;box-shadow:0 0 0 3px #ffd7001a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#fff6}.form-hint{color:#ffffff80;display:block;font-size:.8rem;margin-top:.5rem}.options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.checkbox-option{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;padding:1rem;transition:all .3s ease}.checkbox-option:hover{background:#ffffff0d;border-color:#ffd7004d}.checkbox-option input[type=checkbox]{accent-color:gold;margin-right:1rem;transform:scale(1.2)}.checkbox-label{align-items:center;color:#ffffffe6;display:flex;font-weight:500;gap:.75rem}.checkbox-icon,.send-button{font-size:1.2rem}.send-button{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:12px;color:#1a1a2e;cursor:pointer;display:flex;font-weight:700;gap:1rem;justify-content:center;overflow:hidden;padding:1.5rem 2rem;position:relative;transition:all .3s ease;width:100%}.send-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.send-button:hover:before{left:100%}.send-button:hover{box-shadow:0 10px 30px #ffd70066;transform:translateY(-3px)}.send-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.send-button:disabled:before{display:none}.button-icon{font-size:1.5rem}.button-spinner{animation:spin 1s linear infinite;border:3px solid #1a1a2e4d;border-radius:50%;border-top-color:#1a1a2e;height:20px;width:20px}.message{align-items:center;animation:messageSlideIn .5s ease;border-radius:12px;display:flex;font-weight:600;gap:1rem;margin-top:2rem;padding:1.25rem 1.5rem}.message.success{background:#4ecdc426;border:2px solid #4ecdc466;color:#4ecdc4}.message.error{background:#ff6b6b26;border:2px solid #ff6b6b66;color:#ff6b6b}.message-icon{flex-shrink:0;font-size:1.5rem}.message-text{flex:1 1;line-height:1.4}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.form-grid,.options-grid,.target-options{grid-template-columns:1fr}}@media (max-width:768px){.notification-panel{padding:1.5rem}.panel-title{flex-direction:column;font-size:1.8rem;gap:.5rem}.title-icon{font-size:2rem}.form-section{padding:1.5rem}.section-title{font-size:1.3rem}.send-button{font-size:1.1rem;padding:1.25rem 1.5rem}}@media (max-width:480px){.notification-panel{padding:1rem}.panel-header{margin-bottom:2rem;padding-bottom:1.5rem}.panel-title{font-size:1.5rem}.form-section{margin-bottom:2rem;padding:1rem}.option-content{padding:1rem}.send-button{font-size:1rem;padding:1rem}.user-dropdown{left:1rem;max-height:60vh;position:fixed;right:1rem;top:50%;transform:translateY(-50%)}}.aura-stream-log{margin:0 auto;max-width:1400px;padding:20px}.log-header{margin-bottom:30px;text-align:center}.log-header h2{color:#2c3e50;font-size:2rem;margin-bottom:10px}.log-header p{color:#666;font-size:1.1rem}.access-denied{background:#fee;border:2px solid #fcc;border-radius:10px;margin:20px 0;padding:40px}.access-denied h3{color:#c33;margin-bottom:10px}.log-filters{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-bottom:20px;padding:20px}.filter-row{align-items:end;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:200px}.filter-group label{color:#495057;font-size:.9rem;font-weight:600}.filter-group input,.filter-group select{background:#fff;border:1px solid #ced4da;border-radius:5px;font-size:.9rem;padding:8px 12px}.filter-group input:focus,.filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.filter-actions{display:flex;gap:10px;margin-left:auto}.filter-button{border:none;border-radius:5px;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.filter-button.apply{background:#007bff;color:#fff}.filter-button.apply:hover:not(:disabled){background:#0056b3}.filter-button.reset{background:#6c757d;color:#fff}.filter-button.reset:hover:not(:disabled){background:#545b62}.filter-button:disabled{cursor:not-allowed;opacity:.6}.log-stats{display:flex;gap:20px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 4px #0000001a;flex:1 1;gap:15px;padding:20px}.stat-icon{font-size:2rem;opacity:.8}.stat-number{color:#2c3e50;font-size:1.5rem;line-height:1}.stat-label{font-size:.9rem;margin-top:2px}.error-message{align-items:center;background:#fee;border:1px solid #fcc;border-radius:5px;color:#c33;display:flex;gap:10px;margin-bottom:20px;padding:15px}.error-icon{font-size:1.2rem}.activities-table-container{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.activities-table{border-collapse:collapse;font-size:.9rem;width:100%}.activities-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:15px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.activities-table td{border-bottom:1px solid #e9ecef;padding:12px 10px;vertical-align:top}.activity-row:nth-child(2n){background:#f8f9fa}.activity-row:hover{background:#e8f4fd}.player-cell .player-info{display:flex;flex-direction:column;gap:2px}.player-cell strong{color:#2c3e50}.player-cell small{color:#6c757d;font-size:.8rem}.guild-badge{align-items:center;background:#e9ecef;border-radius:15px;display:inline-flex;font-size:.8rem;font-weight:600;gap:5px;padding:4px 8px;text-transform:capitalize}.activity-cell .activity-info{display:flex;flex-direction:column;gap:2px}.activity-name{color:#2c3e50;font-weight:500}.activity-cell small{color:#6c757d;font-size:.75rem}.activity-type{align-items:center;background:#e3f2fd;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:500;gap:5px;padding:3px 8px}.distance-cell{color:#28a745;font-weight:600;text-align:right}.stamina-value{align-items:center;color:#fd7e14;display:inline-flex;font-weight:600;gap:5px}.tier-change{align-items:center;display:flex;font-size:.8rem;gap:4px}.tier-before,.tier-current{background:#e9ecef;font-weight:500}.tier-after.upgraded,.tier-before,.tier-current{border-radius:8px;padding:2px 6px;text-transform:capitalize}.tier-after.upgraded{background:#d4edda;color:#155724;font-weight:600}.tier-arrow{color:#28a745;font-weight:700}.upgrade-badge{font-size:.7rem}.sync-time{color:#6c757d;font-size:.8rem}.empty-state{color:#6c757d;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;opacity:.5}.empty-state h3{color:#495057;margin-bottom:10px}.loading-state{padding:40px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;height:40px;margin:0 auto 20px;width:40px}.load-more{border-top:1px solid #e9ecef;padding:20px;text-align:center}.load-more-button{background:#007bff;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.load-more-button:hover{background:#0056b3;transform:translateY(-1px)}@media (max-width:1200px){.activities-table{font-size:.8rem}.activities-table td,.activities-table th{padding:8px 6px}}@media (max-width:768px){.aura-stream-log{padding:10px}.filter-row{flex-direction:column;gap:10px}.filter-group{min-width:auto;width:100%}.filter-actions{margin-left:0}.log-stats{flex-direction:column}.activities-table-container{overflow-x:auto}.activities-table{min-width:800px}}.admin-container{background:linear-gradient(135deg,#2c1810,#1a237e 50%,#0d1b2a);background-attachment:fixed;min-height:100vh}.admin-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-bottom:2px solid #ffd7004d;display:flex;justify-content:space-between;padding:20px 30px}.admin-title h1{color:gold;font-size:32px;margin:0;text-shadow:2px 2px 4px #00000080}.admin-title p{color:#ccc;font-size:16px;margin:5px 0 0}.admin-actions{display:flex;gap:15px}.refresh-button{background:#3498dbcc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.refresh-button:hover{background:#3498db;transform:translateY(-1px)}.logout-button{background:#e74c3ccc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.logout-button:hover{background:#e74c3c;transform:translateY(-1px)}.admin-content{margin:0 auto;max-width:1200px;padding:30px}.admin-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{background:#fffffff2;border:2px solid #ffd7004d;border-radius:15px;box-shadow:0 10px 30px #0003;gap:20px;padding:25px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background:linear-gradient(135deg,gold,#ffed4a);border-radius:50%;box-shadow:0 5px 15px #ffd7004d;font-size:40px;height:70px;justify-content:center;width:70px}.stat-info{display:flex;flex-direction:column;gap:5px}.stat-number{color:#1a1a2e;font-size:24px;font-weight:700}.stat-label{color:#666;font-size:14px;font-weight:600;text-transform:uppercase}.submissions-section h3{color:gold;font-size:24px;margin-bottom:25px;text-shadow:1px 1px 2px #00000080}.submissions-list{display:flex;flex-direction:column;gap:20px}.submission-card{background:#fffffff2;border:2px solid #ffd70033;border-radius:15px;box-shadow:0 10px 30px #0003;padding:25px;transition:transform .3s ease}.submission-card:hover{box-shadow:0 15px 40px #00000040;transform:translateY(-2px)}.submission-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.submission-info h4{color:#1a1a2e;font-size:18px;margin:0 0 10px}.submission-meta{display:flex;flex-wrap:wrap;gap:20px}.submission-date,.user-name{align-items:center;color:#666;display:flex;font-size:14px;gap:5px}.status-badge{border-radius:20px;font-size:12px;font-weight:700;padding:6px 12px;text-transform:uppercase}.status-badge.pending{background:#ffc10733;border:1px solid #ffc10780;color:#856404}.proof-section{margin-bottom:25px}.proof-section label{color:#1a1a2e;display:block;font-size:16px;font-weight:600;margin-bottom:15px}.proof-content{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;overflow:hidden}.proof-image,.proof-video{display:block;max-height:400px;object-fit:contain;width:100%}.submission-actions{display:flex;gap:15px;justify-content:flex-end}.approve-button,.reject-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .3s ease}.approve-button{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.approve-button:hover:not(:disabled){background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 5px 15px #2ecc7166;transform:translateY(-1px)}.reject-button{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.reject-button:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#e74c3c);box-shadow:0 5px 15px #e74c3c66;transform:translateY(-1px)}.approve-button:disabled,.reject-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}.no-submissions{background:#fffffff2;border-radius:15px;box-shadow:0 10px 30px #0003;padding:60px 40px;text-align:center}.empty-icon{font-size:80px;margin-bottom:20px}.no-submissions h4{color:#1a1a2e;font-size:24px;margin:0 0 15px}.no-submissions p{color:#666;font-size:16px;margin:0}.access-denied{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.access-denied h2{font-size:32px;margin-bottom:20px}.access-denied p{font-size:18px;margin-bottom:30px}.back-button{background:linear-gradient(135deg,gold,#ffed4a);border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-size:16px;font-weight:700;padding:15px 30px;transition:all .3s ease}.back-button:hover{background:linear-gradient(135deg,#ffed4a,gold);transform:translateY(-2px)}.loading{align-items:center;color:gold;display:flex;font-size:24px;font-weight:700;height:100vh;justify-content:center}@media (max-width:768px){.admin-header{flex-direction:column;gap:15px;text-align:center}.admin-content{padding:15px}.submission-header{gap:15px}.submission-actions,.submission-header{flex-direction:column}.approve-button,.reject-button{width:100%}.submission-meta{flex-direction:column;gap:10px}.admin-tabs{flex-direction:column;gap:5px}.tab-button{width:100%}}.admin-tabs{background:#0003;display:flex;gap:10px;justify-content:center;padding:20px 30px 0}.tab-button{background:#ffffff1a;border:2px solid #0000;border-radius:8px 8px 0 0;color:#ccc;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab-button:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.tab-button.active{background:#ffd700e6;border-color:gold;color:#1a1a2e;transform:translateY(-2px)}.tab-button.active:hover{background:gold}.guild-selection-container{align-items:center;animation:containerFadeIn .8s ease-out forwards;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:radial-gradient(circle at 20% 20%,#ff45001a 0,#0000 50%),radial-gradient(circle at 80% 80%,#4169e11a 0,#0000 50%),radial-gradient(circle at 50% 50%,#32cd321a 0,#0000 50%),#000000f2;box-sizing:border-box;display:flex;justify-content:center;left:0;min-height:100vh;overflow-y:auto;padding:2rem 0;position:absolute;right:0;top:0;z-index:9999}.guild-selection-modal{animation:modalSlideIn .8s ease-out .2s both;background:linear-gradient(135deg,#0f172afa,#1e293bf2 50%,#0f172afa);border:3px solid;border-image:linear-gradient(135deg,gold,#ff4500,tomato) 1;border-image:linear-gradient(135deg,var(--guild-accent,gold),var(--guild-primary,#ff4500),var(--guild-secondary,tomato)) 1;border-radius:25px;box-shadow:0 25px 80px #000000b3,inset 0 1px 0 #ffffff1a;color:#fff;height:auto;margin:auto 0;max-width:1200px;min-height:-webkit-fit-content;min-height:fit-content;overflow:visible;padding:3rem;position:relative;width:95%}.guild-selection-modal:before{animation:starfield 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='rgba(255,215,0,0.1)'/%3E%3Ccircle cx='80' cy='30' r='1' fill='rgba(255,69,0,0.1)'/%3E%3Ccircle cx='60' cy='70' r='1.5' fill='rgba(65,105,225,0.1)'/%3E%3Ccircle cx='30' cy='80' r='1' fill='rgba(50,205,50,0.1)'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.selection-header{margin-bottom:3rem;position:relative;text-align:center}.selection-title{-webkit-text-fill-color:#0000;animation:epicShimmer 4s ease-in-out infinite;background:linear-gradient(135deg,gold,orange 25%,#ff6b6b 50%,#ff8e53 75%,gold);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;filter:drop-shadow(0 0 20px rgba(255,215,0,.4));font-family:var(--font-fantasy);font-size:3.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;text-shadow:0 0 40px #ffd7004d}.selection-subtitle-primary{animation:titleGlow 3s ease-in-out infinite alternate;color:gold;color:var(--guild-accent,gold);font-family:var(--font-fantasy);font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-shadow:2px 2px 6px #000c}.selection-subtitle{color:#ffffffe6;font-size:1.2rem;font-weight:400;line-height:1.7;margin:0 auto 2rem;max-width:700px;text-shadow:1px 1px 3px #000000b3}.error-banner{animation:errorSlideDown .4s ease-out;background:linear-gradient(135deg,#dc2626,#b91c1c);border:2px solid #fca5a5;border-radius:15px;box-shadow:0 8px 25px #dc26264d}.error-banner,.success-banner{align-items:center;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem}.success-banner{animation:successSlideDown .4s ease-out;background:linear-gradient(135deg,#10b981,#059669);border:2px solid #6ee7b7;border-radius:15px;box-shadow:0 8px 25px #10b9814d}.success-icon{animation:successBounce .6s ease-out;font-size:1.5rem}.success-message{flex:1 1}.connection-status,.success-message{color:#fff;font-weight:600;text-shadow:1px 1px 2px #00000080}.connection-status{align-items:center;animation:pulseGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);border:2px solid #93c5fd80;border-radius:15px;box-shadow:0 8px 25px #3b82f633;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem 1.5rem}.error-icon{animation:shake .5s ease-in-out infinite alternate;font-size:1.5rem}.error-message{color:#fff;flex:1 1;font-weight:600}.error-dismiss{background:none;border:none;border-radius:50%;color:#fffc;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:all .3s ease}.error-dismiss:hover{background:#fff3;color:#fff;transform:scale(1.1)}.guilds-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem;perspective:1000px}.guild-card{animation:cardFloat 3s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14,#ffffff1f 50%,#ffffff14);border:2px solid #ffffff26;border-radius:20px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.guild-card:first-child{animation-delay:0s}.guild-card:nth-child(2){animation-delay:.5s}.guild-card:nth-child(3){animation-delay:1s}.guild-card.hovered,.guild-card:hover{animation:none;background:linear-gradient(135deg,#ffffff1f,#ffffff2e 50%,#ffffff1f);border-color:gold;border-color:var(--guild-accent,gold);box-shadow:0 25px 50px #0006,0 0 40px #ff4500,inset 0 1px 0 #fff3;box-shadow:0 25px 50px #0006,0 0 40px var(--guild-primary,#ff4500),inset 0 1px 0 #fff3;transform:translateY(-15px) scale(1.05)}.guild-card.selected{animation:selectedPulse 2s ease-in-out infinite;border-color:gold;border-color:var(--guild-accent,gold);box-shadow:0 20px 40px #0000004d,0 0 30px #ff4500,inset 0 0 50px #ff45001a;box-shadow:0 20px 40px #0000004d,0 0 30px var(--guild-primary,#ff4500),inset 0 0 50px rgba(var(--guild-primary,255,69,0),.1);transform:translateY(-8px) scale(1.02)}.guild-card.clicked{animation:clickFeedback .3s ease-out;transform:translateY(-10px) scale(1.08)!important}.guild-card-content{position:relative;text-align:center;z-index:2}.guild-icon-large{animation:iconPulse 3s ease-in-out infinite;display:block;filter:drop-shadow(0 0 15px rgba(255,215,0,.4));font-size:4.5rem;margin-bottom:1.5rem;text-shadow:0 0 20px currentColor}.guild-name{font-size:2rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;text-shadow:2px 2px 8px #000000b3}.guild-motto,.guild-name{color:gold;color:var(--guild-accent,gold)}.guild-motto{font-size:1.1rem;font-style:italic;font-weight:500;margin-bottom:.5rem;opacity:.9;text-shadow:1px 1px 4px #0009}.guild-focus{color:tomato;color:var(--guild-secondary,tomato);font-size:.95rem;font-weight:600;letter-spacing:.1em;margin-bottom:1rem;text-shadow:1px 1px 3px #00000080;text-transform:uppercase}.guild-description{color:#ffffffe6;font-size:1rem;line-height:1.6;margin-bottom:2rem;text-shadow:1px 1px 2px #00000080}.guild-path-button{margin-top:auto}.choose-path-btn{background:linear-gradient(135deg,#ff4500,tomato);background:linear-gradient(135deg,var(--guild-primary,#ff4500),var(--guild-secondary,tomato));border:2px solid gold;border:2px solid var(--guild-accent,gold);border-radius:12px;box-shadow:0 8px 20px #0000004d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.05em;overflow:hidden;padding:1rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.choose-path-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.choose-path-btn:hover:before{left:100%}.choose-path-btn:hover{border-color:#fff;box-shadow:0 12px 30px #0006,0 0 20px #ff4500,inset 0 1px 0 #ffffff4d;box-shadow:0 12px 30px #0006,0 0 20px var(--guild-primary,#ff4500),inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.selection-indicator{align-items:center;animation:indicatorPulse 1.5s ease-in-out infinite;background:gold;background:var(--guild-accent,gold);border-radius:20px;box-shadow:0 4px 15px #0000004d;color:#000;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;padding:.5rem 1rem;position:absolute;right:15px;top:15px}.indicator-icon{font-size:1.1rem}.selection-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0006,#0009);border:2px solid #ffffff1a;border-radius:20px;box-shadow:0 15px 40px #00000080,inset 0 1px 0 #ffffff1a;margin-bottom:2rem;padding:2rem}.selected-guild-info{margin-bottom:2rem;text-align:center}.selection-badge{align-items:center;background:linear-gradient(135deg,#ff4500,tomato);background:linear-gradient(135deg,var(--guild-primary,#ff4500),var(--guild-secondary,tomato));border-radius:15px;box-shadow:0 8px 25px #0000004d;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;padding:1rem}.badge-icon{font-size:2rem;text-shadow:0 0 15px currentColor}.badge-text{color:#fff;font-size:1.2rem;font-weight:600;text-shadow:1px 1px 3px #000000b3}.selection-motto{color:gold;color:var(--guild-accent,gold);font-size:1.1rem;font-style:italic;margin-bottom:1rem;text-shadow:1px 1px 3px #0009}.selection-note{color:#ffffffb3;font-size:.95rem;margin-bottom:0}.action-buttons{display:flex;gap:1.5rem;justify-content:center}.cancel-button,.confirm-button{align-items:center;border-radius:12px;box-shadow:0 6px 20px #0000004d;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;letter-spacing:.05em;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s ease}.cancel-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ffffff4d;color:#fff}.cancel-button:hover:not(:disabled){background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#ffffff80;box-shadow:0 8px 25px #0006;transform:translateY(-2px)}.confirm-button{animation:confirmButtonPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#45a049);background:linear-gradient(135deg,var(--guild-primary,#4caf50),var(--guild-secondary,#45a049));border:2px solid gold;border:2px solid var(--guild-accent,gold);color:#fff}.confirm-button:hover:not(:disabled){animation:none;background:linear-gradient(135deg,#45a049,#4caf50);background:linear-gradient(135deg,var(--guild-secondary,#45a049),var(--guild-primary,#4caf50));box-shadow:0 12px 35px #0006,0 0 25px #4caf50;box-shadow:0 12px 35px #0006,0 0 25px var(--guild-primary,#4caf50);transform:translateY(-3px)}.confirm-button:disabled{animation:none;box-shadow:0 6px 20px #0000004d!important;cursor:not-allowed;opacity:.7;transform:none!important}.confirm-icon{font-size:1.2rem;text-shadow:0 0 10px currentColor}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.selection-footer{border-top:2px solid #ffffff1a;padding-top:2rem;text-align:center}.footer-text{color:#fffc;font-size:1rem;font-style:italic;margin:0;text-shadow:1px 1px 2px #00000080}.guild-selection-modal.success-exit{animation:successExit 1s ease-in-out forwards}@media (max-width:1024px){.guild-selection-modal{padding:2rem;width:90%}.guilds-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.selection-title{font-size:2.8rem}.selection-subtitle-primary{font-size:1.6rem}}@media (max-width:768px){.guild-selection-container{align-items:center;padding:1rem 0}.guild-selection-modal{border-radius:20px;padding:1.5rem;width:95%}.selection-header{margin-bottom:2rem}.selection-title{font-size:2.2rem;line-height:1.2}.selection-subtitle-primary{font-size:1.4rem}.selection-subtitle{font-size:1rem;padding:0 1rem}.guilds-grid{gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}.guild-card{padding:1.5rem}.guild-icon-large{font-size:3.5rem;margin-bottom:1rem}.guild-name{font-size:1.6rem}.guild-motto{font-size:1rem}.guild-description{font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.action-buttons{flex-direction:column;gap:1rem}.cancel-button,.confirm-button{justify-content:center;padding:1rem;width:100%}.selection-actions{padding:1.5rem}.badge-text{font-size:1rem;text-align:center}}@media (max-width:480px){.guild-selection-modal{border-radius:15px;padding:1rem}.selection-title{font-size:1.8rem}.selection-subtitle-primary{font-size:1.2rem}.guild-icon-large{font-size:3rem}.guild-card{padding:1rem}.choose-path-btn{font-size:1rem;padding:.75rem 1rem}}@keyframes containerFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes starfield{0%{transform:translateY(0)}to{transform:translateY(-100px)}}@keyframes epicShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 10px rgba(255,215,0,.3));text-shadow:2px 2px 6px #000c}50%{filter:drop-shadow(0 0 25px rgba(255,215,0,.6));text-shadow:2px 2px 6px #000c}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes selectedPulse{0%,to{box-shadow:0 20px 40px #0000004d,0 0 30px #ff4500,inset 0 0 50px #ff45001a;box-shadow:0 20px 40px #0000004d,0 0 30px var(--guild-primary,#ff4500),inset 0 0 50px #ff45001a}50%{box-shadow:0 25px 50px #0006,0 0 50px #ff4500,inset 0 0 80px #ff450033;box-shadow:0 25px 50px #0006,0 0 50px var(--guild-primary,#ff4500),inset 0 0 80px #ff450033}}@keyframes clickFeedback{0%{transform:translateY(-10px) scale(1.08)}50%{transform:translateY(-15px) scale(1.12)}to{transform:translateY(-10px) scale(1.08)}}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 10px rgba(255,215,0,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(255,215,0,.7));transform:scale(1.05)}}@keyframes indicatorPulse{0%,to{box-shadow:0 4px 15px #0000004d;transform:scale(1)}50%{box-shadow:0 6px 20px #0006;transform:scale(1.05)}}@keyframes confirmButtonPulse{0%,to{border-color:gold;border-color:var(--guild-accent,gold);box-shadow:0 6px 20px #0000004d}50%{border-color:#fff;box-shadow:0 8px 30px #0006,0 0 20px gold;box-shadow:0 8px 30px #0006,0 0 20px var(--guild-accent,gold)}}@keyframes errorSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes successSlideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes successBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulseGlow{0%,to{border-color:#93c5fd80;box-shadow:0 8px 25px #3b82f633}50%{border-color:#93c5fdcc;box-shadow:0 12px 35px #3b82f666}}@keyframes successExit{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:0;transform:scale(.9)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media (prefers-contrast:high){.guild-card{background:#000000e6;border-width:3px}.guild-motto,.guild-name,.selection-title{text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.guild-card,.selection-title{animation:none}}.strava-callback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.strava-callback-container{animation:fadeInUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.strava-callback-header{margin-bottom:30px}.callback-logo{border-radius:12px;height:64px;margin-bottom:16px;width:64px}.strava-callback-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:28px;font-weight:700;margin:0}.callback-content{margin-bottom:30px}.callback-content h2{color:#333;font-size:24px;font-weight:600;margin:20px 0 16px}.callback-content p{color:#666;font-size:16px;line-height:1.6;margin:12px 0}.redirect-note{color:#888;font-size:14px;font-style:italic}.callback-content.loading .loading-spinner{margin:20px 0}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.callback-content.success .success-icon{animation:bounceIn .8s ease-out;font-size:48px;margin:20px 0}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.callback-content.success h2{color:#28a745}.callback-content.error .error-icon{animation:shake .6s ease-in-out;font-size:48px;margin:20px 0}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.callback-content.error h2{color:#dc3545}.callback-footer{border-top:1px solid #eee;padding-top:20px}.callback-footer p{color:#888;font-size:14px;margin:0}@media (max-width:480px){.strava-callback-container{margin:20px;padding:30px 20px}.strava-callback-header h1{font-size:24px}.callback-content h2{font-size:20px}.callback-logo{height:48px;width:48px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--guild-primary:#ff4500;--guild-secondary:tomato;--guild-accent:gold;--guild-background:linear-gradient(135deg,#ff4500,tomato);--text-primary:#fff;--text-secondary:#fffc;--text-muted:#fff9;--bg-primary:#000c;--bg-secondary:#0009;--bg-glass:#ffffff1a;--bg-glass-hover:#ffffff26;--border-primary:#fff3;--border-guild:var(--guild-accent);--status-success:#4caf50;--status-warning:#ff9800;--status-error:#f44336;--status-info:#2196f3}.guild-theme-titans{--guild-primary:#ff4500;--guild-secondary:tomato;--guild-accent:gold;--guild-background:linear-gradient(135deg,#ff4500,tomato)}.guild-theme-illumination{--guild-primary:#4169e1;--guild-secondary:#87ceeb;--guild-accent:#fff;--guild-background:linear-gradient(135deg,#4169e1,#87ceeb)}.guild-theme-envoys{--guild-primary:#32cd32;--guild-secondary:#98fb98;--guild-accent:gold;--guild-background:linear-gradient(135deg,#32cd32,#98fb98)}.guild-themed-button{background:linear-gradient(135deg,#ff4500,tomato);background:var(--guild-background);border:1px solid gold;border:1px solid var(--guild-accent);color:#fff;color:var(--text-primary);transition:all .3s ease}.guild-themed-button:hover{box-shadow:0 5px 15px rgba(#ff4500,.4);box-shadow:0 5px 15px rgba(var(--guild-primary),.4);transform:translateY(-2px)}.guild-themed-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--bg-glass);border:1px solid #fff3;border:1px solid var(--border-primary);border-radius:12px}.guild-themed-card:hover{background:#ffffff26;background:var(--bg-glass-hover);border-color:gold;border-color:var(--guild-accent)}.guild-accent-text{color:gold;color:var(--guild-accent)}.guild-primary-bg{background:#ff4500;background:var(--guild-primary)}.guild-gradient-bg{background:linear-gradient(135deg,#ff4500,tomato);background:var(--guild-background)}.guild-progress-bar{background:#ffffff1a;border-radius:10px;overflow:hidden}.guild-progress-fill{background:linear-gradient(135deg,#ff4500,tomato);background:var(--guild-background);border-radius:10px;height:100%;transition:width .3s ease}.guild-notification-badge{background:#ff4500;background:var(--guild-primary);border:2px solid gold;border:2px solid var(--guild-accent);color:#fff;color:var(--text-primary)}.guild-tab-button{background:#0000;border:1px solid #fff3;border:1px solid var(--border-primary);color:#fffc;color:var(--text-secondary);transition:all .3s ease}.guild-tab-button.active{background:linear-gradient(135deg,#ff4500,tomato);background:var(--guild-background);color:#fff;color:var(--text-primary)}.guild-tab-button.active,.guild-tab-button:hover{border-color:gold;border-color:var(--guild-accent)}.guild-tab-button:hover{background:rgba(#ff4500,.1);background:rgba(var(--guild-primary),.1)}.status-approved{background:#4caf50;background:var(--status-success)}.status-pending{background:#ff9800;background:var(--status-warning)}.status-rejected{background:#f44336;background:var(--status-error)}.status-guild-special{background:linear-gradient(135deg,#ff4500,tomato);background:var(--guild-background);border:1px solid gold;border:1px solid var(--guild-accent)}
/*# sourceMappingURL=main.7459433d.css.map*/