*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow-x:hidden}body{font-family:"Exo 2",Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0f19;margin:0;padding:0}a{font-weight:500;color:#39b9ff;text-decoration:inherit}a:hover{color:#00d4ff}h1{font-size:3.2em;line-height:1.1}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;min-height:100vh;background:linear-gradient(#0b0f19b3,#0b0f19cc),url(/Nebula%20BG.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;text-align:center;color:#fff;padding:20px;position:fixed;top:0;left:0;right:0;bottom:0}.container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(1px 1px at 10% 15%,#ffffff,transparent),radial-gradient(2px 2px at 85% 25%,#00d4ff,transparent),radial-gradient(1px 1px at 35% 45%,#ffffff,transparent),radial-gradient(1px 1px at 75% 65%,#39b9ff,transparent),radial-gradient(2px 2px at 15% 85%,#ffffff,transparent),radial-gradient(1px 1px at 65% 10%,#00d4ff,transparent),radial-gradient(1px 1px at 95% 50%,#ffffff,transparent),radial-gradient(2px 2px at 25% 70%,#39b9ff,transparent),radial-gradient(1px 1px at 55% 30%,#ffffff,transparent),radial-gradient(1px 1px at 5% 90%,#00d4ff,transparent),radial-gradient(2px 2px at 80% 80%,#ffffff,transparent),radial-gradient(1px 1px at 45% 5%,#39b9ff,transparent),radial-gradient(1px 1px at 20% 35%,#ffffff,transparent),radial-gradient(2px 2px at 90% 15%,#00d4ff,transparent),radial-gradient(1px 1px at 60% 75%,#ffffff,transparent),radial-gradient(1px 1px at 30% 55%,#39b9ff,transparent),radial-gradient(2px 2px at 70% 25%,#ffffff,transparent),radial-gradient(1px 1px at 40% 85%,#00d4ff,transparent),radial-gradient(1px 1px at 85% 35%,#ffffff,transparent),radial-gradient(2px 2px at 12% 60%,#39b9ff,transparent),radial-gradient(1px 1px at 50% 10%,#ffffff,transparent),radial-gradient(1px 1px at 78% 45%,#00d4ff,transparent),radial-gradient(2px 2px at 32% 20%,#ffffff,transparent),radial-gradient(1px 1px at 68% 90%,#39b9ff,transparent),radial-gradient(1px 1px at 18% 40%,#ffffff,transparent),radial-gradient(2px 2px at 58% 65%,#00d4ff,transparent),radial-gradient(1px 1px at 88% 75%,#ffffff,transparent),radial-gradient(1px 1px at 42% 28%,#39b9ff,transparent);background-repeat:repeat;background-size:100vw 100vh;animation:starsMove 40s linear infinite;pointer-events:none;opacity:.7}.title{font-size:3rem;font-weight:700;font-family:Orbitron,"Exo 2",Rajdhani,monospace;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(45deg,#00d4ff,#39b9ff,#fff,gold,#ff6b9d,#00d4ff);background-size:400% 400%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;position:relative;z-index:1;animation:cosmicGlow 12s ease-in-out infinite,gradientShift 18s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(57,185,255,.7)) drop-shadow(0 0 20px rgba(57,185,255,.5)) drop-shadow(0 0 30px rgba(57,185,255,.3))}@keyframes gradientShift{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes cosmicGlow{0%,to{filter:drop-shadow(0 0 8px rgba(57,185,255,.6)) drop-shadow(0 0 16px rgba(57,185,255,.4)) drop-shadow(0 0 24px rgba(57,185,255,.2))}50%{filter:drop-shadow(0 0 12px rgba(0,212,255,.8)) drop-shadow(0 0 20px rgba(0,212,255,.5)) drop-shadow(0 0 28px rgba(0,212,255,.3))}}@media (min-width: 768px){.title{font-size:4.5rem;letter-spacing:.15em}}@media (min-width: 1200px){.title{font-size:5.5rem;letter-spacing:.2em}}.subtitle{font-size:1.25rem;color:#b3d9ff;text-shadow:0 0 15px rgba(57,185,255,.3);margin-bottom:2rem;position:relative;z-index:1}@media (min-width: 768px){.subtitle{font-size:1.5rem}}.description{font-size:.875rem;color:#8bb8e8;margin-bottom:2rem;position:relative;z-index:1}.buttons{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}.discord-login-section{display:flex;justify-content:center;margin-top:1rem;position:relative;z-index:1}.button{padding:.75rem 1.25rem;border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;box-shadow:0 4px 15px #39b9ff33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button.primary{background:linear-gradient(45deg,#00d4ff,#39b9ff);color:#0b0f19;border:1px solid rgba(255,215,0,.3)}.button.primary:hover{background:linear-gradient(45deg,#39b9ff,gold);box-shadow:0 6px 20px #39b9ff66;transform:translateY(-2px)}.button.secondary{border:1px solid #39b9ff;color:#fff;background:#39b9ff1a}.button.secondary:hover{background:#39b9ff33;box-shadow:0 6px 20px #39b9ff4d;transform:translateY(-2px);border-color:gold}.button.tertiary{border:1px solid #d4af37;color:#d4af37;background:#d4af371a}.button.tertiary:hover{background:#d4af3733;box-shadow:0 6px 20px #d4af374d;transform:translateY(-2px);border-color:gold;color:gold}.button.discord{width:331.5px;min-width:331.5px;height:45px;margin:0 auto;padding:0;background:linear-gradient(135deg,#5865f2,#6b73f5,#5865f2);background-size:300% 300%;color:#fff;border:2px solid transparent;border-radius:8px;font-weight:600;font-size:1rem;text-transform:none;letter-spacing:.5px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.4,0,.2,1);animation:discordGradient 8s ease-in-out infinite}.button.discord:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#5865f2,#6b73f5,#7289da,#6b73f5,#5865f2);background-size:400% 400%;border-radius:10px;z-index:-1;animation:discordStroke 6s ease-in-out infinite}.button.discord:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 20px #5865f24d;background:linear-gradient(135deg,#5259d1,#5865f2,#5259d1)}.button.discord .discord-icon{margin-right:.8rem;font-size:1.4rem;filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}@keyframes discordGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes discordStroke{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.dev-access-icon{position:fixed;top:20px;right:20px;width:40px;height:40px;background:#39b9ff1a;border:1px solid rgba(57,185,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .3s ease;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dev-access-icon:hover{background:#39b9ff33;border-color:#39b9ff80;transform:scale(1.1)}.dev-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dev-modal{background:#0b0f19f2;border:1px solid rgba(57,185,255,.3);border-radius:12px;padding:2rem;min-width:320px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dev-modal h3{color:#39b9ff;margin-bottom:1rem;font-size:1.2rem}.dev-modal p{color:#b3d9ff;margin-bottom:1rem;font-size:.9rem}.dev-input{width:100%;padding:.75rem;background:#39b9ff1a;border:1px solid rgba(57,185,255,.3);border-radius:6px;color:#fff;font-size:1rem;margin-bottom:1.5rem;text-align:center}.dev-input:focus{outline:none;border-color:#39b9ff99;box-shadow:0 0 10px #39b9ff33}.dev-input::placeholder{color:#fff6}.dev-modal-buttons{display:flex;gap:1rem;justify-content:center}.dev-btn{padding:.6rem 1.5rem;border-radius:6px;border:1px solid transparent;font-weight:600;cursor:pointer;transition:all .3s ease}.dev-btn.cancel{background:#ffffff1a;color:#fff;border-color:#fff3}.dev-btn.cancel:hover{background:#fff3}.dev-btn.enter{background:#39b9ff;color:#fff}.dev-btn.enter:hover{background:#2ea3e6;transform:translateY(-1px)}.enter-button{margin-top:2rem;padding:.8rem 2rem;font-size:1rem;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;position:relative;z-index:1;box-shadow:0 0 20px #39b9ff80,0 0 40px #39b9ff4d,0 4px 15px #0000004d}.enter-button:hover{transform:translateY(-3px);box-shadow:0 0 30px #39b9ffb3,0 0 60px #39b9ff80,0 6px 20px #0006}.enter-button:active{transform:translateY(-1px)}.skip-splash-container{margin-top:2rem;position:relative;z-index:1}.skip-splash-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#ffffffe6;font-family:Orbitron,monospace;font-size:.95rem;transition:color .3s ease;-webkit-user-select:none;user-select:none}.skip-splash-label:hover{color:#39b9ff}.skip-splash-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;cursor:pointer;border:2px solid rgba(57,185,255,.6);border-radius:4px;background:#0b0f19cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;flex-shrink:0}.skip-splash-checkbox:hover{border-color:#39b9ff;box-shadow:0 0 15px #39b9ff80;background:#0b0f19e6}.skip-splash-checkbox:checked{background:linear-gradient(135deg,#00d4ff,#39b9ff);border-color:#39b9ff;box-shadow:0 0 20px #39b9ff99,inset 0 2px 4px #0003}.skip-splash-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0b0f19;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.3)}.skip-splash-label span{text-shadow:0 2px 4px rgba(0,0,0,.5)}.site-header{position:fixed;top:0;left:0;right:0;background:#0b0f19f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:1rem 0}.site-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#39b9ff99,#00d4ffb3,#ffd700cc,#00d4ffb3,#39b9ff99);background-size:400% 100%;animation:headerGradientShift 20s ease-in-out infinite}.header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.logo-section{display:flex;align-items:center;gap:1rem}.logo-link{display:flex;align-items:center;gap:1rem;text-decoration:none;transition:all .3s ease;padding:.3rem .5rem;border-radius:6px;cursor:pointer}.logo-link:hover{background:#39b9ff0d;transform:translateY(-1px)}.logo-link:hover .org-name{color:#4dc3ff;text-shadow:0 0 12px rgba(57,185,255,.6)}.logo-link:hover .logo{filter:brightness(1.1)}.logo{width:40px;height:40px;border-radius:50%;transition:filter .3s ease}.org-name{font-size:1.2rem;font-weight:700;color:#39b9ff;text-shadow:0 0 10px rgba(57,185,255,.5)}.main-nav{display:flex;gap:2rem;align-items:center}.nav-link{color:#b3d9ff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;position:relative}.nav-link:hover{color:#39b9ff;background:#39b9ff1a;text-shadow:0 0 5px rgba(57,185,255,.5)}.nav-link.active{color:gold;background:#ffd7001a;border:1px solid rgba(255,215,0,.3)}.header-actions{display:flex;gap:1rem;align-items:center}.discord-btn,.spectrum-btn{padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;background-size:cover;background-position:center;background-repeat:no-repeat;border:none;position:relative;overflow:hidden;z-index:1}.discord-btn{background-image:url(/Structure/Asset%201@2x%20Scale%20BG.png)}.spectrum-btn{background-image:url(/Structure/black%20horizontal%20section.png)}.discord-btn{color:#fff}.discord-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5865f266}.spectrum-btn{color:#39b9ff}.spectrum-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #39b9ff4d}@media (max-width: 768px){.site-header{padding:.75rem 0}.header-container{flex-direction:column;gap:.75rem;padding:0 1rem}.main-nav{gap:.75rem;flex-wrap:wrap;justify-content:center}.nav-link{padding:.4rem .8rem;font-size:.9rem}.header-actions{gap:.5rem}.discord-btn,.spectrum-btn{padding:.4rem .8rem;font-size:.8rem}.logo{width:35px;height:35px}.org-name{font-size:1.1rem}}@keyframes headerGradientShift{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.profile-link{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:25px;background:#39b9ff1a;border:1px solid rgba(57,185,255,.3);color:#fff;text-decoration:none;transition:all .3s ease;font-weight:500;min-width:250px}.profile-link:hover{background:#39b9ff33;border-color:#39b9ff80;transform:translateY(-1px);box-shadow:0 4px 15px #39b9ff4d}.avatar-container{position:relative;width:46px;height:46px;flex-shrink:0}.avatar-container:hover .profile-avatar{opacity:0;transform:scale(.9)}.avatar-container:hover .rank-overlay{opacity:1;transform:scale(1)}.profile-avatar{width:46px;height:46px;border-radius:8px;object-fit:cover;position:absolute;top:0;left:0;transition:all .4s ease;opacity:1;transform:scale(1)}.rank-icon-large{width:46px;height:46px;object-fit:contain;position:absolute;top:0;left:0;transition:all .4s ease;padding:2px}.rank-overlay{opacity:0;transform:scale(1.1)}.profile-info{display:flex;flex-direction:column;gap:.3rem;flex:1;align-items:center}.profile-name{font-size:.95rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;transition:opacity .5s ease-in-out,color .5s ease-in-out;min-width:150px}.profile-name.cycling-stats{color:#39b9ff;text-shadow:0 0 10px rgba(57,185,255,.3)}.profile-name.fade-out{opacity:0}.profile-name.fade-in{opacity:1}.profile-details{display:flex;align-items:center;gap:.6rem;font-size:.8rem}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.rank-display{display:flex;align-items:center;gap:.3rem}.rank-icon{width:16px;height:16px;object-fit:contain}.profile-rank{color:gold;font-weight:600;font-size:.85rem}.profile-role{color:#4dc3ff;font-weight:600;font-size:.85rem}.profile-path{color:#0f8;font-weight:600;font-size:.85rem}.profile-label{color:#888;font-size:.6rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.profile-separator{color:#666;font-size:.6rem}@media (max-width: 768px){.profile-link{padding:.5rem .8rem;min-width:200px;gap:.4rem}.avatar-container{width:40px;height:40px}.profile-avatar{width:40px;height:40px;border-radius:6px}.rank-icon-large{width:40px;height:40px}.profile-name{font-size:.85rem}.profile-details{font-size:.75rem;gap:.4rem}.profile-rank,.profile-role,.profile-path{font-size:.75rem}.rank-icon{width:14px;height:14px}.profile-label{font-size:.55rem}}.discord-login-btn{display:flex;align-items:center;gap:.5rem;background:#5865f2;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 2px 8px #5865f24d}.discord-login-btn:hover{background:#4752c4;transform:translateY(-1px);box-shadow:0 4px 12px #5865f266}.discord-icon{display:flex;align-items:center;justify-content:center}.user-menu-container{position:relative}.user-avatar-button{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.4rem .8rem;border-radius:25px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-avatar-button:hover{background:#ffffff1a;border-color:#39b9ff4d}.user-avatar{width:28px;height:28px;border-radius:50%;border:2px solid rgba(57,185,255,.3)}.user-name{color:#e0e0e0;font-weight:500;font-size:.9rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#b0b0b0;font-size:.7rem;transition:transform .3s ease}.user-avatar-button:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{position:absolute;top:110%;right:0;background:#0b0f19f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:250px;box-shadow:0 8px 32px #0006;z-index:1000;animation:dropdownSlide .3s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}.user-info{display:flex;align-items:center;gap:1rem;padding:1rem}.dropdown-avatar{width:48px;height:48px;border-radius:50%;border:2px solid rgba(57,185,255,.3)}.user-details{display:flex;flex-direction:column;gap:.2rem}.username{color:#fff;font-weight:600;font-size:1rem}.discriminator{color:#b0b0b0;font-size:.9rem;font-family:Courier New,monospace}.menu-divider{height:1px;background:#ffffff1a;margin:0 1rem}.logout-button{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;color:#ff6b6b;padding:1rem;text-align:left;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.logout-button:hover{background:#ff6b6b1a;color:#ff8e8e}.logout-icon{font-size:1rem}@media (max-width: 768px){.user-name{display:none}.user-dropdown{min-width:200px;right:-20px}.discord-login-btn{padding:.5rem 1rem;font-size:.8rem}}.site-footer{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#39b9ff99,#00d4ffb3,#ffd700cc,#00d4ffb3,#39b9ff99);background-size:400% 100%;animation:footerGradientShift 20s ease-in-out infinite}.footer-content{position:relative;z-index:2;padding:2rem 0 3rem;min-height:240px}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-sections{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;min-height:60px;overflow:visible}.footer-section h4{color:#39b9ff;font-size:1rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 10px rgba(57,185,255,.3)}.dropdown-header{cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.dropdown-header:hover{color:#00d4ff}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.footer-section{position:relative;overflow:visible}.footer-links,.footer-info{position:absolute;top:2.5rem;left:0;right:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0;max-height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:5;border-radius:6px;border:1px solid rgba(57,185,255,.2)}.footer-links.open,.footer-info.open{max-height:120px;padding:.75rem;overflow-y:auto;overflow-x:hidden}.footer-links.open::-webkit-scrollbar,.footer-info.open::-webkit-scrollbar{width:6px}.footer-links.open::-webkit-scrollbar-track,.footer-info.open::-webkit-scrollbar-track{background:#39b9ff1a;border-radius:3px}.footer-links.open::-webkit-scrollbar-thumb,.footer-info.open::-webkit-scrollbar-thumb{background:#39b9ff66;border-radius:3px;transition:background .3s ease}.footer-links.open::-webkit-scrollbar-thumb:hover,.footer-info.open::-webkit-scrollbar-thumb:hover{background:#39b9ff99}.footer-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.footer-logo-img{width:50px;height:50px;border-radius:50%}.footer-org-name{font-size:1.4rem;font-weight:700;color:#39b9ff;text-shadow:0 0 10px rgba(57,185,255,.5)}.footer-description{color:#fffc;line-height:1.6;font-size:1rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.8rem}.footer-links a{color:#ffffffb3;text-decoration:none;transition:all .3s ease;font-size:.95rem}.footer-links a:hover{color:#39b9ff;text-shadow:0 0 5px rgba(57,185,255,.5)}.footer-info p{color:#ffffffb3;margin-bottom:.5rem;font-size:.95rem}.footer-bottom{border-top:1px solid rgba(57,185,255,.2);padding-top:1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.footer-logos{display:flex;gap:1.5rem;align-items:center;justify-content:center}.footer-brand-logo{height:70px;width:auto;opacity:.9;transition:opacity .3s ease}.footer-brand-logo:hover{opacity:1}.footer-copyright p,.footer-legal p{color:#ffffff80;font-size:.9rem;margin:0}@media (max-width: 768px){.footer-sections{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-content{padding:6rem 0 2rem}.footer-container{padding:0 1rem}.footer-bottom{grid-template-columns:1fr;text-align:center;gap:1.5rem}.footer-logos{order:-1}.footer-logo{justify-content:center}}@media (max-width: 480px){.footer-content{padding:4rem 0 1.5rem}.footer-sections{gap:1.5rem}.footer-org-name{font-size:1.2rem}.footer-logo-img{width:40px;height:40px}}@keyframes footerGradientShift{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.admin-access{position:absolute;bottom:1rem;right:1rem;background:#39b9ff1a;border:1px solid rgba(57,185,255,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-access:hover{background:#39b9ff33;border-color:#39b9ff99;transform:scale(1.1);box-shadow:0 0 15px #39b9ff4d}.admin-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.admin-modal{background:linear-gradient(145deg,#0b0f19f2,#1a1f2ef2);border:2px solid rgba(57,185,255,.4);border-radius:15px;padding:2rem;max-width:400px;width:90%;text-align:center;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.admin-modal h3{color:#39b9ff;font-size:1.5rem;margin-bottom:1rem;font-weight:700}.admin-modal p{color:#fffc;margin-bottom:1.5rem}.admin-modal .modal-note{font-size:.9rem;color:#ffc107e6;margin-top:.5rem}.admin-modal input{width:100%;background:#1a1f2ecc;border:1px solid rgba(57,185,255,.3);border-radius:8px;padding:.75rem;color:#fff;font-size:1rem;text-align:center;margin-bottom:1.5rem}.admin-modal input:focus{outline:none;border-color:#39b9ff;box-shadow:0 0 10px #39b9ff33}.admin-modal-buttons{display:flex;gap:1rem;justify-content:center}.admin-modal button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-modal button:first-child{background:linear-gradient(135deg,#39b9ff,#00d4ff);color:#fff}.admin-modal button:first-child:hover{transform:translateY(-2px);box-shadow:0 5px 15px #39b9ff4d}.admin-modal button:last-child{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.admin-modal button:last-child:hover{background:#ef44444d}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}html{scroll-behavior:smooth;scroll-padding-top:100px}.home-page{min-height:100vh;background:radial-gradient(ellipse at top,rgba(57,185,255,.15) 0%,transparent 40%),radial-gradient(ellipse at bottom,rgba(255,215,0,.08) 0%,transparent 40%),linear-gradient(180deg,#0a0f19cc,#1a1f2ee6),url(/Nebula%20BG.jpeg);background-size:cover;background-position:center;background-attachment:fixed;padding-top:80px;position:relative;overflow-x:hidden}.home-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(1px 1px at 10% 15%,#ffffff,transparent),radial-gradient(2px 2px at 85% 25%,#00d4ff,transparent),radial-gradient(1px 1px at 35% 45%,#ffffff,transparent),radial-gradient(1px 1px at 75% 65%,#39b9ff,transparent),radial-gradient(2px 2px at 15% 85%,#ffffff,transparent),radial-gradient(1px 1px at 65% 10%,#00d4ff,transparent),radial-gradient(1px 1px at 95% 50%,#ffffff,transparent),radial-gradient(2px 2px at 25% 70%,#39b9ff,transparent),radial-gradient(1px 1px at 55% 30%,#ffffff,transparent),radial-gradient(1px 1px at 5% 90%,#00d4ff,transparent),radial-gradient(2px 2px at 80% 80%,#ffffff,transparent),radial-gradient(1px 1px at 45% 5%,#39b9ff,transparent),radial-gradient(1px 1px at 20% 35%,#ffffff,transparent),radial-gradient(2px 2px at 90% 15%,#00d4ff,transparent),radial-gradient(1px 1px at 60% 75%,#ffffff,transparent),radial-gradient(1px 1px at 30% 55%,#39b9ff,transparent),radial-gradient(2px 2px at 70% 25%,#ffffff,transparent),radial-gradient(1px 1px at 40% 85%,#00d4ff,transparent),radial-gradient(1px 1px at 85% 35%,#ffffff,transparent),radial-gradient(2px 2px at 12% 60%,#39b9ff,transparent),radial-gradient(1px 1px at 50% 10%,#ffffff,transparent),radial-gradient(1px 1px at 78% 45%,#00d4ff,transparent),radial-gradient(2px 2px at 32% 20%,#ffffff,transparent),radial-gradient(1px 1px at 68% 90%,#39b9ff,transparent),radial-gradient(1px 1px at 18% 40%,#ffffff,transparent),radial-gradient(2px 2px at 58% 65%,#00d4ff,transparent),radial-gradient(1px 1px at 88% 75%,#ffffff,transparent),radial-gradient(1px 1px at 42% 28%,#39b9ff,transparent);background-repeat:repeat;background-size:100vw 100vh;animation:starsMove 40s linear infinite;pointer-events:none;opacity:.4;z-index:1}.home-content{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.hero-section{padding:4rem 0 6rem;text-align:center}.hero-container{max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#39b9ff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;text-shadow:0 0 30px rgba(57,185,255,.3);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hero-subtitle{font-size:1.4rem;color:#b3d9ff;margin-bottom:1.5rem;font-weight:600}.hero-description{font-size:1.1rem;color:#fffc;margin-bottom:3rem;line-height:1.6}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;padding:2rem 0}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:900;color:#39b9ff;text-shadow:0 0 15px rgba(57,185,255,.5)}.stat-label{font-size:.9rem;color:#ffffffb3;margin-top:.5rem}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn{padding:.75rem 1.25rem;border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;box-shadow:0 4px 15px #39b9ff33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn.primary{background:linear-gradient(45deg,#00d4ff,#39b9ff);color:#0b0f19;border:1px solid rgba(255,215,0,.3)}.btn.primary:hover{background:linear-gradient(45deg,#39b9ff,gold);box-shadow:0 6px 20px #39b9ff66;transform:translateY(-2px)}.btn.secondary{border:1px solid #39b9ff;color:#fff;background:#39b9ff1a}.btn.secondary:hover{background:#39b9ff33;box-shadow:0 6px 20px #39b9ff4d;transform:translateY(-2px);border-color:gold}#what-we-offer{scroll-margin-top:100px}.features-section{padding:3rem 0;margin:3rem 0}.features-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.features-section h2{font-size:2rem;background:linear-gradient(135deg,#39b9ff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.feature-card{background:#39b9ff14;border:1px solid rgba(57,185,255,.15);border-radius:8px;padding:1.5rem 1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.feature-card:hover{transform:translateY(-3px);background:#39b9ff1f;border-color:#39b9ff4d;box-shadow:0 6px 20px #39b9ff26}.feature-icon{font-size:2rem;margin-bottom:.75rem}.feature-card h3{font-size:1.1rem;color:#39b9ff;margin-bottom:.75rem;font-weight:600}.feature-card p{color:#ffffffd9;line-height:1.5;font-size:.9rem}@media (max-width: 768px){.home-page{padding-top:190px}.home-content{padding:0 1.5rem}.hero-section{padding:1rem 0 4rem}.hero-container{max-width:100%}.hero-title{font-size:2.5rem;line-height:1.3;margin-bottom:1rem;padding:0 .5rem}.hero-subtitle{font-size:1.2rem;line-height:1.4;margin-bottom:1rem;padding:0 .5rem}.hero-description{font-size:1rem;margin-bottom:2rem;padding:0 .5rem}.hero-stats{gap:1.5rem;flex-wrap:wrap;padding:1.5rem 0}.stat-number{font-size:2rem}.stat-label{font-size:.85rem}.hero-buttons{flex-direction:column;align-items:center;gap:1rem}.btn{width:100%;max-width:300px;padding:.75rem 1.25rem}.features-section{padding:2rem 0;margin:2rem 0}.features-container{padding:0 1.5rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.features-section h2{font-size:1.8rem;margin-bottom:1.5rem}.feature-card{padding:1.25rem .75rem}.feature-icon{font-size:1.75rem;margin-bottom:.5rem}.feature-card h3{font-size:1rem;margin-bottom:.5rem}.feature-card p{font-size:.85rem;line-height:1.4}}@media (max-width: 600px){.home-page{padding-top:190px}.hero-section{padding:1rem 0 3rem}.hero-title{font-size:2rem;line-height:1.3;margin-bottom:1rem;padding:0 .25rem}.hero-subtitle{font-size:1.05rem;line-height:1.4;margin-bottom:1rem}.hero-description{font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}}@media (max-width: 480px){.home-page{padding-top:190px}.home-content{padding:0 1rem}.hero-section{padding:1rem 0 2.5rem}.hero-title{font-size:1.6rem;line-height:1.3;margin-bottom:.75rem;padding:0;max-width:100%}.hero-subtitle{font-size:.95rem;line-height:1.4;margin-bottom:.75rem}.hero-description{font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.hero-stats{gap:1rem;flex-direction:row;justify-content:space-around;padding:1rem 0}.stat-number{font-size:1.75rem}.stat-label{font-size:.75rem}.features-section{padding:1.5rem 0;margin:1.5rem 0}.features-container{padding:0 1rem}.features-section h2{font-size:1.5rem;margin-bottom:1rem}.features-grid{grid-template-columns:1fr;gap:.75rem}.feature-card{padding:1rem}.feature-icon{font-size:1.5rem;margin-bottom:.5rem}.feature-card h3{font-size:.95rem;margin-bottom:.5rem}.feature-card p{font-size:.8rem;line-height:1.3}}.destiny-section{padding:4rem 0;background:transparent;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;position:relative}.destiny-container{max-width:100%;margin:0 auto;padding:0 2rem;text-align:center}.destiny-section h2{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#39b9ff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;text-shadow:0 0 30px rgba(57,185,255,.3)}.destiny-subtitle{font-size:1.2rem;color:#fffc;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.destiny-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:3rem;width:100%;position:relative}.destiny-cards:before{content:"";position:absolute;top:50%;left:10%;right:10%;height:6px;background:linear-gradient(90deg,transparent 0%,rgba(57,185,255,.4) 10%,rgba(57,185,255,1) 50%,rgba(57,185,255,.4) 90%,transparent 100%);border-radius:3px;z-index:0;transform:translateY(-50%);box-shadow:0 0 20px #39b9ff,0 0 40px #39b9ffcc,0 0 60px #39b9ff99,0 0 80px #39b9ff66;animation:interstellarGlow 3s ease-in-out infinite alternate}.destiny-cards:after{content:"";position:absolute;top:50%;left:10%;width:80px;height:20px;background:radial-gradient(ellipse 80px 20px,rgba(255,255,255,.4) 0%,rgba(255,255,255,.3) 25%,rgba(57,185,255,.5) 45%,rgba(57,185,255,.3) 65%,rgba(57,185,255,.1) 85%,transparent 100%);border-radius:40px;z-index:1;transform:translateY(-50%);box-shadow:0 0 40px #fff3,0 0 80px #39b9ff26,0 0 120px #39b9ff1a;filter:blur(2px);animation:travelingLight 12s linear infinite}.destiny-card{position:relative;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);aspect-ratio:3/4;min-height:300px;border-radius:12px;z-index:2;animation:cardLightSync 12s linear infinite}.destiny-card:nth-child(1){animation-delay:0s}.destiny-card:nth-child(2){animation-delay:2.4s}.destiny-card:nth-child(3){animation-delay:4.8s}.destiny-card:nth-child(4){animation-delay:7.2s}.destiny-card:nth-child(5){animation-delay:9.6s}.destiny-card:hover{transform:scale(1.12);z-index:5;box-shadow:0 10px 30px #39b9ff4d}.destiny-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s ease;display:block;max-width:100%}.destiny-card:hover .destiny-image{filter:brightness(1.2) saturate(1.2)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#000000b3,#0000004d 40%,#0000004d 60%,#000000f2);color:#fff;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transform:translateY(0);transition:all .3s ease}.destiny-card:hover .card-overlay{background:linear-gradient(to bottom,#000c,#39b9ff33 40%,#39b9ff33 60%,#000000f2)}.card-overlay h3{font-size:1.8rem;font-weight:700;color:#39b9ff;margin:0;text-align:center;text-shadow:0 0 10px rgba(57,185,255,.5)}.card-overlay p{font-size:1.1rem;color:#fffffff2;line-height:1.4;margin:0;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8)}@media (max-width: 1200px){.destiny-cards{grid-template-columns:repeat(3,1fr)}.destiny-card{aspect-ratio:4/5}.destiny-cards:before{left:15%;right:15%;height:3px}.destiny-cards:after{left:15%;width:60px;height:6px;animation:travelingLight 3.5s linear infinite}}@media (min-width: 1600px){.destiny-card{aspect-ratio:2/3;max-height:500px}.destiny-image{object-fit:contain;background:linear-gradient(135deg,#0b0f191a,#1a1f2e1a)}}@media (max-width: 1024px){.destiny-cards{grid-template-columns:repeat(2,1fr)}.destiny-card{aspect-ratio:1/1}}@media (max-width: 768px){.destiny-section{padding:2rem 0}.destiny-container{padding:0 1rem}.destiny-section h2{font-size:2rem;margin-bottom:1rem;padding:0 .5rem}.destiny-section p{font-size:1rem;margin-bottom:2rem;padding:0 .5rem}.destiny-cards{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0}.destiny-card{aspect-ratio:3/4;min-height:250px;border-radius:8px}.destiny-image{object-fit:cover;object-position:center top}.card-overlay{padding:1rem}.card-overlay h3{font-size:1.3rem}.card-overlay p{font-size:.85rem;line-height:1.3}.destiny-cards:before{left:20%;right:20%;height:2px}.destiny-cards:after{left:20%;width:40px;height:4px;animation:travelingLight 3s linear infinite}}@media (max-width: 480px){.destiny-section{padding:2rem 0}.destiny-container{padding:0 .75rem}.destiny-section h2{font-size:1.6rem;margin-bottom:.75rem;padding:0 .25rem}.destiny-section p{font-size:.9rem;margin-bottom:1.5rem;padding:0 .25rem}.destiny-cards{grid-template-columns:1fr;gap:1rem;padding:0}.destiny-card{aspect-ratio:4/3;min-height:280px;max-height:350px;border-radius:8px}.destiny-image{object-fit:cover;object-position:center center;width:100%;height:100%}.card-overlay{padding:1rem}.card-overlay h3{font-size:1.4rem}.card-overlay p{font-size:.9rem;line-height:1.4}.destiny-cards:before,.destiny-cards:after{display:none}}.path-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.path-modal-overlay.visible{opacity:1;visibility:visible}.path-modal{position:relative;max-width:1100px;max-height:90vh;width:95%;background:linear-gradient(145deg,#0b0f19f2,#1a1f2ef2);border:1px solid rgba(57,185,255,.3);border-radius:15px;overflow:hidden;box-shadow:0 20px 60px #000c;transform:scale(.8);transition:all .3s ease}.path-modal-overlay.visible .path-modal{transform:scale(1)}.path-modal-close{position:absolute;top:1rem;right:1rem;background:#00000080;border:1px solid rgba(57,185,255,.3);color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:10}.path-modal-close:hover{background:#39b9ff33;border-color:#39b9ff99;color:#39b9ff}.path-modal-content{display:flex;flex-direction:column;height:700px}.path-modal-image{width:100%;height:350px;position:relative;overflow:hidden;background:transparent;border-bottom:1px solid rgba(57,185,255,.2)}.path-modal-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s ease}.path-modal-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to top,rgba(11,15,25,.4) 0%,transparent 100%);pointer-events:none}.path-modal-info{flex:1;padding:2rem;overflow-y:auto;background:linear-gradient(135deg,#0b0f19e6,#1a1f2ee6)}.path-modal-title{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#39b9ff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-shadow:0 0 20px rgba(57,185,255,.3)}.path-modal-subtitle{font-size:1.2rem;color:#39b9ff;margin-bottom:2rem;font-weight:600}.path-modal-description{font-size:1rem;line-height:1.7;color:#ffffffe6;margin-bottom:2rem}@media (max-width: 768px){.path-modal{width:95%;max-height:95vh;border-radius:12px}.path-modal-content{height:auto;max-height:90vh}.path-modal-image{height:200px}.path-modal-info{padding:1.5rem}.path-modal-title{font-size:2rem;margin-bottom:.75rem}.path-modal-subtitle{font-size:1rem;margin-bottom:1.5rem}.path-modal-description{font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.path-modal-close{width:36px;height:36px;font-size:1.3rem;top:.75rem;right:.75rem}}@media (max-width: 480px){.path-modal{width:98%;max-height:98vh;border-radius:8px}.path-modal-image{height:180px}.path-modal-info{padding:1rem}.path-modal-title{font-size:1.5rem;margin-bottom:.5rem}.path-modal-subtitle{font-size:.9rem;margin-bottom:1rem}.path-modal-description{font-size:.85rem;line-height:1.5}.path-modal-close{width:32px;height:32px;font-size:1.2rem;top:.5rem;right:.5rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#39b9ff1a;border-radius:50px;margin:10px 0}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#39b9ffcc,#00d4ffe6,#ffd700b3);border-radius:50px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#39b9ff,#00d4ff,#ffd700e6);box-shadow:0 0 10px #39b9ff80}*{scrollbar-width:thin;scrollbar-color:rgba(57,185,255,.8) rgba(57,185,255,.1)}.join-section{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:4rem;margin-bottom:0;min-height:100vh;background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;overflow:hidden}.join-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0b0f1966,#0b0f194d 40%,#0003,#0b0f1980)}.join-container{position:relative;max-width:1200px;margin:0 auto;padding:0 2rem;z-index:2;height:100%;display:flex;align-items:center}.join-content{max-width:600px;text-align:left}.join-content h2{font-size:3.5rem;background:linear-gradient(135deg,#39b9ff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;font-weight:900;text-shadow:0 0 30px rgba(57,185,255,.3)}.join-description{font-size:1.2rem;color:#ffffffe6;line-height:1.7;margin-bottom:2.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.join-benefits{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:3rem}.benefit{display:flex;align-items:center;gap:1rem;color:#fffffff2;font-size:1.1rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.benefit-icon{font-size:1.4rem;width:35px;text-align:center}.join-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}@media (max-width: 768px){.join-section{min-height:100vh;background-attachment:scroll;margin-top:2rem}.join-container{padding:3rem 1.5rem;text-align:center}.join-content{max-width:100%;text-align:center}.join-content h2{font-size:2rem;line-height:1.2;margin-bottom:1.5rem}.join-description{font-size:1rem;line-height:1.6;margin-bottom:2rem}.join-benefits{gap:1rem;margin-bottom:2rem;align-items:center}.benefit{font-size:1rem;justify-content:center}.benefit-icon{font-size:1.2rem;width:30px}.join-buttons{justify-content:center;flex-direction:column;align-items:center;gap:1rem}.join-buttons .btn{width:100%;max-width:300px}}@media (max-width: 480px){.join-section{min-height:90vh}.join-container{padding:2rem 1rem}.join-content h2{font-size:1.75rem;margin-bottom:1rem}.join-description{font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.join-benefits{gap:.75rem;margin-bottom:1.5rem}.benefit{font-size:.9rem}.benefit-icon{font-size:1.1rem;width:28px}}@keyframes interstellarGlow{0%{box-shadow:0 0 20px #39b9ff,0 0 40px #39b9ffcc,0 0 60px #39b9ff99,0 0 80px #39b9ff66;opacity:.9}50%{box-shadow:0 0 30px #39b9ff,0 0 60px #39b9ffe6,0 0 90px #39b9ffb3,0 0 120px #39b9ff80,0 0 150px #39b9ff4d;opacity:1}to{box-shadow:0 0 40px #39b9ff,0 0 80px #39b9ffe6,0 0 120px #39b9ffb3,0 0 160px #39b9ff80,0 0 200px #39b9ff4d;opacity:.95}}@keyframes travelingLight{0%{left:10%;opacity:0;transform:translateY(-50%) scale(.5)}8%{opacity:.8;transform:translateY(-50%) scale(1)}92%{opacity:.8;transform:translateY(-50%) scale(1)}to{left:calc(90% - 80px);opacity:0;transform:translateY(-50%) scale(.5)}}@keyframes cardLightSync{0%,90%,to{filter:brightness(1)}10%{filter:brightness(1.2)}15%{filter:brightness(1.35)}20%{filter:brightness(1.5)}25%{filter:brightness(1.35)}30%{filter:brightness(1.2)}}.rsi-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rsi-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f1419);border:2px solid #3a4a5c;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #00000080;position:relative}.rsi-modal-header{padding:24px 24px 16px;border-bottom:1px solid #3a4a5c;display:flex;justify-content:space-between;align-items:center}.rsi-modal-title{color:#fff;font-size:24px;font-weight:600;margin:0}.rsi-modal-close{background:none;border:none;color:#888;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.rsi-modal-close:hover{background:#ffffff1a;color:#fff}.rsi-modal-body{padding:24px}.verification-requirements{margin-bottom:24px}.verification-requirements h3{color:#fff;font-size:18px;font-weight:500;margin:0 0 16px}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{color:#ccc;padding:8px 0 8px 24px;position:relative;font-size:14px;line-height:1.5}.requirements-list li:before{content:"";color:#4a9eff;font-weight:700;position:absolute;left:0}.rsi-form{margin-top:24px}.form-group{margin-bottom:20px}.form-label{display:block;color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;background:#ffffff0d;border:2px solid #3a4a5c;border-radius:8px;color:#fff;font-size:16px;transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#4a9eff;background:#ffffff14}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input::placeholder{color:#888}.form-error{color:#ff6b6b;font-size:14px;margin-top:8px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid #3a4a5c}.btn-secondary:hover:not(:disabled){background:#ffffff26}.btn-primary{background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff;box-shadow:0 4px 12px #4a9eff4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#357abd,#2a629a);transform:translateY(-1px);box-shadow:0 6px 16px #4a9eff66}@media (max-width: 600px){.rsi-modal-content{width:95%;margin:20px}.rsi-modal-header,.rsi-modal-body{padding:20px}.form-actions{flex-direction:column}.btn{width:100%}}.rich-text-editor{border:1px solid rgba(71,85,105,.5);border-radius:8px;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.editor-toolbar{display:flex;align-items:center;padding:8px 12px;background:#1e293be6;border-bottom:1px solid rgba(71,85,105,.3);gap:8px}.toolbar-group{display:flex;gap:4px}.toolbar-separator{width:1px;height:20px;background:#47556980;margin:0 4px}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid rgba(71,85,105,.3);border-radius:4px;color:#e2e8f0;font-family:Orbitron,monospace;font-size:12px;cursor:pointer;transition:all .2s ease}.toolbar-btn:hover{background:#4755694d;border-color:#0ea5e9;color:#0ea5e9}.toolbar-btn:active{background:#0ea5e933}.color-picker-wrapper{position:relative}.color-btn .color-icon{font-weight:700;border-bottom:2px solid #0ea5e9}.color-picker{position:absolute;top:100%;left:0;margin-top:4px;padding:8px;background:#0f172af2;border:1px solid rgba(71,85,105,.5);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;z-index:1000;box-shadow:0 4px 20px #0000004d}.color-option{width:24px;height:24px;border:1px solid rgba(71,85,105,.3);border-radius:4px;cursor:pointer;transition:all .2s ease}.color-option:hover{border-color:#0ea5e9;transform:scale(1.1)}.rich-editor-content{min-height:120px;max-height:none;padding:16px;background:transparent;color:#e2e8f0;font-family:Orbitron,monospace;font-size:14px;line-height:1.6;border:none;outline:none;overflow:visible;white-space:pre-wrap;word-wrap:break-word}.rich-editor-content:empty:before{content:attr(data-placeholder);color:#94a3b8b3;pointer-events:none}.rich-editor-content:focus{outline:none}.rich-editor-content strong{font-weight:700}.rich-editor-content u{text-decoration:underline}.rich-editor-content em{font-style:italic}.rich-editor-content p{margin:0 0 16px}.rich-editor-content p:last-child{margin-bottom:0}.rich-text-editor .character-count{padding:8px 16px;background:#1e293b80;border-top:1px solid rgba(71,85,105,.3);text-align:right;font-size:12px;color:#94a3b8cc;font-family:Orbitron,monospace}.rich-editor-content::-webkit-scrollbar{width:6px}.rich-editor-content::-webkit-scrollbar-track{background:#1e293b4d;border-radius:3px}.rich-editor-content::-webkit-scrollbar-thumb{background:#47556980;border-radius:3px}.rich-editor-content::-webkit-scrollbar-thumb:hover{background:#475569cc}.edit-profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.edit-profile-modal{background:#0f172af2;border:1px solid rgba(14,165,233,.3);border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(71,85,105,.3)}.modal-header h2{margin:0;color:#0ea5e9;font-family:Orbitron,monospace;font-size:20px;font-weight:600}.modal-close-button{background:none;border:none;color:#64748b;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.modal-close-button:hover{color:#ef4444;background:#ef44441a}.modal-content{padding:24px;display:flex;flex-direction:column;gap:24px;overflow-y:auto;flex:1}.form-section{display:flex;flex-direction:column;gap:8px}.form-label{color:#f1f5f9;font-family:Orbitron,monospace;font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.form-note{color:#64748b;font-size:12px;font-weight:400;font-style:italic}.bio-textarea{background:#1e293bcc;border:1px solid rgba(71,85,105,.5);border-radius:8px;padding:12px;color:#f1f5f9;font-family:Orbitron,monospace;font-size:14px;line-height:1.5;resize:vertical;min-height:120px;transition:all .2s ease}.bio-textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e933}.bio-textarea::placeholder{color:#64748b;opacity:.8}.character-count{color:#64748b;font-family:Orbitron,monospace;font-size:12px;text-align:right;margin-top:4px}.ship-select{background:#1e293bcc;border:1px solid rgba(71,85,105,.5);border-radius:8px;padding:12px;color:#f1f5f9;font-family:Orbitron,monospace;font-size:14px;cursor:pointer;transition:all .2s ease}.ship-select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e933}.ship-select option{background:#0f172a;color:#f1f5f9;padding:8px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(71,85,105,.3)}.cancel-button,.save-button{padding:10px 20px;border-radius:6px;font-family:Orbitron,monospace;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.cancel-button{background:#4755694d;color:#94a3b8;border-color:#47556980}.cancel-button:hover:not(:disabled){background:#47556980;border-color:#94a3b899}.save-button{background:#0ea5e933;color:#0ea5e9;border-color:#0ea5e966}.save-button:hover:not(:disabled){background:#0ea5e94d;border-color:#0ea5e999;transform:translateY(-1px)}.cancel-button:disabled,.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#4755694d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#0ea5e980;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#0ea5e9b3}@media (max-width: 768px){.edit-profile-modal{width:95%;margin:10px}.modal-header,.modal-content,.modal-footer{padding:16px}.modal-header h2{font-size:18px}.modal-footer{flex-direction:column;gap:8px}.cancel-button,.save-button{width:100%}}.custom-image-upload{margin-top:8px}.image-upload-input{display:none}.upload-area{display:block;width:100%;min-height:120px;border:2px dashed rgba(14,165,233,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;background:#1e293b4d}.upload-area:hover{border-color:#0ea5e999;background:#1e293b80}.upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;height:100%}.upload-icon{font-size:32px;margin-bottom:8px;opacity:.7}.upload-text{color:#e2e8f0;font-family:Orbitron,monospace;font-size:14px;margin-bottom:4px}.upload-note{color:#94a3b8;font-family:Orbitron,monospace;font-size:12px}.image-preview{position:relative;display:inline-block;border-radius:8px;overflow:hidden;border:1px solid rgba(14,165,233,.3);background:#1e293b80}.preview-image{width:100%;max-width:300px;height:auto;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;background:#ef4444e6;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;font-family:Orbitron,monospace;transition:background-color .3s ease}.remove-image-btn:hover{background:#ef4444}.remove-image-btn:disabled{opacity:.5;cursor:not-allowed}.theme-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:.5rem}.theme-option{background:#1e293b99;border:2px solid rgba(71,85,105,.3);border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:.8rem}.theme-option:hover{background:#1e293bcc;border-color:#0ea5e980;transform:translateY(-2px)}.theme-option.selected{background:#0ea5e91a;border-color:#0ea5e9;box-shadow:0 0 15px #0ea5e94d}.theme-preview{width:100%;height:20px;background:#0000004d;border-radius:10px;overflow:hidden;border:1px solid rgba(71,85,105,.3)}.theme-preview-bar{height:100%;width:60%;border-radius:9px;box-shadow:0 0 8px #fff3}.theme-info{display:flex;justify-content:space-between;align-items:center}.theme-name{color:#fff;font-size:.9rem;font-weight:500}.theme-colors{display:flex;gap:.3rem}.color-swatch{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 5px #0000004d}@media (max-width: 768px){.theme-selection{grid-template-columns:1fr}.theme-option{padding:.8rem}.theme-info{flex-direction:column;gap:.5rem;align-items:flex-start}}.hue-slider-section{margin-top:1.5rem;padding:1rem;background:#1e293b66;border-radius:8px;border:1px solid rgba(71,85,105,.3)}.hue-slider-label{display:block;color:#e2e8f0;font-size:.9rem;margin-bottom:.8rem;font-weight:500}.hue-value{color:#0ea5e9;font-weight:600;font-family:Orbitron,monospace}.hue-slider-container{display:flex;flex-direction:column;gap:.8rem}.hue-slider{width:100%;height:8px;border-radius:4px;outline:none;border:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.hue-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #0ea5e9;cursor:pointer;box-shadow:0 0 8px #0ea5e980;transition:all .2s ease}.hue-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 12px #0ea5e9b3}.hue-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #0ea5e9;cursor:pointer;box-shadow:0 0 8px #0ea5e980;transition:all .2s ease}.hue-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 12px #0ea5e9b3}.hue-preview-colors{display:flex;gap:.8rem;align-items:center;justify-content:center;padding:.5rem}.hue-preview-primary,.hue-preview-secondary{width:40px;height:20px;border-radius:10px;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 8px #0000004d;transition:all .3s ease}.hue-preview-primary:hover,.hue-preview-secondary:hover{transform:scale(1.05);box-shadow:0 0 12px #ffffff4d}.profile-theme-preview{height:30px!important;border-radius:8px;position:relative;overflow:hidden}.profile-theme-preview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.1) 75%);background-size:8px 8px;opacity:.3}.collapsible-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:8px 0;transition:all .2s ease;border-radius:6px}.collapsible-header:hover{background:#0ea5e91a;padding:8px 12px}.collapse-icon{color:#0ea5e9;font-size:12px;transition:transform .3s ease;margin-left:8px}.collapse-icon.expanded{transform:rotate(180deg)}.collapsible-content{margin-top:16px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:1000px}}.collapsible-header{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#1e293b99;border:1px solid rgba(14,165,233,.2);border-radius:8px;margin-bottom:12px;transition:all .3s ease}.collapsible-header:hover{background:#1e293bcc;border-color:#0ea5e966}.collapsible-header .form-label{margin:0;pointer-events:none}.collapse-icon{font-size:14px;color:#0ea5e9cc;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.collapse-icon.open{transform:rotate(180deg)}.collapsible-content{overflow:hidden;animation:slideDown .3s ease}.backstory-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.backstory-modal-container{position:relative;width:95%;max-width:1200px;max-height:85vh;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.backstory-modal-close{position:absolute;top:15px;right:15px;background:#0006;border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.backstory-modal-close:hover{background:#fff3;transform:scale(1.1)}.backstory-modal-content{padding:20px 30px 30px;overflow-y:auto;position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.backstory-modal-header{text-align:left;margin-bottom:15px;padding:15px;background:#00000080;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.backstory-modal-title{font-size:1.8rem;color:#4a90e2;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:700}.backstory-modal-subtitle{font-size:1.5rem;color:#fff;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-weight:300;opacity:.9}.backstory-hero-image-container{width:100%;position:relative;overflow:hidden;flex-shrink:0}.backstory-hero-image{width:100%;height:250px;object-fit:cover;object-position:center;display:block;border:none;border-radius:0}.backstory-modal-text{background:#0009;padding:30px;border-radius:12px;border:1px solid rgba(255,255,255,.1);line-height:1.7;font-size:1.1rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);flex:1;overflow-y:auto;min-height:0}.backstory-content{color:inherit}.backstory-paragraph{margin-bottom:20px;text-align:justify;font-size:1.3rem;line-height:1.7}.backstory-modal-content::-webkit-scrollbar{width:8px}.backstory-modal-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.backstory-modal-content::-webkit-scrollbar-thumb{background:#4a90e299;border-radius:4px}.backstory-modal-content::-webkit-scrollbar-thumb:hover{background:#4a90e2cc}@media (max-width: 768px){.backstory-modal-container{width:95%;max-height:95vh}.backstory-modal-content{padding:20px}.backstory-modal-header{padding:15px;margin-bottom:20px}.backstory-modal-title{font-size:2rem}.backstory-modal-subtitle{font-size:1.2rem}.backstory-modal-text{padding:20px;font-size:1rem}}.backstory-modal-overlay{animation:fadeIn .3s ease-out}.backstory-modal-container{animation:slideIn .3s ease-out}.player-search-container{background:transparent;border:none;border-radius:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;margin-bottom:20px;z-index:10000;display:flex;align-items:center;gap:16px;width:100%;justify-content:flex-end}.player-search-header{display:flex;align-items:center;gap:16px;margin-bottom:0;justify-content:flex-end;flex-wrap:wrap}.player-search-header h3{margin:0;color:#0ea5e9;font-family:Orbitron,monospace;font-size:14px;font-weight:600;white-space:nowrap;order:1}.roster-button{background:#0ea5e933;border:1px solid rgba(14,165,233,.4);border-radius:6px;padding:6px 12px;color:#0ea5e9;font-family:Orbitron,monospace;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;white-space:nowrap;order:3}.roster-button:hover{background:#0ea5e94d;border-color:#0ea5e999;transform:translateY(-1px)}.roster-button:active{transform:translateY(0)}.member-count{color:#94a3b8;font-size:11px;font-family:Orbitron,monospace;white-space:nowrap;order:4}.search-input-wrapper{position:relative;flex:0 0 auto;width:300px;order:2}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:#64748b;z-index:2;font-size:12px}.search-input{width:100%;background:linear-gradient(135deg,#0006,#1a1a2e4d);border:1px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 15%,transparent);border-radius:12px;padding:8px 35px 8px 30px;color:#f1f5f9;font-family:Orbitron,monospace;font-size:13px;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 8px color-mix(in srgb,var(--profile-accent, #39b9ff) 3%,transparent)}.search-input:focus{outline:none;border-color:color-mix(in srgb,var(--profile-accent, #39b9ff) 40%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--profile-accent, #39b9ff) 15%,transparent)}.search-input:disabled{opacity:.6;cursor:not-allowed}.clear-button{position:absolute;right:10px;background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.clear-button:hover{color:#ef4444}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#0f172af2;border:1px solid rgba(71,85,105,.5);border-radius:6px;margin-top:4px;max-height:300px;overflow-y:auto;z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.suggestion-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid rgba(71,85,105,.3);transition:background-color .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.selected{background:#0ea5e91a}.suggestion-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.suggestion-username{color:#f1f5f9;font-family:Orbitron,monospace;font-weight:500;font-size:14px}.suggestion-rank{color:#0ea5e9;font-family:Orbitron,monospace;font-size:12px;font-weight:600;background:#0ea5e91a;padding:2px 6px;border-radius:4px}.suggestion-details{display:flex;justify-content:space-between;align-items:center}.suggestion-role{color:#94a3b8;font-size:11px;font-family:Orbitron,monospace}.suggestion-path{color:#64748b;font-size:10px;font-family:Orbitron,monospace;font-style:italic}.suggestions-dropdown::-webkit-scrollbar{width:6px}.suggestions-dropdown::-webkit-scrollbar-track{background:#4755694d;border-radius:3px}.suggestions-dropdown::-webkit-scrollbar-thumb{background:#0ea5e980;border-radius:3px}.suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#0ea5e9b3}.search-input-container.loading .search-icon{animation:spin 1s linear infinite}@media (max-width: 768px){.player-search-container{padding:12px}.player-search-header{flex-direction:column;align-items:flex-start;gap:8px}.player-search-header h3{font-size:14px}.header-controls{width:100%;justify-content:space-between}.roster-button{font-size:11px;padding:5px 10px}.member-count{font-size:11px}.search-input{font-size:13px;padding:9px 35px 9px 30px}.suggestion-item{padding:10px 12px}.suggestion-main{flex-direction:column;align-items:flex-start;gap:2px}.suggestion-details{margin-top:4px}}.quest-participants-tooltip{position:fixed;background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:16px;box-shadow:0 10px 30px #00000080,0 0 20px #22c55e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;min-width:280px;max-width:320px;max-height:400px;overflow-y:auto;animation:tooltipFadeIn .2s ease-out;cursor:pointer;transition:all .3s ease}.quest-participants-tooltip.locked{cursor:default;box-shadow:0 15px 40px #000000b3,0 0 30px #22c55e33;border-color:#22c55e80;max-height:500px;position:absolute!important;z-index:10000}.quest-participants-tooltip:not(.locked):hover{border-color:#22c55e66;box-shadow:0 12px 35px #0009,0 0 25px #22c55e26}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tooltip-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(34,197,94,.2)}.tooltip-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.tooltip-header h4{margin:0;font-size:14px;font-weight:600;color:#22c55e;text-transform:uppercase;letter-spacing:.5px}.close-button{background:none;border:none;color:#64748b;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-button:hover{background:#ef44441a;color:#ef4444}.quest-name{margin:0 0 4px;font-size:12px;color:#94a3b8;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.click-hint{margin:0;font-size:10px;color:#64748b;font-style:italic;text-align:center;opacity:.8}.participants-list{display:flex;flex-direction:column;gap:8px}.participant-item{display:flex;align-items:center;gap:10px;padding:8px;background:#0f172a99;border:1px solid rgba(34,197,94,.1);border-radius:8px;transition:all .2s ease}.participant-item:hover{background:#22c55e1a;border-color:#22c55e4d}.participant-item.clickable{cursor:pointer}.participant-item.clickable:hover{background:#22c55e26;border-color:#22c55e66;transform:translateY(-1px)}.participant-item.leader{background:linear-gradient(135deg,#fbbf2426,#22c55e1a);border:1px solid rgba(251,191,36,.3)}.participant-item.leader:hover{background:linear-gradient(135deg,#fbbf2433,#22c55e26);border-color:#fbbf2480}.participant-avatar{position:relative;width:32px;height:32px;border-radius:6px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#0f172acc,#1e293bcc);border:1px solid rgba(34,197,94,.2);display:flex;align-items:center;justify-content:center}.participant-avatar img{width:24px;height:24px;object-fit:contain}.participant-info{flex:1;min-width:0}.participant-name{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-details{display:flex;gap:8px;font-size:11px;align-items:center;flex-wrap:wrap}.participant-rank{color:#fbbf24;font-weight:500;background:#fbbf241a;padding:1px 6px;border-radius:4px;border:1px solid rgba(251,191,36,.2)}.participant-role{color:#60a5fa;font-weight:500;background:#60a5fa1a;padding:1px 6px;border-radius:4px;border:1px solid rgba(96,165,250,.2)}.leader-pill{color:#fbbf24;font-weight:700;background:#fbbf2433;padding:2px 8px;border-radius:12px;border:1px solid rgba(251,191,36,.4);text-transform:uppercase;letter-spacing:.5px;font-size:10px;text-shadow:0 0 4px rgba(251,191,36,.3)}.no-participants{text-align:center;color:#64748b;font-style:italic;padding:16px;font-size:14px}.quest-participants-tooltip::-webkit-scrollbar{width:6px}.quest-participants-tooltip::-webkit-scrollbar-track{background:#0f172a4d;border-radius:3px}.quest-participants-tooltip::-webkit-scrollbar-thumb{background:#22c55e4d;border-radius:3px}.quest-participants-tooltip::-webkit-scrollbar-thumb:hover{background:#22c55e80}.profile-page{min-height:100vh;background:linear-gradient(135deg,#0a0a1a99,#1a1a2eb3,#16213e99),url(/Nebula%20BG.jpeg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#fff;position:relative;overflow-x:hidden}.profile-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(57,185,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(138,43,226,.1) 0%,transparent 50%),radial-gradient(ellipse at 60% 10%,rgba(255,20,147,.08) 0%,transparent 40%);opacity:.9;z-index:-2;animation:nebulaShift 60s ease-in-out infinite}.profile-page:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(2px 2px at 20% 30%,#ffffff,transparent),radial-gradient(2px 2px at 40% 70%,#39b9ff,transparent),radial-gradient(1px 1px at 90% 40%,#00d4ff,transparent),radial-gradient(1px 1px at 50% 50%,#ffffff,transparent),radial-gradient(2px 2px at 80% 10%,#39b9ff,transparent),radial-gradient(1px 1px at 25% 80%,#00d4ff,transparent),radial-gradient(1px 1px at 75% 90%,#ffffff,transparent),radial-gradient(2px 2px at 15% 60%,#39b9ff,transparent),radial-gradient(1px 1px at 60% 20%,#00d4ff,transparent),radial-gradient(1px 1px at 35% 25%,#ffffff,transparent);animation:starsMove 40s linear infinite;opacity:.6;z-index:-1;pointer-events:none}@keyframes nebulaShift{0%,to{transform:scale(1) translate(0);opacity:.3}25%{transform:scale(1.05) translate(-2%,-1%);opacity:.4}50%{transform:scale(1.02) translate(1%,-2%);opacity:.35}75%{transform:scale(1.03) translate(-1%,1%);opacity:.4}}.profile-main{padding:2rem 0;margin-top:120px;min-height:calc(100vh - 140px);position:relative;z-index:1}.profile-container{max-width:1600px;margin:0 auto;padding:1rem}.profile-search-section{width:100%;margin-bottom:1.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#000c,#1a1a2e99);border-radius:15px;border:1px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 15%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--profile-accent, #39b9ff) 8%,transparent);display:flex;justify-content:stretch;align-items:center;box-sizing:border-box}.profile-welcome{margin-bottom:1rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#0006,#1a1a2e4d);border-radius:15px;border:1px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 20%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--profile-accent, #39b9ff) 10%,transparent)}.welcome-layout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem}.welcome-rank-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.welcome-rank-icon-container{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.welcome-rank-icon{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(57,185,255,.3))}.welcome-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.welcome-title{font-size:2.5rem;font-weight:700;color:var(--profile-accent, #39b9ff);margin:0 0 .5rem;text-shadow:0 0 20px color-mix(in srgb,var(--profile-accent, #39b9ff) 50%,transparent);letter-spacing:1px}.welcome-subtitle{font-size:1.4rem;color:var(--profile-accent, #39b9ff);margin:0 0 .5rem;font-weight:500;text-shadow:0 0 15px color-mix(in srgb,var(--profile-accent, #39b9ff) 40%,transparent)}.welcome-badges{display:flex;flex-direction:column;align-items:center;gap:.5rem}.rank-badge,.role-badge,.path-badge{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.rank-badge{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border:1px solid rgba(255,215,0,.3);color:gold}.role-badge{background:linear-gradient(135deg,color-mix(in srgb,var(--profile-accent, #39b9ff) 20%,transparent),color-mix(in srgb,var(--profile-accent, #39b9ff) 10%,transparent));border:1px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 30%,transparent);color:var(--profile-accent, #39b9ff)}.path-badge{background:linear-gradient(135deg,#00ff7f33,#00ff7f1a);border:1px solid rgba(0,255,127,.3);color:#00ff7f}.welcome-progress-section{margin-top:1rem;width:100%}.progress-label{text-align:center;font-size:.8rem;color:#e2e8f0;opacity:.8;margin-bottom:.5rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.welcome-progress-bar-container{display:flex;align-items:center;gap:1rem;width:100%;max-width:450px;margin:0 auto;transition:all .3s ease}.welcome-progress-bar-container:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 4px 15px #39b9ff33}.current-rank-welcome{color:var(--profile-accent, #39b9ff);padding:.2rem .6rem;background:color-mix(in srgb,var(--profile-accent, #39b9ff) 15%,transparent);border:1px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 30%,transparent);border-radius:6px;font-weight:600;font-size:.85rem;text-shadow:0 0 5px color-mix(in srgb,var(--profile-accent, #39b9ff) 50%,transparent);white-space:nowrap;flex-shrink:0}.next-rank-welcome{color:#0f8;padding:.2rem .6rem;background:#00ff8826;border:1px solid rgba(0,255,136,.3);border-radius:6px;font-weight:600;font-size:.85rem;text-shadow:0 0 5px rgba(0,255,136,.5);white-space:nowrap;flex-shrink:0}.welcome-progress-bar{flex:1;height:12px;background:linear-gradient(90deg,#0006,#14142880,#0006);border:1px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 20%,transparent);border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0006;transition:all .3s ease}.welcome-progress-bar-container:hover .welcome-progress-bar{border-color:color-mix(in srgb,var(--profile-accent, #39b9ff) 40%,transparent);box-shadow:inset 0 2px 4px #0006,0 0 10px #39b9ff4d}.welcome-progress-fill{height:100%;border-radius:7px;transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 8px #39b9ff66,inset 0 1px #fff3}.welcome-progress-fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);animation:welcomeShimmer 2.5s ease-in-out infinite}@keyframes welcomeShimmer{0%{left:-100%}to{left:100%}}.rank-progression-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s ease;z-index:10}.rank-progression-close:hover{background:#ff646433;border-color:#ff646466;transform:scale(1.1)}.rank-progression-content{text-align:center}.rank-requirements-section{margin-top:.75rem;padding:1.5rem;background:#0000004d;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.requirements-title{color:var(--profile-accent, #39b9ff);font-size:1.1rem;font-weight:700;margin-bottom:0;text-shadow:0 0 10px rgba(57,185,255,.3);text-align:center}.rank-header-section{margin-bottom:.75rem}.rank-info{display:flex;justify-content:space-between;align-items:center;background:#0003;padding:.8rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);margin-bottom:.5rem;gap:1rem}.current-rank,.next-rank,.progression-path{font-size:1rem;font-weight:600;flex:1;text-align:center}.current-rank{color:var(--profile-accent, #39b9ff);text-align:left}.progression-path{color:#ffffffe6;text-shadow:0 0 8px rgba(57,185,255,.3)}.next-rank{color:#0f8;text-align:right}.rank-achievement{font-size:1.5rem;color:gold;font-weight:700;margin-bottom:1rem;text-shadow:0 0 15px rgba(255,215,0,.5)}.next-rank-requirements{text-align:left}.next-rank-title{color:var(--profile-accent, #39b9ff);font-size:1.1rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 8px rgba(57,185,255,.3)}.requirements-list{display:grid;gap:.8rem;margin-bottom:1.5rem}.requirement-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.requirement-label{color:#ffffffe6;font-weight:500}.requirement-value{color:var(--profile-accent, #39b9ff);font-weight:700;text-shadow:0 0 5px rgba(57,185,255,.3)}.progress-indicators{margin-top:1.5rem}.progress-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.progress-label{color:#ffffffe6;font-weight:500;min-width:120px}.progress-bar-small{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.progress-fill-small{height:100%;border-radius:4px;position:relative;transition:width .5s ease}.progress-fill-small:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);animation:progressShimmer 2s ease-in-out infinite}.progress-percentage{color:var(--profile-accent, #39b9ff);font-weight:700;min-width:40px;text-align:right;text-shadow:0 0 5px rgba(57,185,255,.3)}.next-rank-preview{opacity:.8;filter:brightness(1.2)}.max-rank-crown{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%);border-radius:50%}.crown-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}@keyframes progressShimmer{0%{left:-100%}to{left:100%}}.profile-hero{position:relative;padding:3rem 2rem;text-align:left;margin-bottom:1.5rem;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#000c,#1a1a2e99);border:2px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 30%,transparent);box-shadow:0 0 50px color-mix(in srgb,var(--profile-accent, #39b9ff) 20%,transparent),inset 0 0 50px #00000080,0 0 100px color-mix(in srgb,var(--profile-accent, #39b9ff) 10%,transparent);display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:1rem;min-height:300px}.battle-stats-overview{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;position:relative;z-index:3;max-width:200px;justify-self:start;align-self:start;margin-top:1rem}.nebula-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/Nebula%20BG.png);background-size:cover;background-position:center;opacity:.2;filter:blur(1px)}.stars-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(1px 1px at 15% 25%,#ffffff,transparent),radial-gradient(1px 1px at 85% 35%,#39b9ff,transparent),radial-gradient(1px 1px at 65% 75%,#00d4ff,transparent),radial-gradient(1px 1px at 25% 65%,#ffffff,transparent);animation:heroStars 30s linear infinite;opacity:.8}@keyframes heroStars{0%{transform:translateY(0)}to{transform:translateY(-50px)}}.rank-display{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:1rem}.rank-icon-container{position:relative;display:inline-block}.rank-icon{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(57,185,255,.8));animation:rankGlow 3s ease-in-out infinite}.rank-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,rgba(57,185,255,.3) 0%,transparent 70%);border-radius:50%;animation:rankPulse 2s ease-in-out infinite}.rank-icon{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(57,185,255,.8));animation:rankGlow 3s ease-in-out infinite}.rank-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:radial-gradient(circle,rgba(57,185,255,.3) 0%,transparent 70%);border-radius:50%;animation:rankPulse 2s ease-in-out infinite}@keyframes rankGlow{0%,to{filter:drop-shadow(0 0 30px rgba(57,185,255,.8))}50%{filter:drop-shadow(0 0 50px rgba(57,185,255,1))}}@keyframes rankPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.rank-info{text-align:center}.rank-tier{color:gold;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.3rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.rank-title{font-size:2rem;font-weight:900;background:linear-gradient(45deg,#39b9ff,#00d4ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(57,185,255,.5);margin:0 0 .5rem;animation:titleShimmer 4s ease-in-out infinite}.member-title{font-size:1rem;color:#a0a0a0;font-weight:500;text-transform:uppercase;letter-spacing:1px}.hero-info{text-align:center;flex:1}.hero-welcome{font-size:1.8rem;font-weight:700;background:linear-gradient(45deg,#39b9ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.hero-subtitle{font-size:1rem;color:#a0a0a0;margin:0}.profile-stats-overview{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;position:relative;z-index:3;max-width:200px;justify-self:end;align-self:start;margin-top:1rem}.stat-crystal{background:linear-gradient(135deg,color-mix(in srgb,var(--profile-accent, #39b9ff) 10%,transparent),color-mix(in srgb,var(--profile-primary, #00d4ff) 10%,transparent));border:2px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 30%,transparent);border-radius:8px;padding:.8rem .4rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:80px;box-shadow:0 0 20px color-mix(in srgb,var(--profile-accent, #39b9ff) 8%,transparent),inset 0 1px color-mix(in srgb,var(--profile-accent, #39b9ff) 20%,transparent)}.stat-crystal:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--profile-accent, #39b9ff) 60%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--profile-accent, #39b9ff) 30%,transparent)}.stat-value{font-size:1.2rem;font-weight:900;color:var(--profile-accent, #39b9ff);margin:0 0 .2rem;text-shadow:0 0 15px color-mix(in srgb,var(--profile-accent, #39b9ff) 50%,transparent);line-height:1}.stat-label{font-size:.65rem;color:#a0a0a0;text-transform:uppercase;letter-spacing:.3px;font-weight:600;margin:0;line-height:1}.stat-crystal:hover{transform:translateY(-3px);border-color:#39b9ff99;box-shadow:0 10px 30px #39b9ff4d}.stat-number{font-size:2rem;font-weight:900;color:#39b9ff;margin-bottom:.5rem;text-shadow:0 0 10px rgba(57,185,255,.5)}.stat-label{font-size:.9rem;color:#fff;text-transform:uppercase;letter-spacing:1px;font-weight:600}.recent-quest-overview{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:3;max-width:260px;margin-top:1rem;padding:0}.quest-display{background:linear-gradient(135deg,color-mix(in srgb,var(--profile-accent, #39b9ff) 8%,transparent),color-mix(in srgb,var(--profile-primary, #00d4ff) 8%,transparent));border:2px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 25%,transparent);border-radius:12px;padding:1.5rem;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 25px color-mix(in srgb,var(--profile-accent, #39b9ff) 10%,transparent),inset 0 1px color-mix(in srgb,var(--profile-accent, #39b9ff) 15%,transparent);transition:all .3s ease;width:100%}.quest-display:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--profile-accent, #39b9ff) 50%,transparent);box-shadow:0 8px 25px color-mix(in srgb,var(--profile-accent, #39b9ff) 20%,transparent)}.quest-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.quest-header h3{font-size:.9rem;color:var(--profile-accent, #39b9ff);text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin:0;text-shadow:0 0 10px color-mix(in srgb,var(--profile-accent, #39b9ff) 40%,transparent)}.leader-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 0 10px #ffd7004d}.quest-name{font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:.8rem;text-shadow:0 0 10px color-mix(in srgb,var(--profile-accent, #39b9ff) 30%,transparent);line-height:1.2}.quest-description{font-size:.85rem;color:#b0b0b0;margin-bottom:.8rem;line-height:1.4;font-style:italic}.quest-leader{font-size:.75rem;color:var(--profile-accent, #39b9ff);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.active-quest-overview{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:3;max-width:260px;margin-top:1rem;padding:0}.active-quest-display{border-color:color-mix(in srgb,#00ff88 25%,transparent);box-shadow:0 0 25px color-mix(in srgb,#00ff88 10%,transparent),inset 0 1px color-mix(in srgb,#00ff88 15%,transparent)}.active-quest-display:hover{border-color:color-mix(in srgb,#00ff88 50%,transparent);box-shadow:0 8px 25px color-mix(in srgb,#00ff88 20%,transparent)}.active-quest-display .quest-header h3{color:#0f8;text-shadow:0 0 10px color-mix(in srgb,#00ff88 40%,transparent)}.active-quest-display .quest-name{text-shadow:0 0 10px color-mix(in srgb,#00ff88 30%,transparent)}.active-quest-display .quest-leader{color:#0f8}.profile-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.quest-panel{background:linear-gradient(135deg,#000c,#1a1a2e99);border:2px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 20%,transparent);border-radius:20px;padding:2rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease;box-shadow:0 0 30px color-mix(in srgb,var(--profile-accent, #39b9ff) 8%,transparent)}.quest-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(57,185,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,212,255,.1) 0%,transparent 50%);z-index:-1}.quest-panel:hover{border-color:color-mix(in srgb,var(--profile-accent, #39b9ff) 40%,transparent);transform:translateY(-5px);box-shadow:0 15px 40px color-mix(in srgb,var(--profile-accent, #39b9ff) 20%,transparent)}.current-quests{border-color:#ffd7004d}.current-quests:hover{border-color:#ffd70080;box-shadow:0 15px 40px #ffd70033}.completed-quests{border-color:#00ff884d}.completed-quests:hover{border-color:#00ff8880;box-shadow:0 15px 40px #0f83}.panel-title{display:flex;align-items:center;gap:1rem;font-size:1.8rem;font-weight:700;margin:0 0 2rem;color:#39b9ff;text-transform:uppercase;letter-spacing:1px}.title-icon{font-size:1.5rem;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.quest-grid{display:grid;gap:1rem;max-height:350px;overflow-y:auto}.quest-card{background:linear-gradient(135deg,#ffffff0d,color-mix(in srgb,var(--profile-accent, #39b9ff) 5%,transparent));border:1px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 15%,transparent);border-radius:12px;padding:1rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 0 15px color-mix(in srgb,var(--profile-accent, #39b9ff) 5%,transparent)}.quest-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--profile-accent, #39b9ff),transparent);transition:all .8s ease}.quest-card:hover:before{left:100%}.quest-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--profile-accent, #39b9ff) 30%,transparent);box-shadow:0 10px 25px color-mix(in srgb,var(--profile-accent, #39b9ff) 15%,transparent)}.quest-card.active{border-color:#ffd7004d}.quest-card.active:hover{border-color:#ffd70080;box-shadow:0 10px 25px #ffd70026}.quest-card.completed{border-color:#00ff884d;opacity:.8}.quest-card.completed:hover{border-color:#00ff8880;box-shadow:0 10px 25px #00ff8826;opacity:1}.quest-image{width:100%;height:120px;border-radius:10px;overflow:hidden;margin-bottom:1rem;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center}.quest-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.quest-card:hover .quest-image img{transform:scale(1.05)}.quest-placeholder{font-size:3rem;opacity:.5;filter:grayscale(1)}.quest-info{text-align:left}.quest-name{font-size:1.2rem;font-weight:700;color:#39b9ff;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.quest-description{color:#e0e0e0;font-size:.9rem;line-height:1.4;margin:0 0 1rem;opacity:.8}.quest-status{display:flex;justify-content:flex-end}.status-indicator{padding:.3rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-indicator.active{background:linear-gradient(45deg,gold,#ffed4a);color:#1a1a1a;animation:statusGlow 2s ease-in-out infinite}.status-indicator.completed{background:linear-gradient(45deg,#0f8,#00d4ff);color:#1a1a1a}@keyframes statusGlow{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}.empty-quest-state{text-align:center;padding:3rem 1rem}.empty-icon{font-size:4rem;opacity:.3;margin-bottom:1rem;display:block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-quest-state p{color:#a0a0a0;margin:.5rem 0}.empty-quest-state p:first-of-type{font-size:1.2rem;font-weight:600;color:#fff}.profile-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.profile-section{background:#0006;border-radius:15px;padding:1.5rem;border:1px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 20%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px color-mix(in srgb,var(--profile-accent, #39b9ff) 8%,transparent),inset 0 1px color-mix(in srgb,var(--profile-accent, #39b9ff) 10%,transparent)}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;margin:0 0 1rem;color:var(--profile-accent, #39b9ff);text-shadow:0 0 10px color-mix(in srgb,var(--profile-accent, #39b9ff) 30%,transparent)}.section-icon{font-size:1.1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{font-size:.9rem;color:#a0a0a0;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1.1rem;color:#fff;font-weight:500;padding:.5rem 0}.info-value.status-active{color:#0f8}.quest-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0;font-size:.8rem}.quest-location,.quest-difficulty,.quest-rewards{padding:.2rem .5rem;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.quest-difficulty.difficulty-high{background:#ffa50033;border-color:#ffa50066;color:#ffab40}.quest-difficulty.difficulty-extreme{background:#ff453a33;border-color:#ff453a66;color:#ff6b6b}.quest-difficulty.difficulty-medium{background:#ffc10733;border-color:#ffc10766;color:#ffc107}.quest-rewards{background:#4caf5033;border-color:#4caf5066;color:#4caf50}.rank-icon-placeholder{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#ffd70033,#ffd7001a);border:2px solid rgba(255,215,0,.4);border-radius:50%;filter:drop-shadow(0 0 20px rgba(255,215,0,.6));animation:rankGlow 3s ease-in-out infinite}.star-field{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.profile-hero{position:relative;z-index:2;-webkit-backdrop-filter:blur(15px) saturate(1.2);backdrop-filter:blur(15px) saturate(1.2);border:2px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 40%,transparent);box-shadow:0 0 50px color-mix(in srgb,var(--profile-accent, #39b9ff) 30%,transparent),inset 0 0 50px #0000004d}.profile-section{-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.quest-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1)}.quest-card:hover{transform:translateY(-5px) scale(1.02);border-color:color-mix(in srgb,var(--profile-accent, #39b9ff) 40%,transparent);box-shadow:0 15px 35px color-mix(in srgb,var(--profile-accent, #39b9ff) 20%,transparent),0 5px 15px #0000004d}.quest-card.active:hover{box-shadow:0 15px 35px color-mix(in srgb,var(--profile-accent, #39b9ff) 30%,transparent),0 5px 15px #0000004d}.quest-card.completed:hover{box-shadow:0 15px 35px #00ff884d,0 5px 15px #0000004d}.codex-panel{grid-column:1 / -1;background:linear-gradient(135deg,#000000e6,#1a1a2eb3);border:2px solid rgba(255,215,0,.3);border-radius:15px;padding:1.5rem;position:relative;overflow:hidden}.codex-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(255,215,0,.05) 0%,transparent 50%);z-index:-1}.codex-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.codex-section h3{color:gold;font-size:1.1rem;font-weight:700;margin:0 0 .8rem;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(255,215,0,.5)}.codex-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.codex-item{display:flex;flex-direction:column;gap:.5rem}.codex-item label{font-size:.9rem;color:#a0a0a0;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.codex-value{font-size:1.1rem;color:#fff;font-weight:600}.codex-value.rank{background:linear-gradient(45deg,gold,#ffed4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.codex-value.path{background:linear-gradient(45deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.battle-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.battle-stat{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#ffffff0d,#ffd7000d);border:1px solid rgba(255,215,0,.2);border-radius:15px;padding:1.5rem;transition:all .3s ease}.battle-stat:hover{transform:translateY(-3px);border-color:#ffd70066;box-shadow:0 10px 25px #ffd70026}.stat-icon{font-size:2rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.stat-info{text-align:left}.stat-number{font-size:1.8rem;font-weight:900;color:gold;margin-bottom:.2rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.stat-name{font-size:.9rem;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.command-panel{grid-column:1 / -1;background:linear-gradient(135deg,#000000e6,#1a1a2eb3);border:2px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 30%,transparent);border-radius:15px;padding:1.5rem;box-shadow:0 0 25px color-mix(in srgb,var(--profile-accent, #39b9ff) 8%,transparent)}.command-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.command-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.2rem;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.command-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:all .6s ease}.command-btn:hover:before{left:100%}.command-btn.primary{background:linear-gradient(45deg,#39b9ff,#00d4ff);color:#fff;border:2px solid transparent}.command-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #39b9ff66;border-color:#fff3}.command-btn.secondary{background:#ffffff0d;color:#fff;border:2px solid rgba(255,255,255,.2)}.command-btn.secondary:hover{background:#ffffff1a;transform:translateY(-3px);border-color:color-mix(in srgb,var(--profile-accent, #39b9ff) 40%,transparent);box-shadow:0 10px 25px color-mix(in srgb,var(--profile-accent, #39b9ff) 20%,transparent)}.command-btn.danger{background:linear-gradient(45deg,#ff4757,#ff6b7a);color:#fff;border:2px solid transparent}.command-btn.danger:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff475766;border-color:#fff3}.command-btn.success{background:linear-gradient(45deg,#2ed573,#1dd1a1);color:#fff;border:2px solid transparent;cursor:default}.command-btn.success:hover{background:linear-gradient(45deg,#2ed573,#1dd1a1);transform:none;box-shadow:0 5px 15px #2ed5734d}.btn-icon{font-size:1.2rem}.btn-text{text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.profile-hero{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-rank-card{justify-self:center}.hero-stats{grid-template-columns:repeat(2,1fr)}.profile-content{gap:1.5rem}.profile-section{padding:1.5rem}.quest-grid{grid-template-columns:1fr}.codex-panel,.command-panel{padding:2rem}.command-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.profile-main{margin-top:190px}.profile-container{padding:1rem}.profile-welcome{padding:1.5rem 1rem}.welcome-layout{grid-template-columns:1fr;gap:1rem;text-align:center}.welcome-rank-section{order:1}.welcome-content{order:2}.welcome-badges{order:3}.welcome-title{font-size:1.8rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.welcome-subtitle{font-size:1.1rem}.welcome-progress-bar-container{max-width:350px;gap:.8rem}.current-rank-welcome,.next-rank-welcome{font-size:.75rem;padding:.15rem .5rem}.welcome-progress-bar{height:10px}.profile-hero{padding:2rem;gap:1.5rem;grid-template-columns:1fr;justify-items:center;text-align:center}.battle-stats-overview,.recent-quest-overview,.active-quest-overview,.profile-stats-overview{max-width:100%;justify-self:center;margin-bottom:1rem}.battle-stats-overview{order:1}.recent-quest-overview{order:2;max-width:350px}.active-quest-overview{order:3;max-width:350px}.profile-stats-overview{order:4}.hero-stats{grid-template-columns:1fr;gap:1rem}.hero-rank-card{max-width:300px}.profile-section{padding:1rem}.section-title{font-size:1.3rem}.quest-card{padding:1rem}.quest-title{font-size:1rem}.info-grid{grid-template-columns:1fr;gap:1rem}.command-grid{grid-template-columns:1fr}.command-btn{padding:1rem;font-size:.9rem}.codex-grid,.battle-stats{grid-template-columns:1fr}.battle-stat{padding:1rem}.stat-number{font-size:1.5rem}.codex-panel,.command-panel{padding:1.5rem}}@media (max-width: 600px){.profile-main{margin-top:190px}.welcome-title{font-size:1.6rem}.welcome-subtitle{font-size:1rem}.rank-badge,.role-badge,.path-badge{font-size:.8rem;padding:.4rem .8rem}.hero-title{font-size:2rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hero-subtitle{font-size:1rem}.profile-hero{padding:1.75rem}.section-title{font-size:1.25rem}}@media (max-width: 480px){.profile-main{margin-top:190px}.profile-container{padding:.5rem}.profile-welcome{padding:1rem .75rem;margin-bottom:.75rem}.welcome-title{font-size:1.4rem}.welcome-subtitle{font-size:.9rem}.welcome-rank-icon-container{width:50px;height:50px}.rank-badge,.role-badge,.path-badge{font-size:.75rem;padding:.3rem .6rem}.welcome-progress-bar-container{max-width:100%;gap:.5rem}.current-rank-welcome,.next-rank-welcome{font-size:.7rem;padding:.15rem .4rem}.profile-hero{padding:1.5rem;margin:.5rem;border-radius:15px}.quest-display{padding:1rem}.quest-header h3{font-size:.8rem}.quest-name{font-size:1rem}.quest-leader{font-size:.7rem}.leader-badge{font-size:.6rem;padding:.15rem .4rem}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.9rem}.profile-section{padding:1rem;margin:.5rem;border-radius:10px}.section-title{font-size:1.2rem}.quest-card{padding:1rem;border-radius:10px}.quest-title{font-size:.9rem}.quest-description{font-size:.8rem}.hero-rank-card{max-width:250px;padding:1rem}.rank-icon img{width:40px;height:40px}.rank-name{font-size:1.2rem}.rank-level{font-size:.9rem}.stat-crystal{padding:1rem}.stat-value{font-size:1.2rem}.stat-label{font-size:.8rem}.command-btn{padding:.8rem;font-size:.85rem}.codex-panel,.command-panel{padding:1rem;border-radius:15px}.battle-stat{flex-direction:column;text-align:center;gap:.5rem}.stat-icon{font-size:1.5rem}.stat-number{font-size:1.3rem}.star-field .star{animation-duration:6s}}@media (prefers-contrast: high){.profile-hero,.profile-section,.quest-card{background:#000;border:2px solid #ffffff}.quest-card.active{border-color:#39b9ff}.quest-card.completed{border-color:#0f8}}@media print{.profile-container{background:none;color:#000}.profile-hero,.profile-section{background:#fff;border:1px solid #000000;box-shadow:none}.command-panel{display:none}.quest-card{break-inside:avoid}.star-field{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.star-field .star{animation:none;opacity:.3}.nebula-bg{animation:none}.quest-card,.command-btn,.stat-crystal,.battle-stat{transform:none!important}}@media (max-width: 768px){.profile-container{padding:0 1rem}.profile-header-content{flex-direction:column;align-items:center;text-align:center;padding-top:6rem}.profile-info h1{font-size:2rem}.info-grid,.action-buttons{grid-template-columns:1fr}.avatar-image{width:100px;height:100px}}@media (max-width: 480px){.profile-section{padding:1.5rem}.profile-header-content{padding:5rem 1.5rem 1.5rem}.profile-info h1{font-size:1.8rem}.patrol-header{flex-direction:column;align-items:flex-start;gap:.5rem}.patrol-stats{gap:.5rem}.patrol-leader-badge{position:static;align-self:flex-start;margin-top:.5rem}}.notification{position:fixed;top:100px;right:20px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;min-width:300px;max-width:500px;z-index:1100;box-shadow:0 8px 32px #00000080;animation:slideInNotification .3s ease}.notification.success{border-color:#0f0;background:linear-gradient(135deg,#1a2e1a,#162e16)}.notification.error{border-color:#f44;background:linear-gradient(135deg,#2e1a1a,#2e1616)}.notification-icon{font-size:1.2rem;min-width:20px}.notification-message{color:#fff;flex:1;font-size:.95rem;line-height:1.4}.notification-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.notification-close:hover{background:#ffffff1a}@keyframes slideInNotification{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.notification{top:80px;right:10px;left:10px;min-width:auto;max-width:none}}.command-center-section{background:#0f172af2;border:1px solid rgba(51,65,85,.6);border-radius:8px;padding:.8rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000080}.command-center-header h3{color:#5eead4;font-family:Orbitron,sans-serif;font-size:.8rem;margin-bottom:.5rem;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.command-actions{display:flex;gap:.5rem;flex-wrap:wrap}.command-action{background:#1e293bcc;border:1px solid rgba(51,65,85,.6);border-radius:6px;padding:.4rem .8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem;flex:1;min-width:120px;font-family:Orbitron,sans-serif;font-weight:500;text-decoration:none;min-height:32px;color:#cbd5e1e6}.command-action:hover{border-color:#5eead480;background:#1e293b;transform:translateY(-1px);box-shadow:0 2px 6px #0006}.command-action.primary{background:color-mix(in srgb,var(--profile-primary),transparent 80%);color:var(--profile-primary);border-color:color-mix(in srgb,var(--profile-primary),transparent 60%)}.command-action.primary:hover{background:color-mix(in srgb,var(--profile-primary),transparent 70%);border-color:color-mix(in srgb,var(--profile-primary),transparent 40%)}.command-action.success{background:#22c55e33;color:#4ade80;border-color:#22c55e66;cursor:default}.command-action.secondary{background:#4755694d;color:#94a3b8;border-color:#47556980}.command-action.secondary:hover{background:#47556980;border-color:#94a3b899}.command-action.danger{background:#ef444433;color:#f87171;border-color:#ef444466}.command-action.danger:hover{background:#ef44444d;border-color:#f8717199}.action-icon{font-size:.8rem;opacity:.8}.action-text{font-size:.65rem;letter-spacing:.3px;font-weight:500;opacity:.9}.selected-player-section{background:#1e293bf2;border:1px solid color-mix(in srgb,var(--profile-primary),transparent 70%);border-radius:8px;padding:16px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d,0 0 15px color-mix(in srgb,var(--profile-primary),transparent 85%)}.profile-switch-banner{background:color-mix(in srgb,var(--profile-primary),transparent 90%);border:1px solid color-mix(in srgb,var(--profile-primary),transparent 70%);border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.switch-text{color:var(--profile-accent, #0ea5e9);font-family:Orbitron,monospace;font-size:14px;font-weight:600}.switch-back-button{background:color-mix(in srgb,var(--profile-accent, #0ea5e9) 20%,transparent);border:1px solid color-mix(in srgb,var(--profile-accent, #0ea5e9) 40%,transparent);border-radius:6px;padding:8px 12px;color:var(--profile-accent, #0ea5e9);font-family:Orbitron,monospace;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.switch-back-button:hover{background:color-mix(in srgb,var(--profile-accent, #0ea5e9) 30%,transparent);border-color:color-mix(in srgb,var(--profile-primary),transparent 40%);transform:translate(-2px)}.viewed-player-info-section{background:#1e293bf2;border:1px solid color-mix(in srgb,var(--profile-primary),transparent 70%);border-radius:8px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d,0 0 15px color-mix(in srgb,var(--profile-primary),transparent 85%);flex:1;height:fit-content;width:100%;min-width:0}.profile-two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:20px}.profile-three-column-layout{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;margin-bottom:20px}.profile-left-column{display:flex;flex-direction:column}.profile-middle-column{display:flex;flex-direction:column;width:100%;min-width:0}.profile-right-column{display:flex;flex-direction:column}@media (max-width: 1024px){.profile-three-column-layout{grid-template-columns:1fr;gap:1rem}.viewed-player-details{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.profile-two-column-layout{grid-template-columns:1fr;gap:1rem}.viewed-player-details{grid-template-columns:1fr;gap:12px}.player-detail-row{padding:10px 12px}}.viewed-player-header{margin-bottom:16px;border-bottom:1px solid rgba(71,85,105,.3);padding-bottom:8px}.viewed-player-header h3{margin:0;color:var(--profile-accent, #0ea5e9);font-family:Orbitron,monospace;font-size:16px;font-weight:600}.viewed-player-details{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px 24px;margin-top:16px}.player-detail-row{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;border:1px solid rgba(71,85,105,.3);border-radius:8px;background:#0f172a66;gap:6px}.player-detail-row:last-child{border:1px solid rgba(71,85,105,.3)}.detail-label{color:#64748b;font-family:Orbitron,monospace;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:#f1f5f9;font-family:Orbitron,monospace;font-size:14px;font-weight:600;word-break:break-word}.profile-bio-section{background:#1e293bf2;border:1px solid color-mix(in srgb,var(--profile-primary),transparent 70%);border-radius:8px;padding:16px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d,0 0 15px color-mix(in srgb,var(--profile-primary),transparent 85%);position:relative;min-height:100px;overflow:hidden}.profile-bio-section[style*=background-image]{background-color:#000c;border:1px solid color-mix(in srgb,var(--profile-primary),transparent 50%);box-shadow:0 4px 20px #0006,0 0 20px color-mix(in srgb,var(--profile-primary),transparent 80%)}.profile-bio-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0003;z-index:1;pointer-events:none}.bio-header,.bio-content{position:relative;z-index:2}.bio-header{margin-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--profile-primary),transparent 70%);padding-bottom:8px}.bio-header h3{margin:0;color:var(--profile-primary);font-family:Orbitron,monospace;font-size:16px;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.bio-content{display:flex;flex-direction:column;gap:16px}.bio-text{line-height:1.6;max-height:60vh;overflow-y:auto;padding-right:8px;transition:background-color .3s ease}.bio-text:hover{background-color:#0003}.bio-text::-webkit-scrollbar{width:8px}.bio-text::-webkit-scrollbar-track{background:#47556933;border-radius:4px}.bio-text::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--profile-primary),transparent 40%);border-radius:4px;transition:background-color .3s ease}.bio-text::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--profile-primary),transparent 20%)}.bio-text p{margin:0 0 16px;color:#e2e8f0;font-family:Orbitron,monospace;font-size:14px;font-weight:400;text-shadow:1px 1px 3px rgba(0,0,0,.8);line-height:1.6}.bio-text p:last-child{margin-bottom:0}.backstory-paragraph{margin-bottom:16px!important;text-align:justify}.backstory-html-content{line-height:1.6}.backstory-html-content p{margin:0 0 16px;color:#e2e8f0;font-family:Orbitron,monospace;font-size:14px;font-weight:400;text-shadow:1px 1px 3px rgba(0,0,0,.8);line-height:1.6;text-align:justify}.backstory-html-content p:last-child{margin-bottom:0}.backstory-html-content strong{font-weight:700;color:#f1f5f9}.backstory-html-content u{text-decoration:underline}.backstory-html-content span[style*="font-size: 12px"]{font-size:12px!important}.backstory-html-content span[style*="font-size: 14px"]{font-size:14px!important}.backstory-html-content span[style*="font-size: 16px"]{font-size:16px!important}.bio-ship{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f172acc;border:1px solid rgba(71,85,105,.5);border-radius:6px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ship-label{color:#64748b;font-family:Orbitron,monospace;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.ship-name{color:var(--profile-primary);font-family:Orbitron,monospace;font-size:14px;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.8)}@media (max-width: 768px){.profile-bio-section{padding:16px}.bio-ship{flex-direction:column;align-items:flex-start;gap:8px}.ship-info{width:100%;justify-content:flex-start}.ship-image{width:40px;height:28px}}.selected-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid rgba(71,85,105,.3);padding-bottom:8px}.selected-player-header h3{margin:0;color:var(--profile-primary);font-family:Orbitron,monospace;font-size:16px;font-weight:600}.clear-selection-button{background:none;border:none;color:#64748b;cursor:pointer;font-size:20px;padding:4px 8px;border-radius:4px;transition:all .2s ease}.clear-selection-button:hover{color:#ef4444;background:#ef44441a}.selected-player-info{display:grid;gap:16px}.player-main-info{display:flex;flex-direction:column;gap:8px}.player-name-rank{display:flex;justify-content:space-between;align-items:center}.player-name{color:#f1f5f9;font-family:Orbitron,monospace;font-size:18px;font-weight:600}.player-rank{color:var(--profile-primary);font-family:Orbitron,monospace;font-size:14px;font-weight:600;background:color-mix(in srgb,var(--profile-primary),transparent 90%);padding:4px 8px;border-radius:6px;border:1px solid color-mix(in srgb,var(--profile-primary),transparent 70%)}.player-details{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid rgba(71,85,105,.2)}.player-role{color:#94a3b8;font-family:Orbitron,monospace;font-size:13px;font-weight:500}.player-path{color:#64748b;font-family:Orbitron,monospace;font-size:12px;font-style:italic}.player-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(71,85,105,.2)}.player-stat{display:flex;flex-direction:column;gap:4px}.player-stat .stat-label{color:#64748b;font-family:Orbitron,monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.player-stat .stat-value{color:#f1f5f9;font-family:Orbitron,monospace;font-size:13px;font-weight:600}@media (max-width: 768px){.selected-player-section{padding:12px}.player-name-rank,.player-details{flex-direction:column;align-items:flex-start;gap:4px}.player-stats{grid-template-columns:1fr;gap:8px}}@media (max-width: 768px){.rank-progression-close{top:.5rem;right:.5rem;width:35px;height:35px;font-size:1rem}.rank-requirements-section{margin-top:1rem;padding:1rem}.requirements-title{font-size:1.1rem}.next-rank-title{font-size:1rem}.requirement-item{padding:.6rem .8rem;flex-direction:column;align-items:flex-start;gap:.3rem;min-height:50px}.requirements-list{grid-template-columns:repeat(3,1fr);gap:.5rem}.requirement-label{font-size:.8rem}.requirement-value{font-size:.9rem;align-self:flex-end}.progress-item{flex-direction:column;align-items:flex-start;gap:.8rem;padding:.8rem}.progress-label{min-width:auto;font-size:.9rem}.progress-bar-small{width:100%}.progress-percentage{align-self:flex-end;min-width:auto}.rank-achievement{font-size:1.3rem}.max-rank-crown{width:50px;height:50px}.crown-icon{font-size:1.5rem}}.rank-progression-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#ffffff1a;color:#fffc;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;transition:all .3s ease;z-index:10}.rank-progression-close:hover{background:#fff3;color:#fff;transform:scale(1.1)}.rank-progression-layout{position:relative}.rank-progression-content{max-height:100%;overflow:hidden}.rank-requirements-section{margin-top:1rem;padding:1.5rem;background:#0000004d;border-radius:12px;border:1px solid color-mix(in srgb,var(--profile-accent, #39b9ff) 20%,transparent)}.requirements-title{color:var(--profile-accent, #39b9ff);font-size:1.3rem;font-weight:600;margin-bottom:.5rem;text-align:center}.next-rank-title{color:#0f8;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.requirements-list{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding-right:.5rem;margin-bottom:1rem}.requirement-item{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.5rem .6rem;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;min-height:55px}.requirement-item.req-met{background:#00ff881a;border-color:#00ff884d}.requirement-item.req-not-met{background:#ff4d4d1a;border-color:#ff4d4d4d}.requirement-item.special-req{background:#39b9ff1a;border-color:#39b9ff4d}.requirement-comparison{display:flex;align-items:center;gap:.3rem}.current-value{color:var(--profile-accent, #39b9ff);font-weight:600;min-width:30px;text-align:right}.req-met .current-value{color:#0f8}.req-not-met .current-value{color:#ff4d4d}.separator{color:#fff9;font-weight:500}.required-value{color:#ffffffe6;font-weight:600;min-width:30px}.requirement-label{color:#fffc;font-size:.8rem;font-weight:500;line-height:1.2;width:100%}.requirement-value{color:var(--profile-accent, #39b9ff);font-weight:600;font-size:.9rem}.progress-indicators{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.progress-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0003;border-radius:10px}.progress-label{color:#ffffffe6;font-weight:600;min-width:120px;font-size:1rem}.progress-bar-small{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill-small{height:100%;border-radius:4px;transition:width .3s ease}.progress-percentage{color:var(--profile-accent, #39b9ff);font-weight:600;min-width:50px;text-align:right;font-size:1rem}.rank-achievement{font-size:1.5rem;color:gold;text-align:center;margin-bottom:1rem;font-weight:700}.max-rank-info{text-align:center;padding:2rem}.rank-description{color:#fffc;font-size:1rem;line-height:1.6}.max-rank-crown{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;margin:0 auto}.crown-icon{font-size:2rem;color:#000}.next-rank-preview{opacity:.7;filter:brightness(1.2)}@media (max-width: 480px){.requirements-list{grid-template-columns:1fr;gap:.4rem}.requirement-item{min-height:45px;padding:.5rem .6rem}.requirement-label{font-size:.75rem}}.rank-icon-small{width:20px;height:20px;object-fit:contain;margin-right:6px;vertical-align:middle;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.rank-icon-crown{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.rank-achievement{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.2rem;font-weight:600;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5)}.next-rank-welcome{display:flex;align-items:center;gap:4px}.max-rank-crown{display:flex;align-items:center;justify-content:center}.max-rank-badge{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,gold,#ffed4e);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #ffd7004d;border:2px solid rgba(255,215,0,.5);position:relative}.max-rank-badge:before{content:"";position:absolute;width:40px;height:40px;background:radial-gradient(circle,rgba(0,0,0,.4) 30%,rgba(0,0,0,.2) 60%,transparent 80%);border-radius:50%;z-index:1}.rank-icon-badge{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(0,0,0,.9)) drop-shadow(0 2px 8px rgba(0,0,0,.7)) contrast(1.2) saturate(1.1);opacity:1;position:relative;z-index:2;border-radius:4px;background:#ffffff1a}.roster-page{min-height:100vh;background:linear-gradient(#0b0f19b3,#0b0f19cc),url(/Nebula%20BG.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#e2e8f0;position:relative}.roster-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(1px 1px at 10% 15%,#ffffff,transparent),radial-gradient(2px 2px at 85% 25%,#00d4ff,transparent),radial-gradient(1px 1px at 35% 45%,#ffffff,transparent),radial-gradient(1px 1px at 75% 65%,#39b9ff,transparent),radial-gradient(2px 2px at 15% 85%,#ffffff,transparent),radial-gradient(1px 1px at 65% 10%,#00d4ff,transparent),radial-gradient(1px 1px at 95% 50%,#ffffff,transparent),radial-gradient(2px 2px at 25% 70%,#39b9ff,transparent),radial-gradient(1px 1px at 55% 30%,#ffffff,transparent),radial-gradient(1px 1px at 5% 90%,#00d4ff,transparent),radial-gradient(2px 2px at 80% 80%,#ffffff,transparent),radial-gradient(1px 1px at 45% 5%,#39b9ff,transparent),radial-gradient(1px 1px at 20% 35%,#ffffff,transparent),radial-gradient(2px 2px at 90% 15%,#00d4ff,transparent),radial-gradient(1px 1px at 60% 75%,#ffffff,transparent),radial-gradient(1px 1px at 30% 55%,#39b9ff,transparent),radial-gradient(2px 2px at 70% 25%,#ffffff,transparent),radial-gradient(1px 1px at 40% 85%,#00d4ff,transparent),radial-gradient(1px 1px at 85% 35%,#ffffff,transparent),radial-gradient(2px 2px at 12% 60%,#39b9ff,transparent),radial-gradient(1px 1px at 50% 10%,#ffffff,transparent),radial-gradient(1px 1px at 78% 45%,#00d4ff,transparent),radial-gradient(2px 2px at 32% 20%,#ffffff,transparent),radial-gradient(1px 1px at 68% 90%,#39b9ff,transparent),radial-gradient(1px 1px at 18% 40%,#ffffff,transparent),radial-gradient(2px 2px at 58% 65%,#00d4ff,transparent),radial-gradient(1px 1px at 88% 75%,#ffffff,transparent),radial-gradient(1px 1px at 42% 28%,#39b9ff,transparent);background-repeat:repeat;background-size:100vw 100vh;animation:starsMove 40s linear infinite;pointer-events:none;opacity:.7;z-index:0}@keyframes starsMove{0%{transform:translateY(0) translate(0)}to{transform:translateY(-100vh) translate(-20vw)}}.roster-container{max-width:1400px;margin:0 auto;padding:120px 30px 60px;position:relative;z-index:1}.roster-header{text-align:center;margin-bottom:60px;position:relative;z-index:2;background:#0b0f194d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:40px 30px;border:1px solid rgba(14,165,233,.2);box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff0d}.roster-header h1{font-family:Orbitron,"Exo 2",Rajdhani,monospace;font-size:2.8rem;font-weight:700;background:linear-gradient(45deg,#00d4ff,#39b9ff,#fff,gold,#ff6b9d,#00d4ff);background-size:400% 400%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 20px;position:relative;z-index:1;animation:gradientShift 18s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(57,185,255,.6)) drop-shadow(0 0 16px rgba(57,185,255,.4)) drop-shadow(0 0 24px rgba(57,185,255,.2));line-height:1.2}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.roster-subtitle{font-size:1.2rem;color:#94a3b8;margin:0;font-family:Orbitron,"Exo 2",Rajdhani,monospace;text-shadow:0 0 10px rgba(57,185,255,.3);position:relative;z-index:1;line-height:1.4}.roster-controls{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap;align-items:center;padding:0 10px}.search-bar{position:relative;flex:1;min-width:300px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;z-index:1}.search-input{width:100%;padding:12px 12px 12px 40px;background:#1e293be6;border:1px solid rgba(14,165,233,.3);border-radius:8px;color:#e2e8f0;font-family:Orbitron,monospace;font-size:14px;transition:all .2s ease}.search-input:focus{outline:none;border-color:#0ea5e999;box-shadow:0 0 10px #0ea5e933}.search-input::placeholder{color:#64748b}.filters{display:flex;gap:15px;flex-wrap:wrap}.filter-select{padding:12px 15px;background:#1e293be6;border:1px solid rgba(14,165,233,.3);border-radius:8px;color:#e2e8f0;font-family:Orbitron,monospace;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:120px}.filter-select:focus{outline:none;border-color:#0ea5e999;box-shadow:0 0 10px #0ea5e933}.filter-select option{background:#1e293bf2;color:#e2e8f0}.loading-state{text-align:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(14,165,233,.3);border-top:3px solid #0ea5e9;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.roster-table-container{background:#0b0f1966;border:1px solid rgba(14,165,233,.25);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d,0 0 40px #0ea5e91a}.roster-table{width:100%;border-collapse:collapse}.roster-table thead{background:#0ea5e914;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.roster-table th{padding:18px 24px;text-align:left;font-family:Orbitron,"Exo 2",Rajdhani,monospace;font-weight:600;color:#0ea5e9;border-bottom:1px solid rgba(14,165,233,.2);position:relative}.roster-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.roster-table th.sortable:hover{background:#0ea5e933}.roster-table th.active{background:#0ea5e926}.sort-indicator{margin-left:8px;font-size:12px;color:#0ea5e9}.roster-table tbody tr{border-bottom:1px solid rgba(71,85,105,.2);transition:all .3s ease;background:#0b0f191a}.roster-table tbody tr.clickable{cursor:pointer}.roster-table tbody tr:hover{background:#0ea5e90f;transform:translate(2px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.roster-table tbody tr.clickable:hover{background:#0ea5e91a;box-shadow:0 4px 16px #0ea5e91f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.roster-table tbody tr:active{transform:translate(1px);background:#0ea5e91f}.roster-table tbody tr:last-child{border-bottom:none}.roster-table td{padding:16px 24px;vertical-align:middle}.username-cell{min-width:200px}.username{font-family:"Exo 2",Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;color:#f1f5f9;font-size:15px;letter-spacing:.025em}.rank-cell{min-width:150px}.rank-info{display:flex;align-items:center;gap:10px}.rank-icon{width:24px;height:24px;object-fit:contain}.rank-name{font-family:Orbitron,monospace;font-weight:500;color:#0ea5e9;font-size:14px}.role-cell{min-width:150px}.role-badge{display:inline-block;padding:4px 12px;background:#0ea5e933;border:1px solid rgba(14,165,233,.4);border-radius:20px;font-family:Orbitron,monospace;font-size:12px;font-weight:500;color:#0ea5e9;text-align:center}.date-cell{min-width:120px}.join-date{font-family:Orbitron,monospace;font-size:13px;color:#94a3b8}.no-results{text-align:center;padding:60px 20px}.no-results p{font-family:Orbitron,monospace;color:#64748b;font-size:16px;margin:0}@media (max-width: 1200px){.roster-table-container{overflow-x:auto}.roster-table{min-width:800px}}@media (max-width: 768px){.roster-container{padding:80px 15px 30px}.roster-header h1{font-size:2rem}.roster-controls{flex-direction:column;align-items:stretch}.search-bar{min-width:unset}.filters{justify-content:stretch}.filter-select{flex:1;min-width:unset}.roster-table th,.roster-table td{padding:12px 15px}.roster-table th,.username,.rank-name{font-size:13px}.role-badge{font-size:11px;padding:3px 10px}.join-date{font-size:12px}}@media (max-width: 480px){.roster-header h1{font-size:1.5rem}.roster-subtitle{font-size:1rem}.roster-table{min-width:600px}.roster-table th,.roster-table td{padding:10px 12px}}.admin-codex-controls.floating-admin-bar{position:fixed;bottom:2rem;left:2rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;max-width:200px}.admin-toggle-btn{display:flex;align-items:center;gap:.5rem;background:#ff6b6be6;border:1px solid rgba(255,107,107,.6);padding:.75rem 1rem;border-radius:25px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;-webkit-user-select:none;user-select:none}.admin-toggle-btn:hover{background:#ff6b6b;transform:translateY(-2px);box-shadow:0 6px 25px #ff6b6b66}.admin-icon{font-size:1.1rem}.admin-text{flex:1}.toggle-arrow{font-size:.8rem;transition:transform .3s ease}.toggle-arrow.expanded{transform:rotate(180deg)}.admin-actions-panel{background:#0f172af2;border:1px solid rgba(57,185,255,.3);border-radius:12px;padding:1rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;gap:.75rem;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-btn{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;justify-content:flex-start}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{font-size:1rem;min-width:16px}.btn-text{flex:1;text-align:left}.add-btn{background:linear-gradient(45deg,#10b981,#059669);color:#fff;border:1px solid rgba(16,185,129,.3)}.add-btn:hover:not(:disabled){background:linear-gradient(45deg,#059669,#047857);transform:translate(2px);box-shadow:0 4px 12px #10b9814d}.edit-btn{background:linear-gradient(45deg,#39b9ff,#0ea5e9);color:#fff;border:1px solid rgba(57,185,255,.3)}.edit-btn:hover:not(:disabled){background:linear-gradient(45deg,#0ea5e9,#0284c7);transform:translate(2px);box-shadow:0 4px 12px #39b9ff4d}.delete-btn{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(239,68,68,.3)}.delete-btn:hover:not(:disabled){background:linear-gradient(45deg,#dc2626,#b91c1c);transform:translate(2px);box-shadow:0 4px 12px #ef44444d}.refresh-btn{background:#8bb8e833;color:#8bb8e8;border:1px solid rgba(139,184,232,.3)}.refresh-btn:hover:not(:disabled){background:#8bb8e84d;color:#fff;transform:translate(2px);box-shadow:0 4px 12px #8bb8e833}@media (max-width: 768px){.admin-codex-controls.floating-admin-bar{bottom:1rem;left:1rem;max-width:160px}.admin-toggle-btn{padding:.6rem .8rem;font-size:.85rem}.admin-actions-panel{padding:.8rem}.admin-btn{padding:.6rem .8rem;font-size:.8rem}.btn-text{font-size:.8rem}}@media (max-width: 480px){.admin-codex-controls.floating-admin-bar{bottom:.5rem;left:.5rem;max-width:140px}.admin-toggle-btn{padding:.5rem .7rem;font-size:.8rem;border-radius:20px}.admin-actions-panel{padding:.7rem;gap:.5rem}.admin-btn{padding:.5rem .7rem;font-size:.75rem}.btn-icon{font-size:.9rem}.btn-text{font-size:.75rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;border:1px solid rgba(57,185,255,.3);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(57,185,255,.2)}.modal-header h2{color:#39b9ff;margin:0;font-size:1.5rem;font-weight:700}.close-btn{background:none;border:none;color:#8bb8e8;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .3s ease}.close-btn:hover{background:#ff6b6b33;color:#ff6b6b}.codex-form{padding:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#8bb8e8;font-weight:600;font-size:.9rem}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid rgba(57,185,255,.3);border-radius:8px;background:#0006;color:#fff;font-size:.9rem;font-family:inherit;transition:all .3s ease;resize:vertical}.form-input:focus,.form-textarea:focus{outline:none;border-color:#39b9ff;box-shadow:0 0 0 2px #39b9ff33}.form-input::placeholder,.form-textarea::placeholder{color:#64748b}.form-textarea{min-height:120px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.form-error{background:#ef444433;color:#fca5a5;padding:.75rem;border-radius:6px;border:1px solid rgba(239,68,68,.3);margin:1rem 0;font-size:.9rem}.form-success{background:#10b98133;color:#6ee7b7;padding:.75rem;border-radius:6px;border:1px solid rgba(16,185,129,.3);margin:1rem 0;font-size:.9rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(57,185,255,.2)}.form-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:100px}.form-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:#8bb8e833;color:#8bb8e8;border:1px solid rgba(139,184,232,.3)}.cancel-btn:hover:not(:disabled){background:#8bb8e84d;color:#fff}.submit-btn{background:linear-gradient(45deg,#39b9ff,#0ea5e9);color:#fff;border:1px solid rgba(57,185,255,.3)}.submit-btn:hover:not(:disabled){background:linear-gradient(45deg,#0ea5e9,#0284c7);transform:translateY(-1px);box-shadow:0 4px 12px #39b9ff4d}.delete-confirm-btn{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(239,68,68,.3)}.delete-confirm-btn:hover:not(:disabled){background:linear-gradient(45deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.delete-modal{max-width:450px}.delete-content{padding:1.5rem;text-align:center}.warning-icon{font-size:3rem;color:#fbbf24;margin-bottom:1rem}.delete-content p{color:#fff;margin:1rem 0;font-size:1rem}.entry-preview{background:#0006;padding:1rem;border-radius:6px;margin:1rem 0;color:#8bb8e8;border:1px solid rgba(57,185,255,.2)}.entry-preview strong{color:#fff}.warning-text{color:#fbbf24!important;font-weight:600;font-size:.9rem!important}@media (max-width: 768px){.modal-content{width:95%;margin:1rem}.modal-header,.codex-form{padding:1rem}.form-actions{flex-direction:column;gap:.75rem}.form-btn{width:100%}}@media (max-width: 480px){.modal-header h2{font-size:1.25rem}.form-textarea{min-height:100px}}.codex-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a0a0fd9,#1a1a2ed9,#16213ed9),url(/Nebula%20BG.jpeg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;position:relative;overflow-x:hidden}.codex-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none;z-index:0}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.codex-page:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent),radial-gradient(1px 1px at 77% 23%,white,transparent);background-size:200% 200%;animation:twinkle 3s ease-in-out infinite;pointer-events:none;z-index:1;opacity:.6}.codex-content{flex:1;padding:100px 0 20px;max-width:100%;margin:0;width:100%;position:relative;z-index:2}.codex-header{text-align:center;margin-bottom:1.5rem;margin-top:2rem;padding:0 2rem;width:100%;position:relative;z-index:2}.codex-title{font-size:3rem;font-weight:700;color:#39b9ff;margin:0 0 1rem;padding-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;text-shadow:0 0 20px rgba(57,185,255,.5)}.codex-icon{font-size:2.5rem}.codex-subtitle{font-size:1.3rem;color:#8bb8e8;margin:0;padding-top:.5rem;text-shadow:0 0 10px rgba(139,184,232,.3)}.codex-count{text-align:center;margin-bottom:1.5rem;padding:0 2rem;width:100%;position:relative;z-index:2}.codex-count h2{color:#39b9ff;font-size:1.5rem;font-weight:600;margin:0}.codex-container{display:grid;grid-template-columns:280px 1fr;gap:2rem;max-width:none;margin:0 auto;padding:0 2rem;height:calc(100vh - 320px);min-height:700px;width:100%;box-sizing:border-box;position:relative;z-index:2}.codex-container:has(.codex-image-viewer){grid-template-columns:280px 1fr 700px}.codex-sidebar{background:#0f172ae6;border-radius:15px;border:1px solid rgba(57,185,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.sidebar-content{padding:1.25rem;height:100%;display:flex;flex-direction:column}.search-section{margin-bottom:1.5rem}.search-input{width:100%;padding:1rem;border:1px solid rgba(57,185,255,.3);border-radius:10px;background:#0006;color:#fff;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#39b9ff;box-shadow:0 0 0 3px #39b9ff33}.search-input::placeholder{color:#8bb8e8}.filter-section{margin-bottom:2rem}.filter-section label{display:block;margin-bottom:.5rem;color:#8bb8e8;font-weight:600;font-size:.95rem}.category-select{width:100%;padding:1rem;border:1px solid rgba(57,185,255,.3);border-radius:10px;background:#0006;color:#fff;font-size:1rem;cursor:pointer}.category-select:focus{outline:none;border-color:#39b9ff}.documents-list{flex:1;overflow:hidden}.document-items{list-style:none;padding:0;margin:0;height:100%;overflow-y:auto}.document-item{padding:1.2rem;margin-bottom:1rem;background:#0000004d;border:1px solid rgba(57,185,255,.2);border-radius:10px;cursor:pointer;transition:all .3s ease}.document-item:hover{background:#39b9ff1a;border-color:#39b9ff66;transform:translateY(-2px)}.document-item.active{background:#39b9ff33;border-color:#39b9ff;box-shadow:0 0 0 2px #39b9ff4d}.item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.8rem}.item-title{color:#fff;margin:0;font-size:1rem;font-weight:600;line-height:1.3;flex:1}.item-category{background:#39b9ff33;color:#39b9ff;padding:.3rem .6rem;border-radius:5px;font-size:.75rem;font-weight:500;white-space:nowrap}.item-author,.item-date{color:#8bb8e8;margin:0;font-size:.85rem;line-height:1.2}.no-entries{color:#8bb8e8;text-align:center;font-style:italic;padding:2rem 1rem;font-size:1rem}.codex-viewer{background:#0f172ae6;border-radius:15px;border:1px solid rgba(57,185,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;display:flex;flex-direction:column;height:100%;min-width:800px}.document-display{height:100%;display:flex;flex-direction:column}.document-header{padding:3rem 4rem 2rem;border-bottom:1px solid rgba(57,185,255,.2);background:#0003;flex-shrink:0;margin:0}.document-title{color:#39b9ff;margin:0 0 1rem;font-size:2rem;font-weight:700;line-height:1.3}.document-meta{display:flex;flex-wrap:wrap;gap:1.5rem;color:#8bb8e8;font-size:.95rem}.document-meta span{display:flex;align-items:center;gap:.5rem}.document-meta strong{color:#fff}.document-content{flex:1;padding:3rem 4rem;overflow-y:auto;min-height:0;margin:0}.document-text{color:#fff;line-height:1.8;font-size:1.1rem;max-width:none;letter-spacing:.01em}.document-text h1,.document-text h2,.document-text h3,.document-text h4,.document-text h5,.document-text h6{color:#39b9ff;margin:2rem 0 1rem}.document-text h1{font-size:1.8rem}.document-text h2{font-size:1.5rem}.document-text h3{font-size:1.3rem}.document-text p{margin:1rem 0}.document-text ul,.document-text ol{margin:1rem 0;padding-left:2rem}.document-text li{margin:.5rem 0}.document-text blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid #39b9ff;background:#39b9ff1a;border-radius:0 8px 8px 0;font-style:italic}.document-footer{padding:2rem 4rem;border-top:1px solid rgba(57,185,255,.2);background:#0003;margin:0}.document-tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.document-tags strong{color:#8bb8e8;margin-right:.5rem}.document-tag{background:#39b9ff33;color:#39b9ff;padding:.3rem .8rem;border-radius:6px;font-size:.8rem;font-weight:500}.codex-image-viewer{display:flex;align-items:center;justify-content:center;height:100%;max-height:calc(100vh - 280px);padding:0;overflow:hidden}.codex-image-viewer.hidden{display:none}.image-viewer-content{width:100%;height:100%;max-height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:auto}.document-image{max-width:100%;max-height:calc(100vh - 320px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #00000080;transition:all .3s ease;cursor:pointer}.document-image:hover{box-shadow:0 8px 30px #39b9ff66;transform:scale(1.02)}.no-selection{height:100%;display:flex;align-items:center;justify-content:center;padding:3rem}.no-selection-content{text-align:center;color:#8bb8e8}.no-selection-content h2{color:#39b9ff;margin:0 0 1rem;font-size:1.5rem}.no-selection-content p{margin:0 0 2rem;font-size:1.1rem}.codex-illustration{font-size:4rem;opacity:.6}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem}.loading-spinner{width:40px;height:40px;border:4px solid rgba(57,185,255,.3);border-top:4px solid #39b9ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.retry-btn{padding:.8rem 1.5rem;background:#39b9ff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;margin-top:1rem;transition:background-color .3s ease}.retry-btn:hover{background:#2a9de8}@media (max-width: 1200px){.codex-container{grid-template-columns:300px 1fr;gap:2rem;padding:0 2rem;max-width:none}.codex-header,.codex-count{max-width:none;padding:0 2rem}}@media (max-width: 1800px){.codex-container:has(.codex-image-viewer){grid-template-columns:280px 1fr 600px}}@media (max-width: 1600px){.codex-container:has(.codex-image-viewer){grid-template-columns:280px 1fr 500px}}@media (max-width: 1400px){.codex-container{grid-template-columns:280px 1fr}.codex-image-viewer{display:none}}@media (max-width: 900px){.codex-content{padding:190px 1rem 1rem}.codex-header,.codex-count{padding:0 .75rem}.codex-container{grid-template-columns:1fr;gap:1rem;height:auto;min-height:auto;padding:0 .75rem}.codex-sidebar{order:2;max-height:500px}.codex-viewer{order:1;min-height:450px;height:auto}.codex-image-viewer{display:none}.codex-title{font-size:2rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.codex-subtitle{font-size:1.15rem;word-wrap:break-word;overflow-wrap:break-word}}@media (max-width: 768px){.codex-content{padding:190px 1rem 1rem}.codex-header{padding:0 .5rem;margin-top:.5rem;margin-bottom:1rem}.codex-title{font-size:1.8rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex-direction:column;gap:.5rem}.codex-icon{font-size:2rem}.codex-subtitle{font-size:1.1rem;word-wrap:break-word;overflow-wrap:break-word;padding:0 1rem}.codex-count{padding:0 .5rem;margin-bottom:1rem}.codex-count h2{font-size:1.2rem}.codex-container{grid-template-columns:1fr;gap:1rem;padding:0 .5rem;height:auto;min-height:auto}.codex-sidebar{order:2;max-height:500px}.codex-viewer{order:1;min-height:400px;height:auto}.sidebar-content{padding:1rem}.document-header{padding:1.5rem 1rem}.document-title{font-size:1.5rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.document-content{padding:1.5rem 1rem}.search-input,.category-select{padding:.75rem;font-size:.95rem}.document-item{padding:1rem}.item-title{font-size:.95rem}}@media (max-width: 600px){.codex-content{padding:190px .75rem .75rem}.codex-header{padding:0 .25rem;margin-bottom:.75rem}.codex-title{font-size:1.4rem;flex-direction:column;gap:.4rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.codex-icon{font-size:1.6rem}.codex-subtitle{font-size:.95rem;word-wrap:break-word;overflow-wrap:break-word;padding:0 .5rem}.codex-count{padding:0 .25rem;margin-bottom:.75rem}.codex-count h2{font-size:1.1rem}.codex-container{padding:0 .25rem;gap:.75rem}.codex-sidebar{max-height:450px}.sidebar-content{padding:.75rem}.search-section{margin-bottom:1rem}.filter-section{margin-bottom:1.25rem}.search-input,.category-select{padding:.65rem;font-size:.9rem}.document-header,.document-content{padding:1.25rem .75rem}.document-title{font-size:1.3rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.document-text{font-size:.9rem;line-height:1.7}.document-item{padding:.85rem;margin-bottom:.75rem}.item-title{font-size:.9rem}.item-author,.item-date{font-size:.8rem}}@media (max-width: 480px){.codex-content{padding:190px .5rem .5rem}.codex-header{padding:0;margin-top:.25rem;margin-bottom:.5rem}.codex-title{font-size:1.25rem;gap:.3rem}.codex-icon{font-size:1.4rem}.codex-subtitle{font-size:.85rem;padding:0 .25rem}.codex-count{padding:0;margin-bottom:.5rem}.codex-count h2{font-size:1rem}.codex-container{padding:0;gap:.5rem}.codex-sidebar{max-height:400px;border-radius:10px}.codex-viewer{min-height:350px;border-radius:10px}.sidebar-content{padding:.65rem}.search-section{margin-bottom:.75rem}.filter-section{margin-bottom:1rem}.filter-section label{font-size:.85rem;margin-bottom:.4rem}.search-input,.category-select{padding:.6rem;font-size:.85rem;border-radius:8px}.document-header,.document-content{padding:1rem .65rem}.document-title{font-size:1.15rem}.document-meta{flex-direction:column;align-items:flex-start;gap:.4rem}.document-meta span{font-size:.8rem}.document-text{font-size:.85rem;line-height:1.75}.document-item{padding:.75rem;margin-bottom:.5rem;border-radius:8px}.item-header{flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:.5rem}.item-title{font-size:.85rem}.item-category{font-size:.7rem;padding:.25rem .5rem}.item-author,.item-date{font-size:.75rem}}.primarchs-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a0a0fe6,#1a1a2ee6,#16213ee6),url(/Nebula%20BG.jpeg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff}.primarchs-content{flex:1;padding-top:80px}.primarchs-hero{position:relative;padding:4rem 2rem;text-align:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(57,185,255,.1) 0%,transparent 100%);z-index:0}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.primarchs-title{font-size:4rem;font-weight:900;color:#39b9ff;margin:0 0 1rem;text-shadow:0 0 20px rgba(57,185,255,.6),0 0 40px rgba(57,185,255,.4);letter-spacing:2px;text-transform:uppercase}.primarchs-subtitle{font-size:1.8rem;color:#8bb8e8;margin:0 0 1.5rem;font-weight:600;text-shadow:0 0 10px rgba(139,184,232,.3)}.primarchs-description{font-size:1.2rem;color:#fffc;line-height:1.8;max-width:700px;margin:0 auto}.primarchs-grid-section{padding:3rem 2rem;max-width:1400px;margin:0 auto}.primarchs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.primarch-card{position:relative;background:#0f172acc;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(57,185,255,.2)}.primarch-card:hover{transform:translateY(-10px) scale(1.02);border-color:#39b9ff99;box-shadow:0 20px 40px #0006,0 0 30px #39b9ff4d}.card-image-wrapper{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.primarch-card:hover .card-image{transform:scale(1.1)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.8) 100%);display:flex;align-items:flex-start;justify-content:flex-end;padding:1rem}.card-role-badge{background:#39b9ffe6;color:#000;padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #39b9ff66}.card-info{padding:1.5rem;background:#0a0f19e6}.card-title{font-size:1.8rem;font-weight:700;color:#39b9ff;margin:0 0 .5rem;text-shadow:0 0 10px rgba(57,185,255,.4)}.card-role{font-size:1.1rem;color:#8bb8e8;margin:0;font-weight:500}.loading-container,.error-container,.no-primarchs{text-align:center;padding:4rem 2rem}.loading-spinner{width:60px;height:60px;margin:0 auto 1.5rem;border:4px solid rgba(57,185,255,.2);border-top:4px solid #39b9ff;border-radius:50%;animation:spin 1s linear infinite}.loading-container p,.no-primarchs p{font-size:1.2rem;color:#ffffffb3}.error-message{font-size:1.2rem;color:#ef4444;margin-bottom:1.5rem}.retry-button{background:#39b9ff33;border:2px solid rgba(57,185,255,.4);color:#39b9ff;padding:.75rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#39b9ff4d;border-color:#39b9ff99;transform:translateY(-2px)}.primarch-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;width:95%;max-width:1200px;max-height:85vh;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;background:transparent;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:15px;right:15px;background:#0006;border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#fff3;transform:scale(1.1)}.modal-hero-image{width:100%;position:relative;overflow:hidden;flex-shrink:0}.hero-image{width:100%;height:250px;object-fit:cover;object-position:center;display:block;border:none;border-radius:0}.modal-body{padding:20px 30px 30px;overflow-y:auto;position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.modal-header{text-align:left;margin-bottom:15px;padding:15px;background:#00000080;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.modal-title{font-size:1.8rem;color:#4a90e2;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:700}.backstory-content{background:#0a0a0a;padding:30px;border-radius:12px;border:1px solid rgba(255,255,255,.1);line-height:1.7;font-size:1.1rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);flex:1;overflow-y:auto;min-height:0}.backstory-content p,.backstory-paragraph{margin-bottom:20px;text-align:justify;font-size:1.3rem;line-height:1.7;color:inherit}.backstory-paragraph:last-child{margin-bottom:0}.backstory-signature{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);text-align:right;font-style:italic;color:#4a90e2;font-size:1.1rem;font-weight:300;opacity:.9}.backstory-html-content{color:inherit;font-size:inherit;line-height:inherit}.backstory-html-content p{margin-bottom:20px;text-align:justify;font-size:1.3rem;line-height:1.7}.backstory-html-content h1,.backstory-html-content h2,.backstory-html-content h3{color:#4a90e2;margin:1.5rem 0 1rem}.backstory-html-content strong{color:#fff;font-weight:700}.backstory-html-content em{font-style:italic}.backstory-html-content ul,.backstory-html-content ol{margin:1rem 0;padding-left:2rem}.backstory-html-content li{margin:.5rem 0}.backstory-html-content a{color:#4a90e2;text-decoration:underline}.backstory-html-content a:hover{color:#5fc9ff}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#4a90e299;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#4a90e2cc}@media (max-width: 768px){.primarchs-content{padding-top:190px}.primarchs-hero{padding:2rem 1rem}.primarchs-title{font-size:2.5rem}.primarchs-subtitle{font-size:1.3rem}.primarchs-description{font-size:1rem}.primarchs-grid{grid-template-columns:1fr;gap:1.5rem}.modal-content{width:95%;max-height:95vh}.modal-body{padding:20px}.modal-header{padding:15px;margin-bottom:20px}.modal-title{font-size:2rem}.backstory-content{padding:20px;font-size:1rem}}@media (max-width: 600px){.primarchs-content{padding-top:190px}.primarchs-title{font-size:2rem}.primarchs-subtitle{font-size:1.1rem}.primarchs-description{font-size:.95rem}.primarchs-grid{grid-template-columns:1fr;gap:1rem}.card-title{font-size:1.5rem}.card-role{font-size:1rem}}@media (max-width: 480px){.primarchs-content{padding-top:190px}.primarchs-hero{padding:1.5rem .75rem}.primarchs-title{font-size:1.8rem}.primarchs-subtitle{font-size:1rem}.primarchs-description{font-size:.9rem}.primarchs-grid-section{padding:2rem 1rem}.hero-image{height:180px}.modal-title{font-size:1.4rem}.modal-header{padding:.6rem .75rem;margin-bottom:.75rem}.modal-body{padding:1rem 1.25rem 1.25rem}.backstory-content{padding:1rem}.backstory-content p,.backstory-paragraph{font-size:.95rem}.backstory-signature{font-size:.9rem;margin-top:1.25rem}}.fleet-container{min-height:100vh;background:linear-gradient(to bottom,#000c,#000000e6),url(/Nebula%20BG.jpeg);background-size:cover;background-position:center;background-attachment:fixed;padding:120px 2rem 4rem;color:#fff}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.spinner{width:60px;height:60px;border:4px solid rgba(57,185,255,.2);border-top:4px solid #39b9ff;border-radius:50%;animation:spin 1s linear infinite}.fleet-header{text-align:center;margin-bottom:3rem;max-width:900px;margin-left:auto;margin-right:auto}.fleet-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(to right,#39b9ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(57,185,255,.5);animation:fadeIn .6s ease-out}.fleet-subtitle{font-size:1.5rem;color:#39b9ff;margin-bottom:.75rem;font-weight:300;animation:fadeIn .8s ease-out}.fleet-description{font-size:1.1rem;color:#ffffffb3;line-height:1.6;max-width:700px;margin:0 auto;animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fleet-filters{max-width:1400px;margin:0 auto 2.5rem;padding:1.5rem;background:#0009;border-radius:12px;border:1px solid rgba(57,185,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-group{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-group label{font-size:1.1rem;color:#39b9ff;font-weight:500}.filter-select{flex:1;min-width:200px;padding:.75rem 1rem;background:#000000b3;border:1px solid rgba(57,185,255,.4);border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease}.filter-select:hover{border-color:#39b9ff;background:#000c}.filter-select:focus{outline:none;border-color:#39b9ff;box-shadow:0 0 10px #39b9ff4d}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;max-width:1400px;margin:0 auto;padding:0 1rem}.fleet-card{background:#000000b3;border-radius:16px;overflow:hidden;border:1px solid rgba(57,185,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;animation:cardFadeIn .6s ease-out backwards}.fleet-card:hover{transform:translateY(-8px);border-color:#39b9ff99;box-shadow:0 20px 40px #0006,0 0 30px #39b9ff4d}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fleet-card:nth-child(1){animation-delay:.05s}.fleet-card:nth-child(2){animation-delay:.1s}.fleet-card:nth-child(3){animation-delay:.15s}.fleet-card:nth-child(4){animation-delay:.2s}.fleet-card:nth-child(5){animation-delay:.25s}.fleet-card:nth-child(6){animation-delay:.3s}.fleet-card-image-wrapper{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.fleet-card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.fleet-card:hover .fleet-card-image{transform:scale(1.1)}.fleet-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#000000b3);pointer-events:none}.custom-badge{position:absolute;top:12px;right:12px;background:#ffd700e6;color:#000;padding:.4rem .75rem;border-radius:20px;font-size:1.2rem;font-weight:700;z-index:2;box-shadow:0 4px 12px #ffd70066;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ffd70066}50%{transform:scale(1.05);box-shadow:0 6px 16px #ffd70099}}.fleet-card-content{padding:1.5rem}.fleet-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.fleet-card-username{font-size:1.4rem;font-weight:700;color:#fff;margin:0;flex:1}.fleet-card-rank-badge{display:flex;align-items:center;gap:.5rem;background:#39b9ff33;padding:.4rem .75rem;border-radius:20px;border:1px solid rgba(57,185,255,.4);font-size:.9rem;color:#39b9ff;white-space:nowrap}.rank-icon-small{width:20px;height:20px;object-fit:contain}.fleet-card-ship-info{text-align:left}.ship-name{font-size:1.3rem;font-weight:600;color:#39b9ff;margin:0 0 .5rem;text-shadow:0 0 10px rgba(57,185,255,.3)}.ship-role{font-size:1rem;color:#ffffffb3;margin:0;font-style:italic}.no-results{text-align:center;padding:4rem 2rem;color:#fff9;font-size:1.2rem}@media (max-width: 768px){.fleet-container{padding-top:180px}.fleet-title{font-size:2.5rem}.fleet-subtitle{font-size:1.2rem}.fleet-description{font-size:1rem}.fleet-grid{grid-template-columns:1fr;gap:1.5rem;padding:0}.filter-group{flex-direction:column;align-items:stretch}.filter-select{min-width:100%}.fleet-card-header{flex-direction:column;gap:.75rem}.fleet-card-rank-badge{align-self:flex-start}}@media (max-width: 600px){.fleet-title{font-size:2rem}.fleet-subtitle{font-size:1.1rem}.fleet-card-username{font-size:1.2rem}.ship-name{font-size:1.1rem}}.content-management{min-height:100vh;background:linear-gradient(180deg,#0a0f19e6,#1a1f2ef2);color:#fff;padding:2rem}.cm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(57,185,255,.3)}.cm-header-left{display:flex;align-items:center;gap:2rem}.back-button{background:#39b9ff1a;border:1px solid rgba(57,185,255,.3);color:#39b9ff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.back-button:hover{background:#39b9ff33;border-color:#39b9ff80;transform:translate(-2px)}.cm-header h1{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#39b9ff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.cm-header h1 .system-label{background:linear-gradient(135deg,gold,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cm-actions{display:flex;align-items:center;gap:1rem}.save-status{font-size:.9rem;padding:.5rem 1rem;border-radius:20px;font-weight:600}.save-status.success{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.save-status.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn.save{background:#39b9ff33;color:#39b9ff;border:1px solid rgba(57,185,255,.4)}.btn.save.has-changes{background:linear-gradient(135deg,#39b9ff,#00d4ff);color:#fff;box-shadow:0 0 20px #39b9ff4d}.btn.save:disabled{opacity:.5;cursor:not-allowed}.btn.reset{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.btn.reset:hover{background:#ef44444d}.cm-tabs{display:flex;gap:.5rem;margin-bottom:2rem}.cm-tabs button{padding:1rem 2rem;background:#1a1f2e99;border:1px solid rgba(57,185,255,.2);color:#ffffffb3;border-radius:8px 8px 0 0;cursor:pointer;transition:all .3s ease;font-weight:600}.cm-tabs button.active{background:#39b9ff33;color:#39b9ff;border-color:#39b9ff80}.cm-tabs button:hover:not(.active){background:#1a1f2ecc;color:#ffffffe6}.cm-content{background:#0b0f19cc;border:1px solid rgba(57,185,255,.2);border-radius:0 12px 12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.editor-section h3{color:#39b9ff;font-size:1.8rem;margin-bottom:2rem;text-shadow:0 0 10px rgba(57,185,255,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#39b9ff;font-weight:600;margin-bottom:.5rem;font-size:1rem}.form-group input,.form-group textarea{width:100%;background:#1a1f2ecc;border:1px solid rgba(57,185,255,.3);border-radius:8px;padding:.75rem;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#39b9ff;box-shadow:0 0 10px #39b9ff33}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.rank-editor{background:#1a1f2e66;border:1px solid rgba(57,185,255,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.rank-editor h4{color:gold;font-size:1.3rem;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(255,215,0,.3)}.responsibility-item{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center}.responsibility-item input{flex:1;margin-bottom:0}.btn-remove{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;transition:all .3s ease}.btn-remove:hover{background:#ef444466}.btn-add{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#22c55e;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-top:.5rem}.btn-add:hover{background:#22c55e4d}.feature-card-editor{background:#1a1f2e4d;border:1px solid rgba(57,185,255,.15);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.feature-card-editor h5{color:gold;font-size:1.1rem;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,215,0,.3)}.benefit-editor{background:#1a1f2e4d;border:1px solid rgba(57,185,255,.15);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.benefit-editor h5{color:gold;font-size:1.1rem;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,215,0,.3)}.benefit-row{display:flex;gap:1rem;align-items:end}.button-section{background:#1a1f2e4d;border:1px solid rgba(57,185,255,.15);border-radius:8px;padding:1.5rem;margin-top:2rem}.button-section h4{color:#39b9ff;font-size:1.2rem;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(57,185,255,.3)}.page-navigation{margin-bottom:2rem}.page-navigation h2{color:#39b9ff;font-size:1.8rem;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(57,185,255,.3)}.page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.page-card{background:#1a1f2e99;border:2px solid rgba(57,185,255,.2);border-radius:12px;padding:2rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.page-card:not(.disabled):hover{border-color:#39b9ff80;background:#1a1f2ecc;transform:translateY(-2px)}.page-card.active{border-color:#39b9ffcc;background:#1a1f2ee6;box-shadow:0 0 20px #39b9ff33}.page-card.disabled{opacity:.6;cursor:not-allowed;border-color:#ffffff1a}.page-card h3{color:#39b9ff;font-size:1.3rem;margin-bottom:.5rem;font-weight:700}.page-card p{color:#ffffffb3;font-size:1rem;line-height:1.5;margin-bottom:1rem}.coming-soon{position:absolute;top:1rem;right:1rem;background:#ffd70033;color:gold;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,215,0,.3)}.active-indicator{position:absolute;top:1rem;right:1rem;background:#22c55e33;color:#22c55e;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid rgba(34,197,94,.3)}.section-divider{margin:2rem 0;padding:1.5rem 0;border-top:1px solid rgba(57,185,255,.2);border-bottom:1px solid rgba(57,185,255,.2);text-align:center}.section-divider h2{color:#39b9ff;font-size:1.6rem;font-weight:700;text-shadow:0 0 15px rgba(57,185,255,.3);margin:0}@media (max-width: 768px){.content-management{padding:1rem}.cm-header{flex-direction:column;gap:1rem;align-items:flex-start}.cm-header-left{flex-direction:column;gap:1rem;align-items:flex-start;width:100%}.cm-header h1{font-size:2rem}.cm-actions{width:100%;justify-content:flex-end}.cm-tabs{flex-wrap:wrap}.stats-grid,.page-grid{grid-template-columns:1fr}.benefit-row{flex-direction:column;gap:1rem;align-items:stretch}}.social-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.social-link-card{background:#1a1f2e99;border:1px solid rgba(57,185,255,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.social-link-card:hover{border-color:#39b9ff66;background:#1a1f2ecc}.social-link-card h4{color:#39b9ff;font-size:1.2rem;margin-bottom:1rem;text-align:center;border-bottom:1px solid rgba(57,185,255,.2);padding-bottom:.5rem}.checkbox-label{display:flex!important;align-items:center;gap:.5rem;cursor:pointer;color:#ffffffe6!important;font-weight:500!important}.checkbox-label input[type=checkbox]{width:auto!important;margin:0!important;cursor:pointer}.input-hint{display:block;font-size:.8rem;color:#ffffff80;margin-top:.25rem;font-style:italic}.social-preview{background:#0b0f1999;border:1px solid rgba(57,185,255,.2);border-radius:12px;padding:1.5rem;margin-top:2rem}.social-preview h4{color:#39b9ff;font-size:1.2rem;margin-bottom:1rem;text-align:center}.preview-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.preview-link{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.preview-link.discord{background:#5865f233;color:#5865f2;border:1px solid rgba(88,101,242,.3)}.preview-link.discord:hover{background:#5865f24d;transform:translateY(-2px)}.preview-link.spectrum{background:#39b9ff33;color:#39b9ff;border:1px solid rgba(57,185,255,.3)}.preview-link.spectrum:hover{background:#39b9ff4d;transform:translateY(-2px)}.preview-link.website{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.preview-link.website:hover{background:#22c55e4d;transform:translateY(-2px)}.preview-link.youtube{background:#f003;color:red;border:1px solid rgba(255,0,0,.3)}.preview-link.youtube:hover{background:#ff00004d;transform:translateY(-2px)}.paths-preview{margin-top:2rem;padding:1.5rem;background:#39b9ff0d;border:1px solid rgba(57,185,255,.2);border-radius:12px}.paths-preview h4{color:#39b9ff;margin-bottom:1.5rem;font-size:1.3rem}.path-card-preview{background:#0a0f1999;border:1px solid rgba(57,185,255,.2);border-radius:8px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.path-card-preview:hover{border-color:#39b9ff66;background:#0a0f19cc}.path-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.path-preview-header h5{color:gold;font-size:1.2rem;margin:0}.path-preview-image{width:60px;height:60px;border-radius:8px;object-fit:cover;border:2px solid rgba(57,185,255,.3)}.path-preview-subtitle{color:#39b9ff;font-size:.95rem;margin-bottom:.5rem}.path-preview-description{color:#ffffffb3;font-size:.9rem;line-height:1.5}.loading-message{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.loading-message p{color:#ffc107;margin:.5rem 0;line-height:1.6}.section-description{color:#fff9;font-size:.9rem;margin-bottom:1.5rem;padding:1rem;background:#39b9ff0d;border-left:3px solid rgba(57,185,255,.5);border-radius:4px}.auth-check-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.auth-check-content{text-align:center;padding:3rem;background:#0a0f19cc;border:1px solid rgba(57,185,255,.3);border-radius:16px;max-width:400px}.auth-check-content h2{color:#39b9ff;margin:1.5rem 0 .5rem;font-size:1.8rem}.auth-check-content p{color:#fff9;margin:0}.auth-spinner{width:60px;height:60px;margin:0 auto;border:4px solid rgba(57,185,255,.2);border-top:4px solid #39b9ff;border-radius:50%;animation:spin 1s linear infinite}.no-links{text-align:center;color:#ffffff80;font-style:italic}.header-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:1rem}.header-nav-item{background:#0f172a99;border:1px solid rgba(57,185,255,.3);border-radius:12px;padding:1.5rem;transition:all .3s ease}.header-nav-item:hover{border-color:#39b9ff80;background:#0f172acc;transform:translateY(-2px);box-shadow:0 4px 12px #39b9ff26}.nav-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(57,185,255,.2)}.nav-item-header h4{color:#39b9ff;margin:0;font-size:1.2rem;font-weight:700}.checkbox-container{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#39b9ff}.checkbox-label{color:#fffc;font-size:.9rem;font-weight:600}.header-nav-item .form-group{margin-bottom:1rem}.header-nav-item .form-group:last-child{margin-bottom:0}.recommended-size{display:block;color:#ffd700e6;font-size:.85rem;font-weight:500;margin-top:.25rem;font-style:italic}.image-preview-container{margin-top:1rem;padding:1rem;background:#0006;border-radius:8px;border:1px solid rgba(57,185,255,.2)}.background-preview{width:100%;max-height:300px;object-fit:cover;border-radius:8px;border:2px solid rgba(57,185,255,.3)}.preview-note{margin-top:.75rem;margin-bottom:0;text-align:center;color:#fff9;font-size:.9rem;font-style:italic}.terms-privacy-container{min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#16213e);color:#fff;padding:2rem;font-family:Arial,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}.terms-privacy-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 40% 70%,#39b9ff,transparent),radial-gradient(1px 1px at 90% 40%,#00d4ff,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(2px 2px at 80% 10%,#39b9ff,transparent),radial-gradient(1px 1px at 25% 80%,#00d4ff,transparent),radial-gradient(1px 1px at 75% 90%,white,transparent),radial-gradient(2px 2px at 15% 60%,#39b9ff,transparent),radial-gradient(1px 1px at 60% 20%,#00d4ff,transparent),radial-gradient(1px 1px at 35% 25%,white,transparent),radial-gradient(2px 2px at 70% 75%,#39b9ff,transparent),radial-gradient(1px 1px at 10% 90%,#00d4ff,transparent),radial-gradient(1px 1px at 85% 60%,white,transparent),radial-gradient(2px 2px at 45% 15%,#39b9ff,transparent),radial-gradient(1px 1px at 65% 85%,#00d4ff,transparent),radial-gradient(1px 1px at 30% 45%,white,transparent),radial-gradient(2px 2px at 95% 25%,#39b9ff,transparent),radial-gradient(1px 1px at 5% 70%,#00d4ff,transparent),radial-gradient(1px 1px at 55% 95%,white,transparent),radial-gradient(2px 2px at 75% 35%,#39b9ff,transparent),radial-gradient(1px 1px at 22% 12%,#00d4ff,transparent),radial-gradient(1px 1px at 88% 80%,white,transparent),radial-gradient(2px 2px at 12% 45%,#39b9ff,transparent),radial-gradient(1px 1px at 67% 55%,#00d4ff,transparent),radial-gradient(1px 1px at 42% 85%,white,transparent),radial-gradient(2px 2px at 78% 5%,#39b9ff,transparent),radial-gradient(1px 1px at 33% 65%,#00d4ff,transparent),radial-gradient(1px 1px at 92% 15%,white,transparent);animation:starsMove 40s linear infinite;opacity:.4;z-index:0;pointer-events:none}.terms-privacy-content{max-width:800px;margin:0 auto;position:relative;z-index:2;background:#0000004d;border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.terms-header{text-align:center;margin-bottom:3rem;border-bottom:2px solid #39b9ff;padding-bottom:2rem}.terms-header h1{font-size:2.5rem;margin:0 0 1rem;background:linear-gradient(45deg,#39b9ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(57,185,255,.3)}.terms-header h2{font-size:1.8rem;margin:0 0 1rem;color:#fff;font-weight:300}.last-updated{color:#ccc;font-style:italic;font-size:.9rem;margin:0}.terms-section,.privacy-section,.contact-section{margin-bottom:2.5rem}.terms-section h3,.privacy-section h3,.contact-section h3{font-size:1.8rem;color:#39b9ff;margin-bottom:1.5rem;border-left:4px solid #39b9ff;padding-left:1rem;text-shadow:0 0 15px rgba(57,185,255,.3)}.subsection{margin-bottom:2rem;background:#ffffff05;padding:1.5rem;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.subsection h4{font-size:1.3rem;color:#00d4ff;margin-bottom:1rem;text-shadow:0 0 10px rgba(0,212,255,.3)}.subsection p{color:#e0e0e0;margin-bottom:1rem;text-align:justify}.subsection ul{color:#e0e0e0;padding-left:2rem;margin-bottom:1rem}.subsection li{margin-bottom:.5rem;position:relative}.subsection li::marker{color:#39b9ff}.contact-link{display:inline-block;background:linear-gradient(45deg,#39b9ff,#00d4ff);color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:30px;font-weight:600;margin-top:1rem;transition:all .3s ease;box-shadow:0 4px 15px #39b9ff4d;text-align:center}.contact-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #39b9ff80;text-decoration:none;color:#fff}.terms-footer{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#ccc;font-size:.9rem;margin-top:3rem}@media (max-width: 768px){.terms-privacy-container{padding:1rem}.terms-privacy-content{padding:1.5rem;margin:1rem}.terms-header h1{font-size:2rem}.terms-header h2{font-size:1.4rem}.subsection{padding:1rem}.contact-link{padding:.8rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.terms-header h1{font-size:1.8rem}.terms-header h2{font-size:1.2rem}.terms-section h3,.privacy-section h3,.contact-section h3{font-size:1.5rem}.subsection h4{font-size:1.1rem}}.auth-callback-container{min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#16213e);color:#fff;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.auth-callback-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 40% 70%,#39b9ff,transparent),radial-gradient(1px 1px at 90% 40%,#00d4ff,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(2px 2px at 80% 10%,#39b9ff,transparent),radial-gradient(1px 1px at 25% 80%,#00d4ff,transparent),radial-gradient(1px 1px at 75% 90%,white,transparent),radial-gradient(2px 2px at 15% 60%,#39b9ff,transparent),radial-gradient(1px 1px at 60% 20%,#00d4ff,transparent),radial-gradient(1px 1px at 35% 25%,white,transparent);animation:starsMove 40s linear infinite;opacity:.3;z-index:0;pointer-events:none}@keyframes starsMove{0%{transform:translateY(0) translate(0)}to{transform:translateY(-100px) translate(-100px)}}.auth-callback-content{background:#0006;border-radius:20px;padding:3rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;text-align:center;max-width:500px;width:100%;position:relative;z-index:2}.auth-status h2{font-size:1.8rem;margin:1rem 0;background:linear-gradient(45deg,#39b9ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-status p{color:#e0e0e0;margin:.5rem 0;font-size:1rem}.spinner{width:60px;height:60px;border:4px solid rgba(57,185,255,.2);border-left:4px solid #39b9ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon{font-size:4rem;color:#0f8;margin:0 auto 1rem;text-shadow:0 0 20px rgba(0,255,136,.5);animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-icon{font-size:3rem;color:orange;margin:0 auto 1rem;text-shadow:0 0 15px rgba(255,165,0,.3)}.error h2{background:linear-gradient(45deg,orange,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.auth-callback-content{padding:2rem;margin:1rem}.auth-status h2{font-size:1.5rem}.spinner{width:50px;height:50px}.success-icon,.error-icon{font-size:3rem}}