@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family:Rajdhani:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";body{margin:0;font-family:Fira Code,JetBrains Mono,Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e27;color:#e0e0e0;overflow-x:hidden}#root{width:100%;min-height:100vh}code{font-family:Fira Code,Courier New,monospace}button,input,textarea{font-family:inherit}::selection{background:#00ffff4d;color:#e0e0e0}::-webkit-scrollbar-thumb{background:#0ff;box-shadow:0 0 10px #0ff}::-webkit-scrollbar-thumb:hover{background:#00ff41;box-shadow:0 0 10px #00ff41}.icon-level{width:64px;height:64px;transform:translateY(3px);display:block}.icon-level-large{width:80px;height:80px;display:block}.icon-level-medium{width:36px;height:36px;display:block}.icon-level-small{width:20px;height:20px;display:block}.icon-grade{width:64px;height:64px;transform:translateY(3px);display:block}.icon-target{width:48px;height:48px;display:block}.icon-target-large,.icon-target-xlarge{width:64px;height:64px;display:block}.icon-target-small{width:20px;height:20px;display:block}.icon-target-inline{width:24px;height:24px;display:inline-block;vertical-align:middle;margin:0 4px}.icon-ranked{width:32px;height:32px;display:block}.icon-ranked-large{width:64px;height:64px;display:block}.icon-ranked-small{width:24px;height:24px;display:block}.icon-trophy{width:32px;height:32px;display:block}.icon-trophy-large{width:64px;height:64px;display:block}.icon-trophy-small{width:20px;height:20px;display:block}.icon-elo{width:32px;height:32px;display:block}.icon-elo-large{width:64px;height:64px;display:block}.icon-elo-small{width:20px;height:20px;display:block}.icon-rank{width:32px;height:32px;display:inline-block;vertical-align:middle}.icon-rank-small{width:20px;height:20px;display:inline-block;vertical-align:middle}.icon-rank-large{width:64px;height:64px;display:inline-block;vertical-align:middle}.icon-rankup{width:48px;height:48px;display:block}.icon-settings{width:44px;height:44px;display:block}.tab-icon-img{width:20px;height:20px;display:block}.icon-flame{width:48px;height:48px;display:block}.icon-flame-large{width:36px;height:36px;display:block}.achievement-notification-overlay{position:fixed;bottom:20px;right:20px;z-index:9999;pointer-events:none;animation:slideInRight .5s ease-out}.achievement-notification{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #00ff88;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 32px #00ff884d;min-width:350px;max-width:400px;pointer-events:auto;animation:pulse .6s ease-in-out}.achievement-notification.error{border:2px solid #ff4444;box-shadow:0 8px 32px #ff44444d}.achievement-notification.error .achievement-label{color:#f44}.achievement-notification.error{animation:pulseError .6s ease-in-out}.achievement-notification.success,.achievement-notification.info{border:2px solid #00ff88;box-shadow:0 8px 32px #00ff884d}.achievement-notification.success .achievement-label,.achievement-notification.info .achievement-label{color:#0f8}.achievement-notification.achievement{border:2px solid #00ff88;box-shadow:0 8px 32px #00ff884d}.achievement-notification.achievement .achievement-label{color:#0f8}.achievement-notification.shop,.achievement-notification.equip{border:2px solid #00ff88;box-shadow:0 8px 32px #00ff884d}.achievement-icon{font-size:48px;animation:bounce .6s ease-in-out}.achievement-content{flex:1}.achievement-label{color:#0f8;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:4px;text-transform:uppercase}.achievement-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:4px}.achievement-description{color:#8892b0;font-size:13px;line-height:1.4}@keyframes slideInRight{0%{transform:translate(450px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 8px 32px #00ff884d}50%{box-shadow:0 8px 48px #0f89}}@keyframes pulseError{0%,to{box-shadow:0 8px 32px #ff44444d}50%{box-shadow:0 8px 48px #f449}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.achievement-notification-overlay{top:60px;right:10px;left:10px}.achievement-notification{min-width:auto;max-width:none}}.mobile-blocker{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a0520);display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;z-index:9999;padding:20px 0}.scan-line{position:absolute;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00d9ff,transparent);box-shadow:0 0 20px #00d9ff;animation:pulse 2s ease-in-out infinite}.blocker-content{position:relative;max-width:600px;width:100%;margin:auto;padding:60px 40px;text-align:center;background:#0a0a0fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(181,55,242,.3);clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);animation:fadeInScale .8s ease-out}.error-code{font-family:Orbitron,monospace;font-size:16px;color:#ff6b35;margin-bottom:30px;letter-spacing:3px}.icon-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:30px}.desktop-icon{width:120px;height:120px;color:#00d9ff;filter:drop-shadow(0 0 20px rgba(0,217,255,.5));animation:iconFloat 3s ease-in-out infinite}.required-badge{padding:8px 20px;background:#ff6b351a;border:2px solid #ff6b35;color:#ff6b35;font-family:Orbitron,monospace;font-size:12px;font-weight:700;letter-spacing:2px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);animation:badgePulse 2s ease-in-out infinite}.blocker-title{font-family:Orbitron,monospace;font-size:32px;font-weight:700;color:#00d9ff;margin-bottom:20px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px rgba(0,217,255,.5)}.blocker-message{font-family:Rajdhani,sans-serif;font-size:18px;color:#ffffffb3;line-height:1.6;margin-bottom:40px}.device-list{display:flex;justify-content:center;gap:30px;margin-bottom:40px;flex-wrap:wrap}.device-item{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#00ff880d;border:1px solid rgba(0,255,136,.3);border-radius:4px;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;color:#0f8}.check-icon{font-size:20px;font-weight:700}.tech-specs{margin-bottom:40px;padding:20px;background:#0000004d;border:1px solid rgba(0,217,255,.2);border-radius:4px;text-align:left}.spec-line{display:flex;justify-content:space-between;padding:8px 0;font-family:Courier New,monospace;font-size:14px;border-bottom:1px solid rgba(255,255,255,.1)}.spec-line:last-child{border-bottom:none}.spec-label{color:#b537f2;font-weight:600}.spec-value{color:#00d9ff}.spec-value.error{color:#ff6b35;font-weight:700;animation:blink 1.5s ease-in-out infinite}.warning-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px;background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-radius:4px;font-family:Rajdhani,sans-serif;font-size:14px;color:#ffffffb3}.warning-icon{font-size:24px;color:#ff6b35}.corner-border{position:absolute;width:40px;height:40px;border-color:#b537f2}.corner-border.top-left{top:20px;left:20px;border-top:3px solid;border-left:3px solid}.corner-border.top-right{top:20px;right:20px;border-top:3px solid;border-right:3px solid}.corner-border.bottom-left{bottom:20px;left:20px;border-bottom:3px solid;border-left:3px solid}.corner-border.bottom-right{bottom:20px;right:20px;border-bottom:3px solid;border-right:3px solid}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 #ff6b35;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #00d9ff;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse;animation-delay:2s}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes badgePulse{0%,to{box-shadow:0 0 5px #ff6b3580}50%{box-shadow:0 0 20px #ff6b35cc}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes glitch-anim{0%{clip:rect(10px,9999px,90px,0)}20%{clip:rect(70px,9999px,20px,0)}40%{clip:rect(50px,9999px,60px,0)}60%{clip:rect(30px,9999px,80px,0)}80%{clip:rect(90px,9999px,10px,0)}to{clip:rect(40px,9999px,70px,0)}}@media(max-width:768px){.mobile-blocker{align-items:flex-start;padding:30px 0}.blocker-content{padding:40px 20px;max-width:95%;margin:0 auto}.blocker-title{font-size:24px;margin-bottom:15px}.blocker-message{font-size:15px;margin-bottom:30px}.device-list{flex-direction:column;gap:12px;margin-bottom:30px}.desktop-icon{width:80px;height:80px}.icon-container{margin-bottom:25px}.error-code{font-size:14px;margin-bottom:20px}.tech-specs{margin-bottom:30px;padding:15px}.spec-line{font-size:12px}}@media(max-width:480px){.blocker-content{padding:30px 15px;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.blocker-title{font-size:20px;letter-spacing:1px}.blocker-message{font-size:14px;line-height:1.5}.desktop-icon{width:60px;height:60px}.required-badge{font-size:10px;padding:6px 15px}.device-item{padding:10px 15px;font-size:14px}.spec-line{font-size:11px}.warning-footer{font-size:12px;padding:12px}}*{margin:0;padding:0;box-sizing:border-box}.game-menu{position:relative;width:100vw;height:100vh;background:#0a0a0f;overflow:hidden;font-family:Rajdhani,sans-serif;color:#fff}.city-background{position:absolute;inset:0;z-index:1}.city-layer{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,#ff6b35 0%,transparent 50%);opacity:.1;animation:cityPulse 4s ease-in-out infinite}.layer-1{height:70%;animation-delay:0s}.layer-2{height:50%;animation-delay:.5s;background:linear-gradient(to top,#00d9ff 0%,transparent 50%)}.layer-3{height:40%;animation-delay:1s;background:linear-gradient(to top,#b537f2 0%,transparent 50%)}.grid-overlay{position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(0,217,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.05) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}.hud-corners{position:absolute;inset:0;z-index:10;pointer-events:none}.corner{position:absolute;width:40px;height:40px;border:2px solid #ff6b35;opacity:.6}.corner-tl{top:20px;left:20px;border-right:none;border-bottom:none}.corner-tr{top:20px;right:20px;border-left:none;border-bottom:none}.corner-bl{bottom:20px;left:20px;border-right:none;border-top:none}.corner-br{bottom:20px;right:20px;border-left:none;border-top:none}.hud-top{position:absolute;top:15px;left:0;right:0;height:60px;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-family:Rajdhani,sans-serif;font-weight:600}.hud-left{display:flex;align-items:center;gap:10px;flex:1}.hud-right{display:flex;align-items:center;gap:15px;position:absolute;left:50%;transform:translate(-50%)}.hud-left{display:flex;align-items:center;gap:10px}.status-indicator{color:#00ff41;font-size:20px;animation:pulse 2s ease-in-out infinite}.status-text{font-size:14px;letter-spacing:2px;color:#00ff41;text-transform:uppercase}.hud-right{display:flex;align-items:center;gap:20px;font-size:14px;letter-spacing:1px;color:#00d9ff}.hud-time{font-family:Orbitron,sans-serif;font-weight:700}.hud-date{opacity:.7}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.menu-container{position:relative;z-index:5;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.game-logo{margin-bottom:60px;text-align:center}.logo-text{position:relative;display:inline-block}.logo-main{display:block;font-family:Orbitron,sans-serif;font-size:72px;font-weight:900;letter-spacing:8px;background:linear-gradient(135deg,#ff6b35,#00d9ff,#b537f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,107,53,.5);animation:logoGlow 3s ease-in-out infinite}.logo-sub{display:block;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:400;letter-spacing:4px;color:#00d9ff;margin-top:10px;opacity:.8}.logo-text.glitch .logo-main{animation:glitchText .2s ease-in-out}@keyframes logoGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes glitchText{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.logo-line{width:200px;height:2px;background:linear-gradient(90deg,transparent,#ff6b35,transparent);margin:20px auto 0;animation:linePulse 2s ease-in-out infinite}@keyframes linePulse{0%,to{opacity:.5;width:200px}50%{opacity:1;width:250px}}.menu-items{display:flex;flex-direction:column;gap:15px;width:100%;max-width:500px}.menu-item{position:relative;width:100%;height:60px;background:transparent;border:2px solid rgba(0,217,255,.3);color:#fff;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;padding:0 20px;gap:15px;overflow:hidden;transition:all .3s ease;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.menu-item-bg{position:absolute;inset:0;background:linear-gradient(90deg,#00d9ff1a,#ff6b351a);transform:translate(-100%);transition:transform .3s ease}.menu-item:hover .menu-item-bg{transform:translate(0)}.menu-item:hover{border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d;transform:translate(10px)}.menu-item:disabled{opacity:.4;cursor:not-allowed}.menu-item:disabled:hover{border-color:#00d9ff4d;box-shadow:none;transform:none}.menu-item-icon{font-size:24px;z-index:1}.menu-item-text{flex:1;text-align:left;z-index:1}.menu-item-arrow{font-size:20px;opacity:0;transform:translate(-10px);transition:all .3s ease;z-index:1}.menu-item:hover .menu-item-arrow{opacity:1;transform:translate(0)}.exit-item{border-color:#ff006e4d;margin-top:20px}.exit-item:hover{border-color:#ff006e;box-shadow:0 0 20px #ff006e4d}.exit-item .menu-item-bg{background:linear-gradient(90deg,#ff006e1a,#ff006e33)}.menu-footer{position:absolute;bottom:40px;text-align:center}.version-info{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:400;letter-spacing:2px;color:#00d9ff99;text-transform:uppercase}.separator{margin:0 10px}.cgu-link{cursor:pointer;color:#00d9ff99;letter-spacing:2px;transition:color .2s ease,text-shadow .2s ease}.cgu-link:hover{color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.6)}.character-preview{position:absolute;right:100px;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:20px}.hologram-container{position:relative;width:300px;height:300px;transform-style:preserve-3d;perspective:1000px;animation:holoFloat 4s ease-in-out infinite}@keyframes holoFloat{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-20px) rotateY(180deg)}}.holo-ring{position:absolute;top:50%;left:50%;border:2px solid rgba(0,217,255,.6);border-radius:50%;transform-style:preserve-3d;animation:ringRotate 8s linear infinite}.ring-1{width:200px;height:200px;margin:-100px 0 0 -100px;border-color:#00d9ffcc;box-shadow:0 0 20px #00d9ff80,inset 0 0 20px #00d9ff4d;animation-duration:6s}.ring-2{width:250px;height:250px;margin:-125px 0 0 -125px;border-color:#b537f299;box-shadow:0 0 20px #b537f266;animation-duration:8s;animation-direction:reverse;transform:rotateX(60deg)}.ring-3{width:300px;height:300px;margin:-150px 0 0 -150px;border-color:#ff6b3580;box-shadow:0 0 20px #ff6b354d;animation-duration:10s;transform:rotateY(60deg)}@keyframes ringRotate{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg)}}.holo-core{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;transform-style:preserve-3d}.core-orb{width:100%;height:100%;background:radial-gradient(circle at 30% 30%,#0ffc,#00d9ff66,#b537f233);border-radius:50%;box-shadow:0 0 40px #00d9ffcc,0 0 60px #b537f280,inset 0 0 30px #ffffff4d;animation:orbPulse 2s ease-in-out infinite,orbGlitch 5s step-end infinite}@keyframes orbPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes orbGlitch{0%,90%,to{filter:hue-rotate(0deg)}92%{filter:hue-rotate(90deg)}94%{filter:hue-rotate(-90deg)}96%{filter:hue-rotate(0deg)}}.core-pulse{position:absolute;inset:-20px;border:2px solid rgba(0,217,255,.5);border-radius:50%;animation:pulseExpand 2s ease-out infinite}@keyframes pulseExpand{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.holo-particles{position:absolute;inset:0}.particle{position:absolute;width:4px;height:4px;background:#00d9ff;border-radius:50%;box-shadow:0 0 10px #00d9ff;animation:particleFloat 4s ease-in-out infinite}.particle:nth-child(1){top:20%;left:30%;animation-delay:0s}.particle:nth-child(2){top:60%;left:70%;animation-delay:.8s;background:#b537f2;box-shadow:0 0 10px #b537f2}.particle:nth-child(3){top:80%;left:40%;animation-delay:1.6s;background:#ff6b35;box-shadow:0 0 10px #ff6b35}.particle:nth-child(4){top:30%;left:80%;animation-delay:2.4s}.particle:nth-child(5){top:50%;left:10%;animation-delay:3.2s;background:#00ff41;box-shadow:0 0 10px #00ff41}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}50%{transform:translateY(-30px) translate(20px);opacity:1}90%{opacity:1}to{transform:translateY(-60px) translate(-10px);opacity:0}}.holo-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,217,255,.03) 2px,rgba(0,217,255,.03) 4px);pointer-events:none;animation:scanlineMove 8s linear infinite}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(20px)}}.character-silhouette{position:relative;width:200px;height:400px;background:linear-gradient(to bottom,#00d9ff1a,#ff6b351a);clip-path:polygon(30% 0%,70% 0%,70% 30%,80% 30%,80% 40%,70% 40%,70% 60%,80% 60%,80% 70%,70% 70%,70% 100%,30% 100%,30% 70%,20% 70%,20% 60%,30% 60%,30% 40%,20% 40%,20% 30%,30% 30%);animation:characterFloat 4s ease-in-out infinite;overflow:hidden}.character-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,217,255,.3),transparent 70%);animation:glowPulse 2s ease-in-out infinite}.scan-line{position:absolute;left:0;right:0;height:2px;background:#00d9ff;box-shadow:0 0 10px #00d9ff;animation:scanMove 3s linear infinite}@keyframes characterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes scanMove{0%{top:0}to{top:100%}}.character-label{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;letter-spacing:3px;color:#00d9ff;text-transform:uppercase}.scanline-effect{position:absolute;inset:0;z-index:15;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;animation:scanlines 8s linear infinite}@media(max-width:1024px){.character-preview{display:none}.logo-main{font-size:48px}.menu-items{max-width:400px}}@media(max-width:768px){.hud-top{padding:0 20px}.logo-main{font-size:36px;letter-spacing:4px}.logo-sub{font-size:12px;letter-spacing:2px}.menu-items{max-width:100%;padding:0 20px}.menu-item{height:50px;font-size:16px}.hud-corners .corner{width:30px;height:30px}}.cgu-container{position:relative;z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px 60px;display:flex;flex-direction:column;gap:24px;max-height:100vh;overflow-y:auto}.cgu-container::-webkit-scrollbar{width:4px}.cgu-container::-webkit-scrollbar-track{background:#00d9ff0d}.cgu-container::-webkit-scrollbar-thumb{background:#00d9ff66;border-radius:2px}.cgu-header{display:flex;flex-direction:column;gap:16px}.cgu-back-btn{align-self:flex-start;background:transparent;border:1px solid rgba(0,217,255,.3);color:#00d9ff;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;padding:6px 16px;cursor:pointer;transition:all .2s ease}.cgu-back-btn:hover{background:#00d9ff1a;border-color:#00d9ff}.cgu-title{font-family:Orbitron,sans-serif;font-size:22px;font-weight:700;color:#00d9ff;letter-spacing:3px;margin:0;text-shadow:0 0 20px rgba(0,217,255,.4)}.cgu-content{display:flex;flex-direction:column;gap:20px}.cgu-section{background:#00d9ff08;border:1px solid rgba(0,217,255,.1);border-left:3px solid rgba(0,217,255,.5);padding:18px 20px}.cgu-section h2{font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;color:#00d9ff;letter-spacing:2px;margin:0 0 10px}.cgu-section p,.cgu-section ul{font-family:Rajdhani,sans-serif;font-size:15px;color:#ffffffbf;line-height:1.7;margin:0}.cgu-section ul{padding-left:20px;display:flex;flex-direction:column;gap:4px}.cgu-section strong{color:#00d9ff}.cgu-footer{display:flex;align-items:center;gap:10px;font-family:Rajdhani,sans-serif;font-size:12px;color:#00d9ff66;letter-spacing:1px;padding-top:10px;border-top:1px solid rgba(0,217,255,.1)}.cgu-footer .separator{color:#00d9ff33}.operator-auth{position:relative;width:100vw;height:100vh;background:#0a0a0f;overflow:hidden;font-family:Rajdhani,sans-serif;color:#fff;display:flex;align-items:center;justify-content:center}.auth-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.03) 1px,transparent 1px);background-size:40px 40px;animation:gridShift 20s linear infinite}.auth-bg-glow{position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,107,53,.1),transparent 50%),radial-gradient(circle at 70% 50%,rgba(0,217,255,.1),transparent 50%);animation:glowShift 8s ease-in-out infinite}@keyframes glowShift{0%,to{opacity:.5}50%{opacity:.8}}.back-btn{position:absolute;top:30px;left:30px;z-index:100;display:flex;align-items:center;gap:10px;padding:12px 24px;background:#00d9ff1a;border:2px solid rgba(0,217,255,.3);color:#00d9ff;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.back-btn:hover{background:#00d9ff33;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d;transform:translate(-5px)}.auth-container{position:relative;z-index:10;display:flex;gap:40px;width:90%;max-width:1200px;margin:0 auto}.operator-profile{flex:0 0 400px;display:flex;flex-direction:column;gap:30px}.profile-frame{background:#0a0a0f99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,217,255,.3);padding:40px;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);position:relative;overflow:hidden}.profile-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00d9ff,transparent);animation:profileScan 3s linear infinite}@keyframes profileScan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.profile-avatar{position:relative;width:200px;height:200px;margin:0 auto 30px}.avatar-ring{position:absolute;width:220px;height:220px;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #00d9ff;border-radius:50%;animation:ringRotate 10s linear infinite}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-inner{position:absolute;inset:0;background:linear-gradient(135deg,#00d9ff33,#ff6b3533);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,217,255,.5);overflow:hidden}.quick-access{display:flex;flex-direction:column;gap:12px}.quick-access-title{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;color:#ff6b35;margin-bottom:8px;text-transform:uppercase}.quick-link{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left}.quick-link:hover{background:#00d9ff26;border-color:#00d9ff80;transform:translate(5px)}.link-icon{font-size:18px;opacity:.8}.link-text{font-size:13px;font-weight:600;letter-spacing:1px;color:#fffc;text-transform:uppercase}.access-info{display:flex;flex-direction:column;gap:18px}.info-row{display:flex;align-items:center;gap:15px;padding-bottom:15px;border-bottom:1px solid rgba(0,217,255,.2)}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-icon{font-size:24px;opacity:.8}.info-content{display:flex;flex-direction:column;gap:5px;flex:1}.info-label{font-size:11px;font-weight:600;letter-spacing:1.5px;color:#ffffff80;text-transform:uppercase}.info-value{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00d9ff;text-transform:uppercase}.status-active{color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.5)}.auth-form-panel{flex:1;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,217,255,.3);padding:50px;clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);position:relative;overflow-y:auto;max-height:90vh}.auth-form-panel::-webkit-scrollbar{width:8px}.auth-form-panel::-webkit-scrollbar-track{background:#0003;border-radius:10px}.auth-form-panel::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:10px;transition:background .3s ease}.auth-form-panel::-webkit-scrollbar-thumb:hover{background:#00d9ff80}.auth-form-panel{scrollbar-width:thin;scrollbar-color:rgba(0,217,255,.3) rgba(0,0,0,.2)}.auth-form-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,#ff6b35,transparent);animation:sideScan 4s ease-in-out infinite}.form-title{font-family:Orbitron,sans-serif;font-size:36px;font-weight:900;letter-spacing:4px;background:linear-gradient(135deg,#00d9ff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.title-underline{width:100px;height:2px;background:linear-gradient(90deg,transparent,#00d9ff,transparent);margin:20px auto 0}.auth-form{display:flex;flex-direction:column;gap:30px}.field-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:2px;color:#00d9ff;text-transform:uppercase;margin-bottom:10px}.field-input{width:100%;padding:15px 20px;background:#00d9ff0d;border:2px solid rgba(0,217,255,.3);color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:500;letter-spacing:1px;outline:none;transition:all .3s ease;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.field-input:focus{background:#00d9ff1a;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff33}.field-border{position:absolute;bottom:0;left:0;height:2px;width:0;background:#ff6b35;transition:width .3s ease}.submit-button{display:flex;align-items:center;justify-content:center;gap:15px;padding:18px;background:linear-gradient(135deg,#00d9ff,#ff6b35);border:none;color:#fff;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.submit-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff6b35,#b537f2);opacity:0;transition:opacity .3s ease}.submit-button:hover{transform:translateY(-3px);box-shadow:0 5px 30px #00d9ff80}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button:disabled:hover{transform:none;box-shadow:none}.form-footer{margin-top:30px;text-align:center;padding-top:30px;border-top:1px solid rgba(0,217,255,.2)}.footer-link{background:none;border:none;color:#00d9ff;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;text-decoration:underline;cursor:pointer;transition:all .3s ease}.footer-link:hover{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.5)}.scanline-overlay{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:50}@media(max-width:1024px){.auth-container{flex-direction:column;align-items:center}.operator-profile{flex:none;width:100%;max-width:500px}.auth-form-panel{width:100%;max-width:600px}}@media(max-width:768px){.back-btn{top:15px;left:15px;padding:10px 15px;font-size:12px}.auth-container{width:95%;padding:20px 0}.operator-profile{gap:20px}.profile-frame{padding:30px 20px}.profile-avatar{width:150px;height:150px}.avatar-icon{font-size:60px}.profile-label{font-size:20px}.auth-form-panel{padding:30px 20px}.form-title{font-size:28px}.form-subtitle{font-size:12px}}.operator-creation{position:relative;width:100vw;height:100vh;background:#0a0a0f;overflow-y:auto;font-family:Rajdhani,sans-serif;color:#fff;padding:80px 20px 40px}.creation-bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,107,53,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,53,.03) 1px,transparent 1px);background-size:40px 40px;animation:gridShift 20s linear infinite;z-index:0}.creation-bg-glow{position:fixed;inset:0;background:radial-gradient(circle at 40% 50%,rgba(181,55,242,.1),transparent 50%),radial-gradient(circle at 60% 50%,rgba(255,107,53,.1),transparent 50%);animation:glowPulse 8s ease-in-out infinite;z-index:0}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:.8}}.back-btn{position:fixed;top:30px;left:30px;z-index:100;display:flex;align-items:center;gap:10px;padding:12px 24px;background:#ff6b351a;border:2px solid rgba(255,107,53,.3);color:#ff6b35;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.back-btn:hover{background:#ff6b3533;border-color:#ff6b35;box-shadow:0 0 20px #ff6b354d;transform:translate(-5px)}.back-icon{font-size:18px}.progress-bar{position:relative;margin:0 auto 40px;display:flex;align-items:center;gap:20px;padding:20px 40px;background:#0a0a0fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(181,55,242,.3);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);width:fit-content}.progress-step{display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.4;transition:opacity .3s ease}.progress-step.completed,.progress-step.active{opacity:1}.step-number{width:40px;height:40px;border:2px solid rgba(181,55,242,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;transition:all .3s ease}.progress-step.completed .step-number{background:#b537f2;border-color:#b537f2;box-shadow:0 0 15px #b537f280}.progress-step.active .step-number{border-color:#ff6b35;color:#ff6b35;animation:stepPulse 2s ease-in-out infinite}@keyframes stepPulse{0%,to{box-shadow:0 0 10px #ff6b3580}50%{box-shadow:0 0 20px #ff6b35cc}}.step-label{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fff9}.progress-step.completed .step-label,.progress-step.active .step-label{color:#fff}.progress-line{width:60px;height:2px;background:#b537f24d;position:relative;overflow:hidden}.progress-fill{position:absolute;inset:0;background:#b537f2;transform:translate(-100%);transition:transform .5s ease}.progress-fill.filled{transform:translate(0)}.creation-container{position:relative;z-index:10;display:flex;gap:40px;width:90%;max-width:1200px;margin:120px auto 0}.avatar-customization{flex:0 0 400px;display:flex;flex-direction:column;gap:20px}.avatar-preview{background:#0a0a0f99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(181,55,242,.3);padding:40px;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);position:relative;overflow:hidden}.preview-avatar{position:relative;width:200px;height:200px;margin:0 auto 30px}.avatar-ring{position:absolute;width:220px;height:220px;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid transparent;border-top-color:#00d9ff;border-radius:50%;animation:ringRotate 10s linear infinite;pointer-events:none}.avatar-ring:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:10px;height:10px;background:#ff6b35;border-radius:50%;box-shadow:0 0 10px #ff6b35}.avatar-inner{position:absolute;inset:0;background:linear-gradient(135deg,#b537f233,#ff6b3533);border:3px solid rgba(181,55,242,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.avatar-icon{font-size:80px;opacity:.6}.profile-scan{position:absolute;left:0;right:0;height:2px;background:#00d9ff;box-shadow:0 0 10px #00d9ff;animation:avatarScan 2s linear infinite}@keyframes avatarScan{0%{top:0;opacity:1}to{top:100%;opacity:0}}.profile-info{text-align:center}.profile-label{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;letter-spacing:3px;color:#00d9ff;margin-bottom:15px}.profile-status{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:500;letter-spacing:1px;color:#ff6b35;text-transform:uppercase}.status-dot{width:8px;height:8px;background:#ff6b35;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.status-online{background:#00ff41!important;box-shadow:0 0 15px #00ff41,0 0 30px #00ff4180;animation:onlinePulse 1.5s ease-in-out infinite}@keyframes onlinePulse{0%,to{opacity:1;box-shadow:0 0 15px #00ff41,0 0 30px #00ff4180;transform:scale(1)}50%{opacity:.7;box-shadow:0 0 10px #00ff41,0 0 20px #00ff414d;transform:scale(.95)}}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 10px #ff6b35}50%{opacity:.5;box-shadow:0 0 5px #ff6b35}}.profile-stats{display:flex;flex-direction:column;gap:15px;background:#0a0a0f99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,107,53,.3);padding:25px;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,217,255,.2)}.stat-item:last-child{border-bottom:none}.stat-label{font-size:14px;font-weight:600;letter-spacing:2px;color:#fff9;text-transform:uppercase}.stat-value{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#ff6b35;text-transform:uppercase}.profile-footer{display:flex;align-items:center;gap:10px;justify-content:center;background:#0a0a0f99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(181,55,242,.3);padding:10px 20px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.badge-icon{font-size:20px}.badge-text{font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#b537f2}.avatar-info{background:#0a0a0f99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,107,53,.3);padding:25px;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);text-align:center}.avatar-title{font-family:Orbitron,sans-serif;font-size:22px;font-weight:700;letter-spacing:3px;color:#ff6b35;margin-bottom:20px}.avatar-stats{display:flex;flex-direction:column;gap:12px}.avatar-stat{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:500;letter-spacing:1px}.stat-icon{font-size:20px}.stat-text{color:#fffc}.avatar-class{background:#0a0a0f99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,217,255,.3);padding:25px;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.class-label{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;color:#00d9ff;margin-bottom:15px;text-align:center}.class-selection{display:flex;flex-direction:column;gap:10px}.class-option{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#00d9ff0d;border:2px solid rgba(0,217,255,.3);color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .3s ease;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.class-option:hover:not(:disabled){background:#00d9ff1a;border-color:#00d9ff;box-shadow:0 0 15px #00d9ff4d}.class-option.active{background:#00d9ff26;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff66}.class-option:disabled{opacity:.3;cursor:not-allowed}.class-icon{font-size:24px}.class-name{text-transform:uppercase}.creation-form-panel{flex:1;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,107,53,.3);padding:50px;clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);position:relative;overflow:hidden;align-self:flex-start}.creation-form-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,#ff6b35,transparent);animation:sideScan 4s ease-in-out infinite}@keyframes sideScan{0%,to{opacity:0}50%{opacity:1}}.form-header{margin-bottom:40px;text-align:center}.form-title{font-family:Orbitron,sans-serif;font-size:36px;font-weight:900;letter-spacing:4px;background:linear-gradient(135deg,#ff6b35,#b537f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.form-subtitle{font-size:14px;font-weight:500;letter-spacing:2px;color:#fff9;text-transform:uppercase}.title-underline{width:100px;height:2px;background:linear-gradient(90deg,transparent,#ff6b35,transparent);margin:20px auto 0}.creation-form{display:flex;flex-direction:column;gap:30px}.form-step{display:flex;flex-direction:column;gap:30px;animation:stepSlideIn .4s ease-out}@keyframes stepSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.field-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:2px;color:#ff6b35;text-transform:uppercase;margin-bottom:10px}.label-icon{font-size:18px}.field-input{width:100%;padding:15px 20px;background:#ff6b350d;border:2px solid rgba(255,107,53,.3);color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:500;letter-spacing:1px;outline:none;transition:all .3s ease;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.field-input:focus{background:#ff6b351a;border-color:#ff6b35;box-shadow:0 0 20px #ff6b3533}.field-border{position:absolute;bottom:0;left:0;height:2px;width:0;background:#b537f2;transition:width .3s ease}.field-input:focus~.field-border{width:100%}.field-hint{margin-top:8px;font-size:12px;color:#fff6;font-style:italic}.password-requirements{margin:20px 0;padding:20px;background:#00d9ff08;border:1px solid rgba(0,217,255,.2);border-radius:8px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.requirement-title{font-size:13px;font-weight:600;color:#00d9ff;margin-bottom:12px;letter-spacing:1px;text-transform:uppercase}.requirement-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:#fff6;transition:all .3s ease}.requirement-item.valid{color:#0f8}.requirement-check{font-size:16px;font-weight:700;color:#ffffff4d;transition:all .3s ease}.requirement-item.valid .requirement-check{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.requirement-text{font-family:Rajdhani,sans-serif;font-weight:500}.username-status{margin-top:12px;padding:12px 16px;background:#00d9ff08;border:1px solid rgba(0,217,255,.2);border-radius:6px;display:flex;align-items:center;gap:10px;font-size:14px;transition:all .3s ease}.username-status.available{background:#00ff880d;border-color:#00ff884d}.username-status.taken{background:#ff6b350d;border-color:#ff6b354d}.username-status .status-icon{font-size:18px;font-weight:700;transition:all .3s ease}.username-status .status-icon.success{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.username-status .status-icon.error{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.5)}.username-status .status-text{font-family:Rajdhani,sans-serif;font-weight:500;color:#fff9;transition:all .3s ease}.username-status .status-text.success{color:#0f8}.username-status .status-text.error{color:#ff6b35}.back-step-btn{align-self:flex-start;padding:10px 20px;background:#00d9ff0d;border:2px solid rgba(0,217,255,.3);color:#00d9ff;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.back-step-btn:hover{background:#00d9ff1a;border-color:#00d9ff;transform:translate(-5px)}.error-alert{display:flex;align-items:center;gap:10px;padding:15px 20px;background:#ff006e1a;border:2px solid #ff006e;border-radius:5px;color:#ff006e;font-size:14px;font-weight:500;animation:errorShake .5s ease}.error-icon{font-size:20px}.submit-button{display:flex;align-items:center;justify-content:center;gap:15px;padding:18px;background:linear-gradient(135deg,#ff6b35,#b537f2);border:none;color:#fff;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.submit-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#b537f2,#00d9ff);opacity:0;transition:opacity .3s ease}.submit-button:hover:before{opacity:1}.submit-button:hover{transform:translateY(-3px);box-shadow:0 5px 30px #ff6b3580}.submit-button:disabled{opacity:.4;cursor:not-allowed;background:#6464644d;border-color:#fff3}.submit-button:disabled:hover{transform:none;box-shadow:none;background:#6464644d}.submit-button span{position:relative;z-index:1}.button-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.button-arrow{font-size:22px;transition:transform .3s ease}.success-step{text-align:center;padding:40px 0}.success-icon-large{width:120px;height:120px;margin:0 auto 30px;background:linear-gradient(135deg,#0f8,#00d9ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:70px;font-weight:700;color:#0a0a0f;animation:successPop .6s ease-out;box-shadow:0 0 40px #0f89}.success-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:#0f8;margin-bottom:20px;text-shadow:0 0 20px rgba(0,255,136,.5)}.success-message{font-size:16px;color:#ffffffe6;margin-bottom:15px;line-height:1.6}.success-message strong{color:#00d9ff;font-weight:600}.success-hint{font-size:14px;color:#fff9;margin-bottom:25px;line-height:1.6}.success-note{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 25px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:8px;margin:25px 0;font-size:14px;color:#00d9ff}.note-icon{font-size:20px}.back-to-login-btn{padding:15px 40px;background:linear-gradient(135deg,#00d9ff,#b537f2);border:none;border-radius:8px;color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;box-shadow:0 4px 15px #00d9ff4d;margin-top:20px}.back-to-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00d9ff80}.form-footer{margin-top:30px;text-align:center;padding-top:30px;border-top:1px solid rgba(255,107,53,.2)}.footer-text{font-size:14px;color:#fff9;margin-bottom:10px}.footer-link{background:none;border:none;color:#ff6b35;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;text-decoration:underline;cursor:pointer;transition:all .3s ease}.scanline-overlay{position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:50}@media(max-width:1024px){.operator-creation{padding:150px 20px 40px}.progress-bar{top:80px;left:20px;right:20px;transform:none;padding:15px 20px}.creation-container{flex-direction:column;align-items:center}.avatar-customization{flex:none;width:100%;max-width:500px}.creation-form-panel{width:100%;max-width:600px}}@media(max-width:768px){.back-btn{top:15px;left:15px;padding:10px 15px;font-size:12px}.progress-bar{top:70px;gap:10px;padding:12px 15px}.step-number{width:35px;height:35px;font-size:16px}.step-label{font-size:10px}.progress-line{width:40px}.operator-creation{padding:140px 15px 30px}.creation-container{width:100%}.avatar-preview{padding:30px 20px}.preview-ring{width:180px;height:180px;margin-top:-90px;margin-left:-90px}.preview-avatar{width:150px;height:150px}.avatar-icon{font-size:60px}.creation-form-panel{padding:30px 20px}.form-title{font-size:28px}.form-subtitle{font-size:12px}}.forgot-password-page{position:relative;width:100vw;height:100vh;background:#0a0a0f;overflow:hidden;font-family:Rajdhani,sans-serif;color:#fff;display:flex;align-items:center;justify-content:center}.city-background{position:absolute;inset:0;overflow:hidden;opacity:.3}.city-layer{position:absolute;bottom:0;width:200%;height:60%;background-size:contain;background-repeat:repeat-x;background-position:bottom}.city-layer.layer-1{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 300"><rect x="0" y="200" width="80" height="100" fill="%23ff6b35" opacity="0.1"/><rect x="100" y="150" width="60" height="150" fill="%2300d9ff" opacity="0.1"/><rect x="180" y="180" width="90" height="120" fill="%23b537f2" opacity="0.1"/></svg>');animation:cityMove1 40s linear infinite;z-index:1}.city-layer.layer-2{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 300"><rect x="50" y="220" width="70" height="80" fill="%23ff6b35" opacity="0.15"/><rect x="140" y="190" width="50" height="110" fill="%2300d9ff" opacity="0.15"/></svg>');animation:cityMove2 30s linear infinite;z-index:2}.city-layer.layer-3{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 300"><rect x="20" y="240" width="60" height="60" fill="%23ff6b35" opacity="0.2"/><rect x="100" y="210" width="80" height="90" fill="%2300d9ff" opacity="0.2"/></svg>');animation:cityMove3 20s linear infinite;z-index:3}@keyframes cityMove1{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes cityMove2{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes cityMove3{0%{transform:translate(0)}to{transform:translate(-50%)}}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;z-index:1}.hud-corners{position:absolute;inset:0;pointer-events:none;z-index:100}.corner{position:absolute;width:60px;height:60px;border:3px solid #ff6b35}.corner-tl{top:20px;left:20px;border-right:none;border-bottom:none;clip-path:polygon(0 15px,3px 15px,3px 3px,15px 3px,15px 0,0 0)}.corner-tr{top:20px;right:20px;border-left:none;border-bottom:none;clip-path:polygon(calc(100% - 15px) 0,100% 0,100% 15px,calc(100% - 3px) 15px,calc(100% - 3px) 3px,calc(100% - 15px) 3px)}.corner-bl{bottom:20px;left:20px;border-right:none;border-top:none;clip-path:polygon(0 calc(100% - 15px),0 100%,15px 100%,15px calc(100% - 3px),3px calc(100% - 3px),3px calc(100% - 15px))}.corner-br{bottom:20px;right:20px;border-left:none;border-top:none;clip-path:polygon(calc(100% - 15px) 100%,100% 100%,100% calc(100% - 15px),calc(100% - 3px) calc(100% - 15px),calc(100% - 3px) calc(100% - 3px),calc(100% - 15px) calc(100% - 3px))}.back-button{position:absolute;top:30px;left:30px;z-index:101;display:flex;align-items:center;gap:10px;padding:12px 24px;background:#00d9ff1a;border:2px solid rgba(0,217,255,.3);color:#00d9ff;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.back-button:hover{background:#00d9ff33;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d;transform:translate(-5px)}.back-arrow{font-size:18px}.forgot-password-container{position:relative;z-index:10;display:flex;gap:40px;width:90%;max-width:1200px;margin:0 auto}.info-panel{flex:0 0 400px;background:#0a0a0fcc;border:2px solid rgba(181,55,242,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 30px;position:relative;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.info-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(181,55,242,.1),transparent);pointer-events:none;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.panel-header{text-align:center;margin-bottom:30px}.glitch-icon{font-size:64px;margin-bottom:15px;animation:glitch 2s infinite}@keyframes glitch{0%,90%,to{transform:translate(0)}30%{transform:translate(-2px,2px)}60%{transform:translate(2px,-2px)}}.panel-title{font-family:Orbitron,monospace;font-size:24px;font-weight:700;background:linear-gradient(135deg,#b537f2,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;margin:0}.panel-content{display:flex;flex-direction:column;gap:25px;margin-bottom:30px}.info-item{display:flex;gap:15px;align-items:flex-start}.info-icon{font-size:20px;flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.info-text{flex:1}.info-heading{font-family:Rajdhani,sans-serif;font-size:18px;font-weight:600;color:#b537f2;margin:0 0 8px;letter-spacing:1px}.info-description{font-size:14px;color:#ffffffb3;line-height:1.6;margin:0}.panel-footer{text-align:center;padding-top:20px;border-top:1px solid rgba(181,55,242,.2)}.security-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:20px;font-size:12px;color:#00d9ff;letter-spacing:1px}.form-panel{flex:1;background:#0a0a0fcc;border:2px solid rgba(0,217,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:50px 40px;position:relative;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.form-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,217,255,.05),transparent);pointer-events:none;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.form-header{text-align:center;margin-bottom:40px}.form-title{font-family:Orbitron,monospace;font-size:32px;font-weight:700;background:linear-gradient(135deg,#00d9ff,#b537f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:3px;margin:0 0 12px;text-transform:uppercase}.form-subtitle{font-size:15px;color:#fff9;margin:0;line-height:1.6}.title-underline{width:80px;height:3px;background:linear-gradient(90deg,transparent,#00d9ff,transparent);margin:15px auto 0}.forgot-password-form{display:flex;flex-direction:column;gap:30px}.form-field{position:relative}.field-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#00d9ff;margin-bottom:10px;letter-spacing:1px;text-transform:uppercase}.label-icon{font-size:16px}.field-input{width:100%;padding:14px 18px;background:#0006;border:2px solid rgba(0,217,255,.3);color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;outline:none;transition:all .3s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.field-input:focus{border-color:#00d9ff;background:#00d9ff0d;box-shadow:0 0 15px #00d9ff33}.field-input::placeholder{color:#ffffff4d}.field-input:disabled{opacity:.5;cursor:not-allowed}.field-border{height:2px;background:linear-gradient(90deg,transparent,#00d9ff,transparent);margin-top:-2px;opacity:0;transition:opacity .3s ease}.field-input:focus+.field-border{opacity:1}.submit-button{padding:16px 32px;background:linear-gradient(135deg,#00d9ff,#b537f2);border:none;color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);display:flex;align-items:center;justify-content:center;gap:10px}.submit-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.submit-button:hover:before{transform:translate(100%)}.submit-button:hover{box-shadow:0 0 30px #00d9ff80;transform:translateY(-2px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.submit-button.loading{pointer-events:none}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.button-arrow{font-size:18px;transition:transform .3s ease}.submit-button:hover .button-arrow{transform:translate(5px)}.success-message{text-align:center;padding:40px 20px}.success-icon{font-size:72px;margin-bottom:20px;animation:successPop .6s ease-out}.success-text{font-size:16px;color:#fffc;line-height:1.8;margin:0 0 30px}.return-button{padding:14px 28px;background:#00d9ff1a;border:2px solid rgba(0,217,255,.4);color:#00d9ff;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);display:inline-flex;align-items:center;gap:10px}.return-button:hover{background:#00d9ff33;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d}.return-button .button-arrow{transition:transform .3s ease}.return-button:hover .button-arrow{transform:translate(-5px)}.form-footer{text-align:center;margin-top:30px;padding-top:25px;border-top:1px solid rgba(0,217,255,.2)}.footer-text{font-size:14px;color:#ffffff80;margin:0 0 10px}.footer-link{background:none;border:none;color:#00d9ff;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:600;letter-spacing:1px;cursor:pointer;text-decoration:underline;transition:all .3s ease}.footer-link:hover{color:#b537f2;text-shadow:0 0 10px rgba(181,55,242,.5)}.scanline-overlay{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000;opacity:.3}@media(max-width:1024px){.forgot-password-container{flex-direction:column;max-width:600px}.info-panel{flex:none;width:100%}.form-panel{width:100%}}@media(max-width:768px){.back-button{padding:10px 16px;font-size:12px;top:15px;left:15px}.forgot-password-container{width:95%;padding:80px 0 20px}.info-panel,.form-panel{padding:30px 20px}.form-title{font-size:24px}.panel-title{font-size:20px}.glitch-icon{font-size:48px}.corner{width:40px;height:40px}}.verify-email{position:relative;width:100vw;height:100vh;background:#0a0a0f;overflow:hidden;font-family:Rajdhani,sans-serif;color:#fff;display:flex;align-items:center;justify-content:center}.verify-bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.03) 1px,transparent 1px);background-size:40px 40px;animation:gridShift 20s linear infinite;z-index:0}@keyframes gridShift{0%{background-position:0 0}to{background-position:40px 40px}}.verify-bg-glow{position:fixed;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,217,255,.15),transparent 50%);animation:glowPulse 4s ease-in-out infinite;z-index:0}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.verify-container{position:relative;z-index:1;max-width:500px;padding:60px 40px;background:#0a0a0fe6;border:2px solid rgba(0,217,255,.3);border-radius:16px;text-align:center;box-shadow:0 0 50px #00d9ff33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.verify-icon{margin-bottom:30px}.spinner{position:relative;width:100px;height:100px;margin:0 auto}.spinner-ring{position:absolute;inset:0;border:4px solid transparent;border-top-color:#00d9ff;border-right-color:#b537f2;border-radius:50%}.spinner-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:40px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.success-icon{width:100px;height:100px;margin:0 auto;background:linear-gradient(135deg,#0f8,#00d9ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:60px;font-weight:700;color:#0a0a0f;animation:successPop .6s ease-out;box-shadow:0 0 30px #0f89}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.error-icon{width:100px;height:100px;margin:0 auto;background:linear-gradient(135deg,#ff6b35,#f05);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:60px;font-weight:700;color:#0a0a0f;animation:errorShake .6s ease-out;box-shadow:0 0 30px #ff6b3599}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.verify-title{font-family:Orbitron,sans-serif;font-size:32px;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#00d9ff,#b537f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.verify-message{font-size:16px;color:#ffffffb3;line-height:1.6;margin-bottom:30px}.verify-actions{display:flex;flex-direction:column;gap:15px;margin-top:30px}.verify-btn{padding:15px 30px;background:linear-gradient(135deg,#00d9ff,#b537f2);border:none;border-radius:8px;color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;box-shadow:0 4px 15px #00d9ff4d}.verify-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff80}.verify-btn.secondary{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);box-shadow:none}.verify-btn.secondary:hover{background:#ffffff26;border-color:#ffffff80}.success-animation{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.pulse-ring{position:absolute;width:100px;height:100px;border:3px solid #00ff88;border-radius:50%;animation:pulseOut 2s ease-out infinite;opacity:0}.pulse-ring.delay-1{animation-delay:.6s}.pulse-ring.delay-2{animation-delay:1.2s}@keyframes pulseOut{0%{transform:scale(.8);opacity:1}to{transform:scale(3);opacity:0}}.scanline-overlay{position:fixed;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,217,255,.02) 50%);background-size:100% 4px;pointer-events:none;animation:scanline 8s linear infinite;z-index:10}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@media(max-width:768px){.verify-container{max-width:90%;padding:40px 30px}.verify-title{font-size:24px}.verify-message{font-size:14px}.spinner,.success-icon,.error-icon{width:80px;height:80px}.spinner-core{font-size:32px}.success-icon,.error-icon{font-size:48px}}.title-gold{position:relative;background:linear-gradient(135deg,gold,#ffed4e,#ffc107,#ffed4e,gold);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:goldShine 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,215,0,.9)) drop-shadow(0 0 20px rgba(255,215,0,.6));font-weight:700}.title-gold:before,.title-gold:after{content:"✨";position:absolute;font-size:12px;animation:sparkle 1.5s infinite;-webkit-text-fill-color:gold}.title-gold:before{top:-8px;left:-10px;animation-delay:0s}.title-gold:after{bottom:-8px;right:-10px;animation-delay:.75s}@keyframes goldShine{0%,to{background-position:0% center;filter:drop-shadow(0 0 10px rgba(255,215,0,.9)) drop-shadow(0 0 20px rgba(255,215,0,.6))}50%{background-position:100% center;filter:drop-shadow(0 0 15px rgba(255,215,0,1)) drop-shadow(0 0 30px rgba(255,215,0,.8)) drop-shadow(0 0 40px rgba(255,215,0,.4))}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}}.title-neon{position:relative;color:#00d9ff;text-shadow:0 0 5px #00d9ff,0 0 10px #00d9ff,0 0 20px #00d9ff,0 0 40px #00d9ff,0 0 80px #00d9ff;animation:neonPulse 1.5s ease-in-out infinite;font-weight:700}.title-neon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:150%;background:radial-gradient(ellipse,rgba(0,217,255,.3) 0%,transparent 70%);animation:neonGlow 2s ease-in-out infinite;z-index:-1}@keyframes neonPulse{0%,to{text-shadow:0 0 5px #00d9ff,0 0 10px #00d9ff,0 0 20px #00d9ff,0 0 40px #00d9ff,0 0 80px #00d9ff;filter:brightness(1)}50%{text-shadow:0 0 10px #00d9ff,0 0 20px #00d9ff,0 0 30px #00d9ff,0 0 50px #00d9ff,0 0 100px #00d9ff,0 0 150px #00d9ff;filter:brightness(1.3)}}@keyframes neonGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.title-ice{position:relative;color:#87ceeb;text-shadow:0 0 5px #b0e0e6,0 0 10px #add8e6,0 0 15px #87ceeb,0 0 20px #4682b4,2px 2px 3px rgba(255,255,255,.8);animation:iceSpark 2s ease-in-out infinite;font-weight:700}.title-ice:before,.title-ice:after{content:"❄️";position:absolute;font-size:14px;animation:snowfall 3s ease-in infinite}.title-ice:before{top:-20px;left:10%;animation-delay:0s}.title-ice:after{top:-20px;right:10%;animation-delay:1.5s}@keyframes iceSpark{0%,to{filter:brightness(1) drop-shadow(0 0 5px #87ceeb);text-shadow:0 0 5px #b0e0e6,0 0 10px #add8e6,0 0 15px #87ceeb,0 0 20px #4682b4,2px 2px 3px rgba(255,255,255,.8)}50%{filter:brightness(1.4) drop-shadow(0 0 15px #add8e6);text-shadow:0 0 10px #b0e0e6,0 0 20px #add8e6,0 0 30px #87ceeb,0 0 40px #4682b4,3px 3px 5px rgba(255,255,255,1)}}@keyframes snowfall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(40px) rotate(360deg);opacity:0}}.title-matrix{position:relative;color:#0f0;text-shadow:0 0 5px #00ff00,0 0 10px #00ff00,0 0 15px #00ff00;animation:matrixGlitch 4s steps(4) infinite;font-family:Courier New,monospace;font-weight:700}.title-matrix:before{content:"01101001";position:absolute;top:-20px;left:0;font-size:8px;color:#0f0;opacity:.6;animation:codeRain 2s linear infinite}.title-matrix:after{content:"11010010";position:absolute;bottom:-20px;right:0;font-size:8px;color:#0f0;opacity:.6;animation:codeRain 2.5s linear infinite reverse}@keyframes matrixGlitch{0%,90%,to{transform:translate(0);text-shadow:0 0 5px #00ff00,0 0 10px #00ff00,0 0 15px #00ff00}91%{transform:translate(-3px);text-shadow:-3px 0 5px #00ff00,3px 0 5px #ff0000}93%{transform:translate(3px);text-shadow:3px 0 5px #00ff00,-3px 0 5px #0000ff}95%{transform:translate(-1px);text-shadow:0 0 5px #00ff00,0 0 10px #00ff00}}@keyframes codeRain{0%{opacity:0;transform:translateY(-10px)}50%{opacity:.6}to{opacity:0;transform:translateY(10px)}}.title-glitch{position:relative;color:#f0f;animation:glitchEffect 3s infinite;font-weight:700}.title-glitch:before,.title-glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%}.title-glitch:before{left:2px;text-shadow:-2px 0 #00ffff;clip:rect(24px,550px,90px,0);animation:glitchBefore 3s infinite linear alternate-reverse}.title-glitch:after{left:-2px;text-shadow:2px 0 #ff00ff;clip:rect(85px,550px,140px,0);animation:glitchAfter 2.5s infinite linear alternate-reverse}@keyframes glitchEffect{0%,90%,to{text-shadow:2px 0 #00ffff,-2px 0 #ff00ff;transform:translate(0)}92%{text-shadow:5px 0 #00ffff,-5px 0 #ff00ff,0 0 10px #ff00ff;transform:translate(-5px,2px)}94%{text-shadow:-5px 0 #00ffff,5px 0 #ff00ff,0 0 10px #00ffff;transform:translate(5px,-2px)}96%{text-shadow:2px 0 #00ffff,-2px 0 #ff00ff;transform:translate(0)}}@keyframes glitchBefore{0%{clip:rect(24px,9999px,90px,0)}10%{clip:rect(43px,9999px,56px,0)}20%{clip:rect(12px,9999px,78px,0)}30%{clip:rect(67px,9999px,34px,0)}40%{clip:rect(89px,9999px,23px,0)}50%{clip:rect(34px,9999px,67px,0)}60%{clip:rect(56px,9999px,89px,0)}70%{clip:rect(78px,9999px,45px,0)}80%{clip:rect(23px,9999px,90px,0)}90%{clip:rect(45px,9999px,67px,0)}to{clip:rect(67px,9999px,34px,0)}}@keyframes glitchAfter{0%{clip:rect(85px,9999px,140px,0)}10%{clip:rect(12px,9999px,98px,0)}20%{clip:rect(56px,9999px,23px,0)}30%{clip:rect(34px,9999px,78px,0)}40%{clip:rect(90px,9999px,45px,0)}50%{clip:rect(23px,9999px,89px,0)}60%{clip:rect(67px,9999px,34px,0)}70%{clip:rect(45px,9999px,67px,0)}80%{clip:rect(78px,9999px,12px,0)}90%{clip:rect(34px,9999px,90px,0)}to{clip:rect(56px,9999px,45px,0)}}.title-quantum{position:relative;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#764ba2,#667eea);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:quantumWave 4s ease infinite;font-weight:700}.title-quantum:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:200%;background:radial-gradient(ellipse,rgba(102,126,234,.4) 0%,transparent 60%);animation:quantumPulse 3s ease-in-out infinite;z-index:-1}@keyframes quantumWave{0%,to{background-position:0% 50%;filter:drop-shadow(0 0 10px rgba(102,126,234,.7)) blur(0px) hue-rotate(0deg)}25%{background-position:50% 100%;filter:drop-shadow(0 0 15px rgba(118,75,162,.9)) blur(.5px) hue-rotate(30deg)}50%{background-position:100% 50%;filter:drop-shadow(0 0 20px rgba(240,147,251,1)) blur(1px) hue-rotate(60deg)}75%{background-position:50% 0%;filter:drop-shadow(0 0 15px rgba(118,75,162,.9)) blur(.5px) hue-rotate(30deg)}}@keyframes quantumPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.6}}.title-holo{position:relative;background:linear-gradient(45deg,#f0f,#0ff,#ff0,#0f0,#0ff,#f0f);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:holoShift 5s ease infinite;font-weight:700}.title-holo:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);animation:scanLine 3s linear infinite}.title-holo:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130%;height:180%;background:repeating-linear-gradient(0deg,rgba(255,0,255,.1) 0px,transparent 2px,transparent 4px,rgba(0,255,255,.1) 6px);animation:holoFlicker .2s infinite;z-index:-1;pointer-events:none}@keyframes holoShift{0%{background-position:0% 50%;filter:drop-shadow(0 0 8px rgba(255,0,255,.6)) brightness(1)}20%{background-position:40% 80%;filter:drop-shadow(0 0 12px rgba(0,255,255,.7)) brightness(1.1)}40%{background-position:80% 100%;filter:drop-shadow(0 0 10px rgba(255,255,0,.6)) brightness(1.05)}60%{background-position:100% 60%;filter:drop-shadow(0 0 12px rgba(0,255,0,.7)) brightness(1.1)}80%{background-position:60% 20%;filter:drop-shadow(0 0 12px rgba(0,255,255,.7)) brightness(1.1)}to{background-position:0% 50%;filter:drop-shadow(0 0 8px rgba(255,0,255,.6)) brightness(1)}}@keyframes scanLine{0%{top:-5px}to{top:105%}}@keyframes holoFlicker{0%,to{opacity:.8}50%{opacity:1}}.profile-username-with-title{display:inline-block;position:relative}.title-firewall{position:relative;color:#f33;text-shadow:0 0 5px #ff0000,0 0 10px #ff3333,0 0 20px #ff3333,0 0 30px #ff0000;animation:firewallBreach 2s ease-in-out infinite;font-weight:700}@keyframes firewallBreach{0%,95%,to{text-shadow:0 0 5px #ff0000,0 0 10px #ff3333,0 0 20px #ff3333,0 0 30px #ff0000}97%{text-shadow:0 0 20px #ff0000,0 0 40px #ff3333,0 0 60px #ff0000,-5px 0 10px #ff3333,5px 0 10px #ff3333}}.title-scanner{position:relative;color:#39f;text-shadow:0 0 5px #0066ff,0 0 10px #3399ff;animation:scanPulse 3s linear infinite;font-weight:700}.title-scanner:before{content:"";position:absolute;top:0;left:-10%;width:120%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(51,153,255,.6) 50%,transparent 100%);animation:scanSweep 3s linear infinite;pointer-events:none}@keyframes scanPulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes scanSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.title-ghost{position:relative;color:#a0a0ff;opacity:.9;text-shadow:0 0 10px #8080ff,0 0 20px #a0a0ff,0 0 30px #8080ff;animation:ghostFlicker .15s infinite alternate,ghostFade 4s ease-in-out infinite;font-weight:700}@keyframes ghostFlicker{0%{opacity:.85}to{opacity:.95}}@keyframes ghostFade{0%,to{transform:translate(0);opacity:.9}50%{transform:translate(2px);opacity:.7}}.title-code{position:relative;color:#00ff41;text-shadow:0 0 5px #00ff41,0 0 10px #00ff41,0 0 20px #00cc33;animation:codeInject .1s steps(2) infinite;font-weight:700}@keyframes codeInject{0%{text-shadow:0 0 5px #00ff41,0 0 10px #00ff41,0 0 20px #00cc33}50%{text-shadow:0 0 10px #00ff41,0 0 20px #00ff41,0 0 30px #00cc33,1px 1px 2px #00ff41}}.title-encrypted{position:relative;background:linear-gradient(135deg,#f0f,#0ff,#f0f);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:encryptShift 3s ease-in-out infinite;font-weight:700;filter:drop-shadow(0 0 8px rgba(255,0,255,.6))}@keyframes encryptShift{0%,to{background-position:0% 50%;filter:drop-shadow(0 0 8px rgba(255,0,255,.6)) blur(.3px)}25%{background-position:100% 50%;filter:drop-shadow(0 0 12px rgba(0,255,255,.6)) blur(0px)}50%{background-position:0% 50%;filter:drop-shadow(0 0 10px rgba(255,0,255,.6)) blur(.5px)}75%{background-position:100% 50%;filter:drop-shadow(0 0 12px rgba(0,255,255,.6)) blur(0px)}}.title-sniffer{position:relative;color:#0ff;text-shadow:0 0 5px #00ffff,0 0 10px #00ffff,0 0 20px #00aaaa;animation:snifferCapture 1.5s ease-in-out infinite;font-weight:700}.title-sniffer:after{content:"📡";position:absolute;right:-25px;top:-5px;font-size:14px;animation:snifferPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 5px #00ffff)}@keyframes snifferCapture{0%,to{text-shadow:0 0 5px #00ffff,0 0 10px #00ffff,0 0 20px #00aaaa}50%{text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #00aaaa,0 0 40px #00ffff}}@keyframes snifferPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.title-admin{position:relative;color:#4d94ff;text-shadow:0 0 5px #0066ff,0 0 10px #4d94ff,0 0 20px #0066ff,0 0 30px #4d94ff;animation:adminAccess 2s ease-in-out infinite;font-weight:700}.title-admin:before{content:"⚡";position:absolute;left:-20px;top:-2px;font-size:14px;animation:adminBolt 2s ease-in-out infinite;filter:drop-shadow(0 0 8px #4d94ff)}@keyframes adminAccess{0%,to{text-shadow:0 0 5px #0066ff,0 0 10px #4d94ff,0 0 20px #0066ff,0 0 30px #4d94ff;filter:brightness(1)}50%{text-shadow:0 0 10px #0066ff,0 0 20px #4d94ff,0 0 30px #0066ff,0 0 40px #4d94ff,0 0 50px #0066ff;filter:brightness(1.2)}}@keyframes adminBolt{0%,to{opacity:.7;transform:rotate(-10deg)}50%{opacity:1;transform:rotate(10deg)}}.title-zeroday{position:relative;color:#c00;text-shadow:0 0 5px #ff0000,0 0 10px #cc0000,0 0 20px #990000;animation:exploitCritical .4s ease-in-out infinite;font-weight:700}@keyframes exploitCritical{0%,90%,to{text-shadow:0 0 5px #ff0000,0 0 10px #cc0000,0 0 20px #990000;transform:translate(0)}95%{text-shadow:0 0 15px #ff0000,0 0 25px #cc0000,0 0 35px #990000,-3px 0 10px #ff0000,3px 0 10px #ff0000;transform:translate(1px)}}.title-rootkit{position:relative;color:#93f;text-shadow:0 0 5px #7700cc,0 0 10px #9933ff,0 0 20px #6600aa;animation:rootkitStealth 5s ease-in-out infinite;font-weight:700}@keyframes rootkitStealth{0%,to{opacity:1;text-shadow:0 0 5px #7700cc,0 0 10px #9933ff,0 0 20px #6600aa}50%{opacity:.6;text-shadow:0 0 2px #7700cc,0 0 5px #9933ff}}.title-neural{position:relative;background:linear-gradient(135deg,#f09,#f3c,#f09,#c06,#f09);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:neuralPulse 2s ease-in-out infinite;font-weight:700;filter:drop-shadow(0 0 10px rgba(255,0,153,.8))}.title-neural:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:200%;background:radial-gradient(ellipse,rgba(255,0,153,.3) 0%,transparent 70%);animation:synapsePulse 1.5s ease-in-out infinite;z-index:-1}@keyframes neuralPulse{0%,to{background-position:0% 50%;filter:drop-shadow(0 0 10px rgba(255,0,153,.8))}50%{background-position:100% 50%;filter:drop-shadow(0 0 20px rgba(255,0,153,1)) drop-shadow(0 0 30px rgba(255,51,204,.6))}}@keyframes synapsePulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}.crypto-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.crypto-modal{background:linear-gradient(145deg,#0d1127,#1a1f3a);border:2px solid var(--cyber-cyan);border-radius:20px;padding:30px;max-width:950px;width:95%;position:relative;box-shadow:0 0 50px #0ff6,0 0 100px #0ff3,inset 0 0 40px #00ffff14;animation:modalSlideIn .4s cubic-bezier(.68,-.55,.265,1.55)}.crypto-modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;color:var(--cyber-cyan);font-size:28px;cursor:pointer;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.crypto-modal-close:hover{background:#00ffff1a;transform:rotate(90deg)}.crypto-modal-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(0,255,255,.2)}.crypto-modal-header .crypto-coin-icon{font-size:48px;display:block;margin-bottom:15px;animation:cryptoCoinFloat 3s ease-in-out infinite}.crypto-modal-header h2{color:var(--cyber-cyan);font-size:24px;margin:0 0 10px;text-shadow:0 0 10px rgba(0,255,255,.5)}.crypto-credits-info{color:#a0aec0;font-size:16px;margin:0}.crypto-modal-content{min-height:unset}.crypto-payment{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:start}.crypto-payment-left{display:flex;flex-direction:column;gap:20px}.crypto-payment-right{display:flex;flex-direction:column;gap:18px}.crypto-info-header{text-align:center;margin:0}.crypto-badge{display:inline-block;padding:6px 28px;background:linear-gradient(135deg,#f7931a,#ff9f1c);color:#0a0e27;border-radius:16px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 20px #f7931a4d}.crypto-step{animation:fadeInUp .5s ease}.crypto-loading{text-align:center;padding:60px 20px}.loading-spinner{width:60px;height:60px;border:4px solid rgba(0,255,255,.1);border-top:4px solid var(--cyber-cyan);border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}.crypto-currency-selector{margin-bottom:25px}.crypto-currency-selector label{display:block;color:var(--cyber-cyan);font-size:14px;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.currency-options{display:flex;gap:10px;flex-wrap:wrap}.currency-btn{flex:1;min-width:80px;padding:12px 20px;background:#00ffff0d;border:1px solid rgba(0,255,255,.3);border-radius:8px;color:var(--cyber-cyan);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.currency-btn:hover{background:#00ffff1a;border-color:var(--cyber-cyan);transform:translateY(-2px)}.currency-btn.active{background:var(--cyber-cyan);color:#0a0e27;border-color:var(--cyber-cyan);box-shadow:0 0 15px #00ffff80}.crypto-qr-section{display:flex;justify-content:center;margin:0;padding:20px;background:linear-gradient(135deg,#00ffff0d,#00d9ff14);border-radius:16px;border:2px solid rgba(0,255,255,.2);position:relative;overflow:hidden}.crypto-qr-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(0,255,255,.05) 50%,transparent 70%);animation:qrShimmer 3s linear infinite}.crypto-qr-section canvas{border-radius:12px;box-shadow:0 0 30px #00ffff4d,0 0 60px #00ffff26;position:relative;z-index:1}@keyframes qrShimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.crypto-address-section{margin:0}.crypto-address-section label{display:block;color:var(--cyber-cyan);font-size:12px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.crypto-amount-box{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#00ffff0d;border:1px solid rgba(0,255,255,.3);border-radius:8px;margin-bottom:15px}.crypto-amount-box .amount{color:var(--cyber-cyan);font-size:20px;font-weight:700;text-shadow:0 0 10px rgba(0,255,255,.5)}.crypto-amount-box .currency{color:#a0aec0;font-size:16px;text-transform:uppercase}.crypto-address-box{display:flex;align-items:center;gap:12px;padding:12px 15px;background:linear-gradient(135deg,#00ffff14,#00d9ff0d);border:2px solid rgba(0,255,255,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;margin-bottom:15px;position:relative;overflow:hidden}.crypto-address-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:left .5s ease}.crypto-address-box:hover:before{left:100%}.crypto-address-box:hover{background:linear-gradient(135deg,#00ffff26,#00d9ff1a);border-color:var(--cyber-cyan);box-shadow:0 0 20px #00ffff4d;transform:translateY(-2px)}.crypto-address-box .address{flex:1;color:#e0e7ff;font-size:12px;font-family:Courier New,monospace;word-break:break-all}.copy-btn{background:transparent;border:none;font-size:20px;cursor:pointer;padding:5px;transition:transform .2s ease}.copy-btn:hover{transform:scale(1.2)}.crypto-timer{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 15px;background:linear-gradient(135deg,#ffa50026,#f7931a1a);border:2px solid rgba(247,147,26,.4);border-radius:12px;margin:0;position:relative;overflow:hidden}.crypto-timer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,165,0,.2),transparent);animation:timerPulse 2s ease-in-out infinite}.timer-icon{font-size:24px;animation:timerTick 1s step-end infinite;z-index:1}.timer-text{color:orange;font-weight:700;font-size:16px;text-shadow:0 0 10px rgba(255,165,0,.5);letter-spacing:.5px;z-index:1}@keyframes timerPulse{0%{left:-100%}to{left:200%}}@keyframes timerTick{0%,50%{opacity:1}51%,to{opacity:.6}}.crypto-info{margin:0;padding:12px;background:#00ffff08;border-radius:8px;border-left:3px solid var(--cyber-cyan)}.crypto-info p{color:#a0aec0;font-size:11px;margin:6px 0;line-height:1.4}.crypto-confirming{text-align:center;padding:40px 20px}.confirmation-icon{font-size:72px;margin-bottom:20px;animation:spin 2s linear infinite}.crypto-confirming h3{color:var(--cyber-cyan);font-size:24px;margin:20px 0 10px;text-shadow:0 0 10px rgba(0,255,255,.5)}.crypto-confirming p{color:#a0aec0;margin:10px 0}.confirmations-progress{margin:30px 0}.confirmation-bar{width:100%;height:12px;background:#00ffff1a;border-radius:6px;overflow:hidden;margin-bottom:10px}.confirmation-fill{height:100%;background:linear-gradient(90deg,var(--cyber-cyan),#00ff88);transition:width .5s ease;box-shadow:0 0 15px #00ffff80}.confirmation-count{color:var(--cyber-cyan);font-weight:600;font-size:16px}.confirmation-note{margin-top:20px;font-size:12px;color:#718096}.crypto-success{text-align:center;padding:40px 20px}.success-icon{font-size:72px;margin-bottom:20px;animation:successPop .6s ease}.crypto-success h3{color:#0f8;font-size:24px;margin:20px 0 10px;text-shadow:0 0 10px rgba(0,255,136,.5)}.crypto-success p{color:#a0aec0;margin:10px 0 30px}.success-credits{display:flex;align-items:center;justify-content:center;gap:15px;padding:20px;background:#00ff881a;border:2px solid rgba(0,255,136,.3);border-radius:12px;margin-top:20px}.success-credits .credit-coin-icon{font-size:42px;animation:cryptoCoinFloat 2s ease-in-out infinite}.success-credits .credit-amount{color:#0f8;font-size:32px;font-weight:700;text-shadow:0 0 15px rgba(0,255,136,.5)}.crypto-error{text-align:center;padding:40px 20px}.error-icon{font-size:72px;margin-bottom:20px}.crypto-error h3{color:#f44;font-size:24px;margin:20px 0 10px}.crypto-error p{color:#a0aec0;margin:10px 0 30px}.retry-btn{padding:12px 30px;background:var(--cyber-cyan);color:#0a0e27;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #00ffff80}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cryptoCoinFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-5px) rotate(-5deg)}}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:900px){.crypto-payment{grid-template-columns:1fr;gap:20px}.crypto-payment-left{order:2}.crypto-payment-right{order:1}}@media(max-width:600px){.crypto-modal{padding:20px;width:95%}.crypto-modal-header h2{font-size:20px}.crypto-modal-header .crypto-coin-icon{font-size:36px}.currency-btn{min-width:70px;padding:10px 15px;font-size:12px}.crypto-amount-box .amount{font-size:18px}.crypto-address-box .address{font-size:10px}.crypto-qr-section canvas{width:160px!important;height:160px!important}}.shop-dashboard-wrapper{display:flex;flex-direction:column;gap:15px;width:100%;height:100%;animation:shopSlide .5s ease}.shop-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#000000b3,#00000080);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 25px;border:2px solid rgba(0,217,255,.3);border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 0 20px #00d9ff0d}.shop-main-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;background:linear-gradient(135deg,#00d9ff,#00a8cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:3px;margin:0}.user-balance{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);padding:12px 20px;border:2px solid #00d9ff;border-radius:10px;box-shadow:0 0 30px #00d9ff4d}.balance-icon{font-size:24px}.balance-amount{font-family:Orbitron,sans-serif;font-size:24px;font-weight:900;color:#00d9ff;text-shadow:0 0 15px rgba(0,217,255,.5)}.balance-label{font-family:Rajdhani,sans-serif;font-size:14px;color:#8892b0;text-transform:uppercase}.shop-tabs-nav{display:flex;gap:12px;background:linear-gradient(135deg,#0009,#0006);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px;border:2px solid rgba(0,217,255,.3);border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 0 20px #00d9ff0d}.shop-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#0009,#0006);border:2px solid rgba(0,217,255,.2);color:#8892b0;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .4s ease;border-radius:8px;position:relative;overflow:hidden}.shop-tab-btn .tab-icon{display:flex;align-items:center;justify-content:center;height:20px;width:20px}.shop-tab-btn .tab-icon svg,.shop-tab-btn .tab-icon img{max-height:20px;max-width:20px}.shop-tab-btn:hover{color:#00d9ff;border-color:#00d9ff80;transform:translateY(-2px)}.shop-tab-btn.active{background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);color:#00d9ff;border-color:#00d9ff;box-shadow:0 0 30px #00d9ff66}.shop-content-area{background:linear-gradient(135deg,#000000b3,#00000080);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,217,255,.3);border-radius:12px;padding:25px;box-shadow:0 8px 32px #00000080;flex:1;overflow-y:auto;max-height:calc(100vh - 280px)}.shop-content-area::-webkit-scrollbar{width:10px}.shop-content-area::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.shop-content-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d9ff,#00a8cc);border-radius:10px}.shop-tab-content{animation:shopSlide .5s ease}.shop-title{font-family:Orbitron,sans-serif;font-size:22px;font-weight:900;background:linear-gradient(135deg,#00d9ff,#00a8cc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid rgba(0,217,255,.3)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.shop-item{background:linear-gradient(135deg,#000c,#0009);border:2px solid;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:15px;transition:all .3s ease}.shop-item:hover{transform:translateY(-8px);box-shadow:0 15px 50px #00d9ff66}.item-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0}.item-icon-large{font-size:60px;animation:itemFloat 3s ease-in-out infinite}@keyframes itemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.item-rarity-badge{font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;color:#fff;padding:4px 12px;border-radius:6px;text-transform:uppercase}.item-details{display:flex;flex-direction:column;gap:5px;text-align:center}.item-name{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#fff;margin:0;text-transform:uppercase}.item-category{font-family:Rajdhani,sans-serif;font-size:13px;color:#8892b0;margin:0;text-transform:uppercase}.item-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid rgba(0,217,255,.2)}.item-price{display:flex;align-items:center;gap:6px}.price-icon{font-size:18px}.price-value{font-family:Orbitron,sans-serif;font-size:18px;font-weight:900;color:#00d9ff}.buy-btn{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;padding:10px 15px;background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);border:2px solid #00d9ff;color:#00d9ff;border-radius:8px;cursor:pointer;transition:all .3s ease}.buy-btn:hover:not(:disabled){background:linear-gradient(135deg,#00d9ff66,#00d9ff4d);box-shadow:0 6px 25px #00d9ff80;transform:translateY(-2px)}.buy-btn:disabled{background:linear-gradient(135deg,#6464644d,#50505033);border:2px solid #666;color:#666;cursor:not-allowed;opacity:.6}.banner-buy-btn{min-width:140px}.banner-buy-btn:disabled{background:linear-gradient(135deg,#6464644d,#50505033);border:2px solid #666;color:#666;cursor:not-allowed;opacity:.6}.banner-buy-btn.owned-item{background:linear-gradient(135deg,#00ff8840,#00c86426);border:2px solid #00ff88;color:#0f8;cursor:not-allowed;opacity:.9;text-shadow:0 0 8px rgba(0,255,136,.3)}.banner-buy-btn.insufficient-funds{background:linear-gradient(135deg,#ff8c004d,#ff640033);border:2px solid #ff8c00;color:#ff8c00;cursor:not-allowed;opacity:.9}.boost-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0}.boost-icon-large{font-size:60px;animation:itemFloat 3s ease-in-out infinite}.stock-badge{font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;color:gold;background:#ffd70033;padding:4px 12px;border-radius:6px;border:1px solid #ffd700}.boost-duration{font-family:Rajdhani,sans-serif;font-size:13px;color:#8892b0;margin:0}.buy-btn.boost-buy{border-color:gold;color:gold;background:linear-gradient(135deg,#ffd7004d,#ffd70033)}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.package-card{background:linear-gradient(135deg,#000c,#0009);border:2px solid rgba(0,217,255,.3);border-radius:12px;padding:25px;display:flex;flex-direction:column;gap:20px;transition:all .3s ease;position:relative}.package-card:hover{transform:translateY(-8px);box-shadow:0 15px 50px #00d9ff66}.discount-badge{position:absolute;top:15px;right:15px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:900;color:#fff;background:linear-gradient(135deg,#ff6b35,#ff4500);padding:8px 15px;border-radius:8px;animation:discountPulse 2s ease-in-out infinite}@keyframes discountPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.package-header{display:flex;align-items:center;gap:15px}.package-icon{font-size:50px}.package-name{font-family:Orbitron,sans-serif;font-size:20px;font-weight:900;color:#00d9ff;margin:0;text-transform:uppercase}.package-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.package-item{display:flex;align-items:center;gap:10px;font-family:Rajdhani,sans-serif;font-size:15px;color:#fff}.check-icon{color:#0f8;font-weight:900}.package-footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:2px solid rgba(0,217,255,.2)}.package-price{display:flex;align-items:center;gap:8px}.credits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px}.credits-package{background:linear-gradient(135deg,#000c,#0009);border:2px solid rgba(0,217,255,.3);border-radius:12px;padding:30px;display:flex;flex-direction:column;align-items:center;gap:15px;transition:all .3s ease}.credits-package:hover{transform:translateY(-8px) scale(1.05);border-color:#00d9ff;box-shadow:0 15px 50px #00d9ff80}.credits-icon{font-size:60px;animation:itemFloat 3s ease-in-out infinite}.credits-amount{font-family:Orbitron,sans-serif;font-size:32px;font-weight:900;color:#00d9ff}.bonus-badge{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;color:#0f8;background:#0f83;padding:6px 12px;border-radius:6px;border:2px solid #00ff88}.credits-price{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:#fff}.payment-methods{background:linear-gradient(135deg,#0009,#0006);border:2px solid rgba(0,217,255,.2);border-radius:12px;padding:20px;text-align:center}.payment-title{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#00d9ff;margin:0 0 15px}.payment-icons{display:flex;align-items:center;justify-content:center;gap:20px}.payment-icon{font-size:36px;transition:all .3s ease}.payment-icon:hover{transform:scale(1.2)}.banners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:10px 0}.banner-card{background:linear-gradient(135deg,#000000b3,#00000080);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(0,217,255,.3);border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.banner-card:hover{transform:translateY(-5px);border-color:#00d9ff99;box-shadow:0 12px 40px #00d9ff4d}.banner-preview{width:100%;height:180px;position:relative;overflow:hidden;background-color:#0a0a0a}.frame-card .frame-preview{width:100%;height:250px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#00d9ff0d,#000000e6 70%);padding:20px;overflow:visible}.frame-card .frame-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,217,255,.4));transition:all .3s ease}.frame-card:hover .frame-image{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(0,217,255,.6))}.banner-rarity-badge{position:absolute;top:10px;right:10px;padding:6px 12px;border-radius:6px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0009}.banner-info{padding:15px;flex:1}.banner-name{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;color:#00d9ff;margin:0 0 8px}.banner-description{font-size:13px;color:#8892b0;line-height:1.5;margin:0}.banner-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;border-top:1px solid rgba(0,217,255,.2);background:#0000004d}.banner-price{display:flex;align-items:center;gap:8px;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;color:#00d9ff}.price-icon{display:flex;align-items:center;justify-content:center}.price-icon svg{filter:drop-shadow(0 0 6px rgba(58,134,255,.6));transition:all .3s ease}.banner-card:hover .price-icon svg{filter:drop-shadow(0 0 10px rgba(58,134,255,.8));transform:scale(1.05)}.price-value{color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.5)}.banner-buy{background:linear-gradient(135deg,#00d9ff,#00a8cc);padding:10px 20px;min-width:120px}.banner-buy:hover:not(:disabled){background:linear-gradient(135deg,#00e5ff,#00bfdc)}.banner-buy:disabled{background:linear-gradient(135deg,#555,#444);cursor:not-allowed;opacity:.5}.purchase-message{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-family:Orbitron,sans-serif;font-weight:600;text-align:center;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.purchase-message.success{background:#00d96433;border:2px solid rgba(0,217,100,.5);color:#00ff7f}.purchase-message.error{background:#ff464633;border:2px solid rgba(255,70,70,.5);color:#ff6b6b}.loading-message{text-align:center;padding:40px;font-family:Orbitron,sans-serif;font-size:18px;color:#00d9ff}@media(max-width:768px){.shop-header{flex-direction:column;gap:15px}.shop-grid,.packages-grid,.credits-grid,.banners-grid{grid-template-columns:1fr}}.title-preview{min-height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000c,#0009)}.title-effect-demo{font-size:24px;font-weight:700;text-align:center;padding:20px}.credit-preview{min-height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d9ff1a,#a855f71a);position:relative;overflow:hidden}.credit-preview:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,217,255,.2) 0%,transparent 70%);animation:creditGlow 3s ease-in-out infinite}@keyframes creditGlow{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(10%,10%) scale(1.1);opacity:.8}}.credit-amount-display{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1}.credit-coin-icon{font-size:70px;animation:creditCoinFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,193,7,.8))}@keyframes creditCoinFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(10deg)}}.credit-amount-value{font-family:Orbitron,sans-serif;font-size:36px;font-weight:900;color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.8)}.credit-label{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;color:#ffffffb3;letter-spacing:3px}.payment-methods-new{margin-top:40px;background:linear-gradient(135deg,#0009,#0006);border:2px solid rgba(0,217,255,.2);border-radius:15px;padding:30px}.payment-title-new{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;color:#00d9ff;margin:0 0 20px;text-transform:uppercase;letter-spacing:2px;text-align:center}.payment-method-item{display:flex;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,#f7931a14,#ff9f1c0d);border:2px solid rgba(247,147,26,.4);border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.payment-method-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(247,147,26,.1),transparent);transition:left .6s ease}.payment-method-item:hover:before{left:100%}.payment-method-item.active-method{border-color:#f7931a99;box-shadow:0 0 25px #f7931a33,inset 0 0 20px #f7931a0d}.payment-method-item.active-method:hover{border-color:#f7931a;box-shadow:0 0 35px #f7931a66,inset 0 0 30px #f7931a14;transform:translateY(-2px)}.payment-left-section{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-right:20px;border-right:2px solid rgba(247,147,26,.3)}.btc-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:radial-gradient(circle,rgba(247,147,26,.1) 0%,transparent 70%);border-radius:50%;animation:btcGlow 3s ease-in-out infinite}.btc-logo{filter:drop-shadow(0 0 8px rgba(247,147,26,.5));transition:all .3s ease}.payment-method-item.active-method:hover .btc-logo{filter:drop-shadow(0 0 15px rgba(247,147,26,.8));transform:scale(1.08) rotate(3deg)}.payment-right-section{flex:1;display:flex;flex-direction:column}.payment-method-content{display:flex;flex-direction:column;gap:12px}.payment-header-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.payment-label{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#f7931a;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 10px rgba(247,147,26,.3)}.payment-badge{display:inline-flex;align-items:center;padding:5px 14px;background:linear-gradient(135deg,#00ff8826,#00d9ff26);border:1.5px solid rgba(0,255,136,.5);border-radius:20px;font-size:10px;font-weight:800;color:#0f8;text-transform:uppercase;letter-spacing:1px;font-family:Rajdhani,sans-serif;animation:badgePulse 2.5s ease-in-out infinite;box-shadow:0 0 10px #0f83}.payment-info{display:flex;align-items:center;gap:8px;margin:0;padding:10px 15px;background:#00d9ff0f;border-left:3px solid rgba(0,217,255,.6);border-radius:6px;font-size:12px;color:#ffffffd9;font-family:Rajdhani,sans-serif;font-weight:500;letter-spacing:.5px}.info-icon{flex-shrink:0;color:#00d9ff}@keyframes btcGlow{0%,to{box-shadow:0 0 15px #f7931a33}50%{box-shadow:0 0 25px #f7931a66}}@keyframes badgePulse{0%,to{opacity:1;box-shadow:0 0 10px #0f83}50%{opacity:.85;box-shadow:0 0 15px #00ff8859}}.rank-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:linear-gradient(135deg,#ff6b3533,#ff6b351a);border:2px solid rgba(255,107,53,.5);border-radius:8px;font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 15px #ff6b354d;animation:rankPulse 3s ease-in-out infinite}.rank-badge-small{padding:4px 10px;font-size:11px;gap:6px}.rank-badge-medium{padding:6px 14px;font-size:13px;gap:8px}.rank-badge-large{padding:10px 20px;font-size:16px;gap:10px}.rank-icon{font-size:1.2em;filter:drop-shadow(0 0 8px rgba(255,107,53,.8))}.rank-name{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.6)}@keyframes rankPulse{0%,to{box-shadow:0 0 15px #ff6b354d}50%{box-shadow:0 0 25px #ff6b3580}}.dashboard-debug{background:linear-gradient(135deg,#0a192f,#112240);border:1px solid #00ff88;border-radius:12px;padding:24px;margin-bottom:24px}.debug-header{margin-bottom:24px;border-bottom:2px solid #00ff88;padding-bottom:16px}.debug-title{font-size:24px;color:#0f8;margin:0 0 8px;font-weight:700}.debug-subtitle{color:#8892b0;margin:0;font-size:14px}.debug-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;animation:slideIn .3s ease-out}.debug-message.success{background:#00ff881a;border:1px solid #00ff88;color:#0f8}.debug-message.error{background:#ff00001a;border:1px solid #ff0044;color:#f04}.debug-sections{display:grid;gap:20px}.debug-section{background:#11224080;border:1px solid rgba(0,217,255,.2);border-radius:8px;padding:16px}.debug-section-title{font-size:16px;color:#00d9ff;margin:0 0 12px;font-weight:600}.debug-buttons{display:flex;flex-wrap:wrap;gap:12px}.debug-btn{background:linear-gradient(135deg,#00d9ff,#0f8);color:#0a192f;border:none;padding:10px 20px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00d9ff4d}.debug-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff80}.debug-btn:active:not(:disabled){transform:translateY(0)}.debug-btn:disabled{opacity:.5;cursor:not-allowed}.debug-info{margin-top:24px;padding:16px;background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:8px}.debug-info p{margin:8px 0;font-size:13px;color:#8892b0;line-height:1.6}.debug-info strong{color:#00d9ff}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ranked-category-selection{width:100%;height:100%;display:flex;flex-direction:column;gap:20px;padding:30px 40px;animation:fadeInScale .5s ease-out;overflow-y:auto}.ranked-category-selection::-webkit-scrollbar{width:12px}.ranked-category-selection::-webkit-scrollbar-track{background:#0a0e1a80}.ranked-category-selection::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:10px}.ranked-category-selection::-webkit-scrollbar-thumb:hover{background:#00d9ff80}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ranked-back-btn{padding:10px 20px;background:#00d9ff1a;border:1px solid #00d9ff;color:#00d9ff;border-radius:8px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;width:fit-content}.ranked-back-btn:hover{background:#00d9ff33;box-shadow:0 0 15px #00d9ff66;transform:translate(-5px)}.ranked-header{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;background:linear-gradient(135deg,#001428b3,#00285080);border:2px solid rgba(0,217,255,.3);border-radius:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 40px #00000080;position:relative}.ranked-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00d9ff,#ff6b35);border-radius:15px 0 0 15px}.ranked-header-content{flex:1}.ranked-title{font-family:Orbitron,sans-serif;font-size:32px;font-weight:900;color:#00d9ff;text-transform:uppercase;letter-spacing:4px;margin:0 0 5px;text-shadow:0 0 30px rgba(0,217,255,.6)}.ranked-subtitle{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;color:#ffffffb3;letter-spacing:1px;margin:0}.ranked-main-content{display:grid;grid-template-columns:350px 1fr;gap:25px;flex:1}.ranked-left-section{display:flex;flex-direction:column;gap:20px}.ranked-stats-cards{display:flex;flex-direction:column;gap:12px}.stat-card{display:flex;align-items:center;gap:15px;padding:16px 18px;background:#0a0e1a99;border:1px solid rgba(0,217,255,.25);border-radius:8px;transition:all .3s ease}.stat-card:hover{background:#0a0e1acc;border-color:#00d9ff66;box-shadow:0 4px 12px #00d9ff33}.stat-card-icon{font-size:32px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:8px;flex-shrink:0}.stat-card-content{display:flex;flex-direction:column;gap:2px}.stat-card-value{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:#00d9ff;line-height:1}.stat-card-label{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:1px}.ranked-player-card{display:flex;flex-direction:column;padding:20px;background:#0a0e1a99;border:1px solid rgba(0,217,255,.25);border-radius:8px;gap:16px}.player-card-header{font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:2px;padding-bottom:12px;border-bottom:1px solid rgba(0,217,255,.2)}.player-card-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}.player-card-frame{position:absolute;top:-15px;left:50%;transform:translate(-50%);z-index:2;pointer-events:none}.player-card-avatar,.player-card-avatar-icon{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,217,255,.3);background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:40px;z-index:1}.player-card-name{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#fff;text-align:center;margin-top:8px}.player-card-stats{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}.player-card-stat{display:flex;align-items:center;gap:8px;flex:1}.player-stat-icon{width:28px;height:28px;object-fit:contain}.player-stat-info{display:flex;flex-direction:column;gap:2px}.player-stat-value{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#00d9ff;line-height:1}.player-stat-label{font-family:Rajdhani,sans-serif;font-size:9px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.player-stat-divider{width:1px;height:30px;background:#00d9ff33}.ranked-info-box{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-left:3px solid #ff6b35;border-radius:8px}.info-box-icon{font-size:20px;flex-shrink:0;margin-top:2px}.info-box-text{font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;color:#fffc;line-height:1.5;margin:0}.ranked-right-section{display:flex;flex-direction:column;gap:20px}.categories-header{padding:0 8px}.categories-title{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;margin:0 0 6px}.categories-subtitle{font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;color:#ffffff80;margin:0}.categories-list{display:flex;flex-direction:column;gap:12px}.category-item{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#0a0e1a99;border:1px solid rgba(0,217,255,.25);border-left:3px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.category-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--category-color);opacity:0;transition:opacity .3s ease}.category-item:hover:before{opacity:.6}.category-item.selected:before{opacity:1}.category-item:hover{background:#0a0e1acc;border-color:#00d9ff66;box-shadow:0 4px 12px #00d9ff26;transform:translate(5px)}.category-item.selected{background:#0a0e1acc;border-color:var(--category-color);box-shadow:0 4px 12px rgba(var(--category-color-rgb),.3)}.category-item-left{display:flex;align-items:center;gap:16px;flex:1}.category-item-icon{font-size:36px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:8px;flex-shrink:0;filter:drop-shadow(0 0 8px var(--category-color));transition:all .3s ease}.category-item:hover .category-item-icon{transform:scale(1.05);background:#00000080}.category-item-info{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.category-item-name{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;transition:color .3s ease;text-align:left}.category-item:hover .category-item-name{color:#00d9ff}.category-item.selected .category-item-name{color:var(--category-color)}.category-item-stats{display:flex;gap:16px;justify-content:flex-start}.category-mini-stat{display:flex;align-items:center;gap:6px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;color:#fff9}.mini-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.mini-dot.queue{background:#ffd60a;box-shadow:0 0 8px #ffd60a}.mini-dot.active{background:#0f8;box-shadow:0 0 8px #0f8}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.category-item-right{display:flex;align-items:center;gap:12px}.category-check{width:24px;height:24px;background:var(--category-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#000;animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.category-arrow{font-size:20px;color:#ffffff4d;transition:all .3s ease}.category-item:hover .category-arrow{color:#00d9ff;transform:translate(5px)}.category-item.selected .category-arrow{color:var(--category-color)}@media(max-width:1400px){.ranked-main-content{grid-template-columns:320px 1fr}}@media(max-width:1200px){.ranked-main-content{grid-template-columns:1fr}.ranked-left-section{order:2}.ranked-right-section{order:1}}@media(max-width:768px){.ranked-category-selection{padding:20px;gap:15px}.ranked-title{font-size:24px}.ranked-subtitle{font-size:12px}.category-item{padding:14px 16px}.category-item-icon{width:48px;height:48px;font-size:28px}.category-item-name{font-size:14px}}.matchmaking-dashboard-view{width:100%;max-width:1300px;margin:0 auto;padding:20px}.matchmaking-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 40px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,217,255,.3);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 10px 50px #00d9ff33}.matchmaking-empty-state:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00d9ff,#ff6b35);box-shadow:0 0 15px #00d9ffcc}.empty-icon{font-size:64px;opacity:.8}.empty-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;margin:0;text-shadow:0 0 15px rgba(0,217,255,.6)}.empty-text{font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;color:#ffffffb3;text-align:center;max-width:500px;margin:0;line-height:1.6}.empty-back-btn{margin-top:10px;padding:14px 40px;background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);border:2px solid rgba(0,217,255,.4);border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:12px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;box-shadow:0 5px 20px #00d9ff33}.empty-back-btn:hover{background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);border-color:#00d9ff;transform:translateY(-2px);box-shadow:0 8px 30px #00d9ff66}.empty-btn-icon{font-size:18px;color:#00d9ff}.empty-btn-text{color:#00d9ff}.matchmaking-search-card{display:flex;flex-direction:column;gap:25px;padding:30px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,217,255,.3);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 10px 50px #00d9ff33}.matchmaking-search-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00d9ff,#ff6b35);box-shadow:0 0 15px #00d9ffcc}.mm-card-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid rgba(0,217,255,.2)}.mm-header-left{display:flex;flex-direction:column;gap:15px}.mm-category-badge{padding:6px 15px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:20px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;display:inline-flex;align-items:center;gap:8px;align-self:flex-start}.mm-badge-icon{font-size:14px}.mm-main-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;margin:0;text-shadow:0 0 15px rgba(0,217,255,.6)}.mm-timer-block{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#0000004d;border:1px solid rgba(0,217,255,.2);border-radius:15px}.mm-timer-icon{font-size:32px}.mm-timer-data{display:flex;flex-direction:column;gap:3px}.mm-timer-value{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:#00d9ff;letter-spacing:2px;text-shadow:0 0 10px rgba(0,217,255,.6)}.mm-timer-value.warning{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.6)}.mm-timer-label{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.mm-queue-info{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:12px;margin-top:-10px}.mm-info-icon{font-size:20px;flex-shrink:0}.mm-info-text{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:500;color:#00d9ff;line-height:1.5}.mm-card-body{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;align-items:start}.mm-player-zone{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px;background:#0003;border:1px solid rgba(0,217,255,.15);border-radius:15px}.mm-player-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#00d9ff4d,#ff6b354d);border:3px solid rgba(0,217,255,.4);display:flex;align-items:center;justify-content:center;overflow:hidden}.mm-avatar-img{width:100%;height:100%;object-fit:cover}.mm-avatar-icon{font-size:36px}.mm-player-info{text-align:center;display:flex;flex-direction:column;gap:8px}.mm-player-name{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;color:#fff;text-transform:uppercase}.mm-player-stats{display:flex;align-items:center;gap:8px;justify-content:center;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600}.mm-stat{color:#fffc;text-transform:uppercase;letter-spacing:1px}.mm-stat-dot{color:#00d9ff80;font-size:12px}.mm-radar-zone{display:flex;flex-direction:column;align-items:center;gap:20px}.mm-radar{width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,#00d9ff0d,#00000080);border:2px solid rgba(0,217,255,.3);box-shadow:0 0 40px #00d9ff33,inset 0 0 60px #0009;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.mm-radar-ring{position:absolute;border:1px solid rgba(0,217,255,.2);border-radius:50%}.mm-radar-sweep{position:absolute;top:50%;left:50%;width:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,217,255,.5) 50%,#00d9ff);transform-origin:left center;filter:blur(1px)}.mm-radar-sweep:after{content:"";position:absolute;top:-20px;right:-5px;width:40px;height:40px;background:radial-gradient(circle,rgba(0,217,255,.6),transparent 60%);filter:blur(10px)}.mm-radar-center{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#00d9ff4d,#08c3);border:2px solid rgba(0,217,255,.5);display:flex;align-items:center;justify-content:center;font-size:28px;z-index:2;position:relative}.mm-status-text{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#0000004d;border:1px solid rgba(0,217,255,.2);border-radius:20px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;color:#ffffffb3;letter-spacing:1px;text-transform:uppercase}.mm-status-dot{width:8px;height:8px;background:#00d9ff;border-radius:50%;box-shadow:0 0 10px #00d9ff;animation:pulse-mm-dot 1.5s ease-in-out infinite}@keyframes pulse-mm-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}.mm-params-zone{display:flex;flex-direction:column;gap:15px;padding:20px;background:#0003;border:1px solid rgba(0,217,255,.15);border-radius:15px}.mm-params-title{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;padding-bottom:10px;border-bottom:1px solid rgba(0,217,255,.2)}.mm-params-list{display:flex;flex-direction:column;gap:10px}.mm-param-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#00d9ff0d;border-left:2px solid #00d9ff;border-radius:6px;transition:all .3s ease}.mm-param-row:hover{background:#00d9ff1a;transform:translate(3px)}.mm-param-label{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.mm-param-val{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.6)}.mm-card-footer{display:flex;justify-content:center;padding-top:10px;border-top:1px solid rgba(0,217,255,.2)}.mm-btn-cancel{padding:14px 40px;background:linear-gradient(135deg,#ff3b3033,#ff3b301a);border:2px solid rgba(255,59,48,.4);border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:12px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;box-shadow:0 5px 20px #ff3b3033}.mm-btn-cancel:hover{background:linear-gradient(135deg,#ff3b304d,#ff3b3033);border-color:#ff3b30;transform:translateY(-2px);box-shadow:0 8px 30px #ff3b3066}.mm-btn-icon{font-size:18px;color:#ff3b30}.mm-btn-text{color:#ff3b30}.matchmaking-found-card{display:flex;flex-direction:column;gap:40px;padding:40px 30px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,255,100,.3);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 10px 50px #00ff6433}.matchmaking-found-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00ff64,#00d9ff);box-shadow:0 0 15px #00ff64cc}.mm-found-banner{font-family:Orbitron,sans-serif;font-size:32px;font-weight:700;color:#00ff64;text-transform:uppercase;letter-spacing:2px;text-align:center;text-shadow:0 0 20px rgba(0,255,100,.8);animation:glow-mm-found 2s ease-in-out infinite}@keyframes glow-mm-found{0%,to{text-shadow:0 0 20px rgba(0,255,100,.6);transform:scale(1)}50%{text-shadow:0 0 40px rgba(0,255,100,1);transform:scale(1.03)}}.mm-vs-container{display:flex;align-items:center;justify-content:center;gap:40px}.mm-vs-card{flex:1;max-width:260px;padding:25px 20px;background:#0000004d;border:2px solid rgba(0,217,255,.3);border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:15px;position:relative;overflow:hidden;box-shadow:0 10px 50px #00d9ff33}.mm-vs-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00d9ff,#ff6b35);box-shadow:0 0 15px #00d9ffcc}.mm-vs-card.left{border-color:#00d9ff;box-shadow:0 10px 50px #00d9ff4d}.mm-vs-card.right{border-color:#ff6b35;box-shadow:0 10px 50px #ff6b354d}.mm-vs-card.right:before{background:linear-gradient(180deg,#ff6b35,#00d9ff)}.mm-vs-label{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:2px}.mm-vs-avatar{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#00d9ff4d,#ff6b354d);border:3px solid rgba(0,217,255,.4);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 30px #00d9ff99}.right .mm-vs-avatar{border-color:#ff6b3566;box-shadow:0 0 30px #ff6b3599}.mm-vs-avatar img{width:100%;height:100%;object-fit:cover}.mm-vs-emoji{font-size:40px}.mm-vs-name{font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;color:#fff;text-transform:uppercase;text-align:center}.mm-vs-stats{width:100%;display:flex;flex-direction:column;gap:8px}.mm-vs-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#0000004d;border:1px solid rgba(0,217,255,.15);border-radius:8px;transition:all .3s ease}.mm-vs-stat:hover{background:#00000080;border-color:#00d9ff66;transform:translate(3px)}.mm-vs-stat-label{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.mm-vs-stat-value{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;text-shadow:0 0 10px rgba(0,217,255,.6)}.mm-vs-stat-value.left{color:#00d9ff}.mm-vs-stat-value.right{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.6)}.mm-vs-badge{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ff8c5a);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:24px;font-weight:900;color:#000;box-shadow:0 0 40px #ff6b35cc,inset 0 0 20px #ffffff4d;border:3px solid rgba(255,255,255,.3);flex-shrink:0}.mm-starting-text{font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;color:#0f8;text-transform:uppercase;letter-spacing:2px;text-align:center;animation:pulse-mm-starting 1.5s ease-in-out infinite}@keyframes pulse-mm-starting{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:900px){.mm-card-body{grid-template-columns:1fr;gap:20px}.mm-card-header{flex-direction:column;align-items:flex-start}.mm-timer-block{align-self:stretch;justify-content:center}.mm-radar{width:240px;height:240px}.mm-vs-container{flex-direction:column;gap:30px}.mm-vs-badge{order:2}.right{order:3}.mm-vs-card{max-width:100%}}.career-container{width:100%;min-height:calc(100vh - 100px);padding:30px;color:#fff;font-family:Rajdhani,sans-serif;overflow:hidden}.career-container::-webkit-scrollbar{display:none}.career-container{scrollbar-width:none;-ms-overflow-style:none}.career-back-btn{padding:10px 20px;background:#00d9ff1a;border:1px solid #00d9ff;color:#00d9ff;border-radius:8px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:15px;width:fit-content}.career-back-btn:hover{background:#00d9ff33;box-shadow:0 0 15px #00d9ff66;transform:translate(-5px)}.career-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 25px;background:linear-gradient(135deg,#001428b3,#00285080);border:2px solid rgba(0,217,255,.3);border-radius:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 40px #00000080}.career-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00d9ff,#ff6b35);border-radius:15px 0 0 15px}.career-header-content{flex:1}.career-title{font-size:32px;font-weight:900;font-family:Orbitron,sans-serif;margin:0 0 5px;color:#00d9ff;text-shadow:0 0 30px rgba(0,217,255,.6);letter-spacing:4px}.career-subtitle{font-size:14px;color:#ffffffb3;margin:0;letter-spacing:1px}.career-level-badge{display:flex;align-items:baseline;gap:6px;padding:12px 20px;background:linear-gradient(135deg,#00d9ff1a,#00ff880d);border:2px solid rgba(0,217,255,.4);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.career-level-label{font-size:12px;color:#fff9;letter-spacing:2px;font-weight:600}.career-level-value{font-size:36px;font-weight:900;font-family:Orbitron,sans-serif;color:#00d9ff;text-shadow:0 0 20px rgba(0,217,255,.8);line-height:1}.career-level-max{font-size:16px;color:#ffffff80;font-weight:600}.career-battlepass{position:relative;margin-bottom:30px}.career-battlepass .career-progress-container{margin-top:0;margin-bottom:20px;padding:0 20px;flex-shrink:0;width:11540px;min-width:11540px}.career-battlepass-track{display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.career-challenges-wrapper{display:flex;gap:50px;padding:30px 20px;min-width:100%}.career-battlepass-track::-webkit-scrollbar{display:none}.career-battlepass-track{scrollbar-width:none;-ms-overflow-style:none}.career-challenge-card{position:relative;flex-shrink:0;width:280px;min-height:280px;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a0f1ef2,#050a19fa);border:1px solid rgba(0,255,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0009;transition:all .3s ease;overflow:hidden}.career-challenge-card:hover{transform:translateY(-3px);box-shadow:0 12px 48px #0ff3;border-color:#00ffff4d}.career-challenge-card.completed{border-color:#00d9ff66;background:linear-gradient(180deg,#00141ef2,#000f19fa)}.career-challenge-card.current{border-color:#00d9ff99;background:linear-gradient(180deg,#001923f2,#00141efa);box-shadow:0 8px 32px #00d9ff33}.career-challenge-card.locked{opacity:.5;filter:grayscale(.6)}.challenge-locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:15px;z-index:5}.challenge-locked-icon-large{font-size:64px;opacity:.8;animation:lockPulse 2s ease-in-out infinite}@keyframes lockPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.career-battlepass .career-progress-track{position:relative;height:12px;background:#0006;border-radius:10px;overflow:visible;border:1px solid rgba(0,217,255,.2);box-shadow:0 0 15px #00000080 inset;margin-bottom:10px;width:100%}.career-progress-container{margin-bottom:30px}.career-progress-track{position:relative;height:12px;background:#0006;border-radius:10px;overflow:visible;border:1px solid rgba(0,217,255,.2);box-shadow:0 0 15px #00000080 inset;margin-bottom:10px}.career-progress-fill{height:100%;background:linear-gradient(90deg,#00d9ff,#0f8);box-shadow:0 0 20px #00d9ff99;position:relative;border-radius:10px}.career-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.career-player-indicator{position:absolute;top:-20px;transform:translate(-50%);z-index:10}.career-player-avatar{width:40px;height:40px;border-radius:50%;border:3px solid #00d9ff;background:#001428f2;overflow:hidden;box-shadow:0 8px 35px #00d9ffb3,0 0 60px #00d9ff66,0 0 0 8px #00d9ff1a;animation:avatarPulse 2s ease-in-out infinite;position:relative}@keyframes avatarPulse{0%,to{box-shadow:0 8px 35px #00d9ffb3,0 0 60px #00d9ff66,0 0 0 8px #00d9ff1a}50%{box-shadow:0 8px 40px #00d9ffe6,0 0 80px #00d9ff99,0 0 0 8px #00d9ff33}}.career-player-avatar img{width:100%;height:100%;object-fit:cover}.career-progress-label{text-align:center;font-size:14px;color:#ffffffb3;letter-spacing:1px;font-weight:600}.challenge-level-badge{position:absolute;top:14px;right:14px;width:36px;height:36px;background:#00000080;border:1px solid rgba(255,255,255,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:10}.career-challenge-card.completed .challenge-level-badge{border-color:#00d9ff4d;background:#0009}.career-challenge-card.current .challenge-level-badge{border-color:#00d9ff66;background:#0009}.challenge-level-number{font-size:15px;font-weight:700;font-family:Rajdhani,sans-serif;color:#fff}.challenge-completed-check{font-size:18px;filter:drop-shadow(0 0 10px currentColor);color:#0f8;line-height:1}.challenge-content{position:relative;padding:16px 14px 14px;flex:1;display:flex;flex-direction:column;min-height:276px;overflow:hidden;max-width:100%;box-sizing:border-box}.challenge-category{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:#00ffff14;border:1px solid rgba(0,255,255,.2);border-radius:6px;width:fit-content;margin-bottom:12px}.challenge-category-icon{font-size:13px;color:#0ff;opacity:.9}.challenge-category-name{font-size:9px;font-weight:800;color:#0ff;letter-spacing:1.8px;text-transform:uppercase;opacity:.9}.challenge-name{font-size:16px;font-weight:800;font-family:Orbitron,sans-serif;color:#fff;margin:0 0 10px;padding-right:50px;line-height:1.3;letter-spacing:.5px;word-break:break-word;overflow-wrap:break-word;min-height:20px}.challenge-main-content{flex:1;display:flex;flex-direction:column}.challenge-description{font-size:11px;color:#ffffffb3;line-height:1.6;margin:0 0 auto;padding-right:50px;flex:1;word-break:break-word;overflow-wrap:break-word;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;box-sizing:border-box}.challenge-reward{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;margin:12px 0 10px;background:#0000004d;border:1px solid rgba(255,157,0,.2);border-radius:8px}.challenge-reward-icon{font-size:22px;opacity:.85}.challenge-reward-info{flex:1}.challenge-reward-type{font-size:8px;color:#ffffff80;letter-spacing:1.5px;font-weight:700;margin-bottom:3px;text-transform:uppercase}.challenge-reward-value{font-size:12px;font-weight:700;font-family:Rajdhani,sans-serif;color:#fa0;display:flex;gap:8px;flex-direction:row;align-items:center;line-height:1;letter-spacing:.5px}.challenge-reward-value span{white-space:nowrap}.challenge-status-current{padding:5px 12px;background:#ffd70026;border:1px solid rgba(255,215,0,.4);border-radius:6px;text-align:center;font-size:11px;font-weight:900;color:gold;letter-spacing:1px;text-shadow:0 0 10px rgba(255,215,0,.6)}.challenge-start-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:12px 28px;border-radius:8px;border:2px solid;cursor:pointer;transition:all .3s ease;margin:0;position:relative;overflow:hidden;background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);border-color:#00d9ff;color:#00d9ff;box-shadow:0 4px 15px #00d9ff33}.challenge-start-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.challenge-start-button:active:before{width:300px;height:300px}.challenge-start-button:hover{background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);box-shadow:0 8px 30px #00d9ff66;transform:translateY(-2px)}.challenge-start-button .button-icon{font-size:18px;animation:pulse 2s ease-in-out infinite}.challenge-completed-badge{width:100%;padding:10px;margin:0;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:8px;text-align:center;font-size:11px;font-weight:800;color:#0f8;letter-spacing:2px;text-transform:uppercase}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.challenge-start-button .button-text{font-size:15px}.challenge-completed-badge{padding:8px 12px;background:#00ff8826;border:1px solid rgba(0,255,136,.4);border-radius:8px;text-align:center;font-size:13px;font-weight:900;color:#0f8;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,136,.6);margin-top:8px}.challenge-completed-badge span{font-size:16px;margin-right:6px}.challenge-connector{position:absolute;top:50%;right:-60px;width:60px;height:4px;background:linear-gradient(90deg,rgba(0,217,255,.3),transparent);transform:translateY(-50%);pointer-events:none}.challenge-connector.completed{background:linear-gradient(90deg,#0f89,#0f83)}.career-scroll-hint{text-align:center;font-size:14px;color:#ffffff80;letter-spacing:1px;padding:15px;background:#00142880;border:1px solid rgba(0,217,255,.2);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.career-scroll-hint span{color:#00d9ff;font-weight:700;margin:0 5px}@media(max-width:768px){.career-container{padding:20px}.career-header{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}.career-title{font-size:32px}.career-subtitle{font-size:14px}.career-level-badge{padding:12px 20px}.career-level-value{font-size:36px}.career-challenge-card{width:280px}.challenge-name{font-size:20px}.challenge-description{font-size:14px;min-height:50px}}.challenge-page-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;overflow-y:auto;overflow-x:hidden;padding:0 5px}.challenge-page-wrapper::-webkit-scrollbar{width:6px}.challenge-page-wrapper::-webkit-scrollbar-track{background:#0003;border-radius:10px}.challenge-page-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d9ff,#08c);border-radius:10px;box-shadow:0 0 15px #00d9ff99}.challenge-page-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ff,#00d9ff);box-shadow:0 0 20px #00d9ff}.challenge-container{padding:20px;min-height:auto;max-height:85vh;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:16px;border:2px solid rgba(0,217,255,.3);border-radius:16px;margin:10px 0 5px;width:100%;max-width:100%;position:relative;overflow-y:auto;overflow-x:hidden}.challenge-container::-webkit-scrollbar{width:6px}.challenge-container::-webkit-scrollbar-track{background:#0003;border-radius:10px}.challenge-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d9ff,#08c);border-radius:10px;box-shadow:0 0 10px #00d9ff80}.challenge-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ff,#00d9ff);box-shadow:0 0 15px #00d9ffcc}.challenge-container.with-image{padding:15px;gap:12px}.challenge-loading,.challenge-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:25px}.loading-spinner{width:70px;height:70px;border:4px solid rgba(0,217,255,.1);border-top-color:#00d9ff;border-bottom-color:#00d9ff;border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 30px #00d9ff4d}.challenge-error p{font-size:18px;color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.5)}.career-back-btn{padding:10px 20px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.4);color:#00d9ff;border-radius:8px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:12px;width:fit-content;text-transform:uppercase;letter-spacing:1.2px}.career-back-btn:hover{background:#00d9ff26;box-shadow:0 0 15px #00d9ff4d;transform:translate(-4px);border-color:#00d9ff}.challenge-title-box{padding:18px 20px;background:#0000004d;border-bottom:2px solid rgba(0,217,255,.25);position:relative;overflow:visible}.challenge-title-box-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.challenge-title-box h2{font-size:24px;font-weight:800;font-family:Orbitron,sans-serif;margin:0;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 15px rgba(0,217,255,.5);white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.challenge-difficulty-badge{padding:8px 16px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.4);border-radius:6px;font-size:12px;font-weight:700;font-family:Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:1.5px;color:#00d9ff}.challenge-content{width:100%;display:flex;flex-direction:column;gap:14px;overflow:visible!important;min-height:auto!important}.challenge-description-label{font-size:11px;font-weight:700;font-family:Rajdhani,sans-serif;color:#00d9ffcc;letter-spacing:1.5px;margin-bottom:6px;text-transform:uppercase}.challenge-category-badge{display:block;padding:12px 16px 12px 20px;background:#0000004d;border:1px solid rgba(0,217,255,.2);border-radius:8px;margin-bottom:0;position:relative;overflow:visible;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.challenge-category-badge:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#00d9ff,#08f);border-radius:8px 0 0 8px}.challenge-category-badge p{font-size:13px;line-height:1.6;color:#fffc;font-family:Rajdhani,sans-serif;margin:0;padding:0;font-weight:400;word-wrap:break-word;overflow-wrap:break-word}.challenge-file-section{margin-bottom:0;padding:14px 16px;background:#0000004d;border:1px solid rgba(0,217,255,.2);border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.file-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(0,217,255,.15)}.file-header .file-icon{font-size:16px;color:#00d9ff}.file-header h3{font-size:12px;font-weight:700;font-family:Rajdhani,sans-serif;color:#fffc;letter-spacing:1.2px;text-transform:uppercase;margin:0}.file-content{display:flex;gap:12px;align-items:flex-start}.file-preview{flex:1;max-width:240px;max-height:160px;border-radius:8px;overflow:hidden;border:1px solid rgba(0,217,255,.25);background:#00000080;cursor:pointer;transition:all .3s ease}.file-preview:hover{border-color:#00d9ff66;box-shadow:0 0 20px #00d9ff33;transform:scale(1.02);transform:scale(1.05)}.file-preview img{width:100%;height:100%;max-height:200px;object-fit:contain;display:block;filter:brightness(.9);transition:filter .3s}.file-preview:hover img{filter:brightness(1.1)}.file-info{flex:1;display:flex;flex-direction:column;gap:12px}.file-name{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#00000080;border:1px solid rgba(0,217,255,.2);border-radius:8px;font-size:13px;color:#00d9ff;font-family:Courier New,monospace;font-weight:500}.file-icon-small{font-size:18px}.file-download-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:8px;color:#00d9ff;font-size:12px;font-weight:600;font-family:Rajdhani,sans-serif;text-decoration:none;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.file-download-btn:hover{background:#00d9ff26;border-color:#00d9ff80;box-shadow:0 0 15px #00d9ff4d;transform:translateY(-2px)}.challenge-launch-section{margin:16px 0 12px}.challenge-launch-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:#00d9ff26;border:2px solid rgba(0,217,255,.4);border-radius:10px;color:#0ff;font-size:14px;font-weight:700;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;text-decoration:none;transition:all .3s ease}.challenge-launch-button:hover{background:#00d9ff40;box-shadow:0 0 25px #00d9ff66;transform:translateY(-2px);border-color:#0ff}.challenge-launch-button.disabled{background:#2828284d;border-color:#64646466;color:#96969699;cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.launch-text{font-size:15px;position:relative;z-index:1}.external-link{font-size:20px;font-weight:700;position:relative;z-index:1}.challenge-form{margin-bottom:0;padding:24px;background:linear-gradient(135deg,#000a1e99,#00000080);border:1px solid rgba(0,217,255,.25);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 30px #00d9ff08,0 10px 30px #0006}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:12px;font-weight:700;font-family:Rajdhani,sans-serif;color:#00d9ffe6;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase;position:relative;padding-left:12px}.form-group label:before{content:"▶";position:absolute;left:0;color:#00d9ff;font-size:10px;animation:blink 1.5s infinite}.input-wrapper{position:relative}.input-wrapper input{width:100%;padding:12px 16px;background:#0009;border:2px solid rgba(0,217,255,.3);border-radius:8px;font-size:14px;font-family:Courier New,monospace;color:#0fa;transition:all .3s ease;box-sizing:border-box;font-weight:500;letter-spacing:.5px}.input-wrapper input::placeholder{color:#00ffaa4d}.input-wrapper input:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d;background:#000a14b3}.input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.input-spinner{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:3px solid rgba(0,217,255,.2);border-top-color:#0ff;border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 10px #00d9ff80}.error-message{margin-top:10px;padding:12px 16px;background:#ff6b3526;border:2px solid rgba(255,107,53,.4);border-radius:8px;color:#ff6b35;font-size:13px;font-weight:700;box-shadow:0 0 20px #ff6b3533}.challenge-submit-button{width:100%;padding:14px 24px;background:#00d9ff26;border:2px solid rgba(0,217,255,.4);border-radius:10px;font-size:14px;font-weight:700;font-family:Orbitron,sans-serif;color:#0ff;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase}.challenge-submit-button:not(:disabled):hover{background:#00d9ff40;box-shadow:0 0 25px #00d9ff66;transform:translateY(-2px);border-color:#0ff}.challenge-submit-button:not(:disabled):active{transform:translateY(0)}.challenge-submit-button:disabled{opacity:.4;cursor:not-allowed;background:#2828284d;border-color:#64646466}.button-spinner{width:18px;height:18px;border:3px solid rgba(0,0,0,.3);border-top-color:#0ff;border-radius:50%;animation:spin .6s linear infinite;box-shadow:0 0 10px #00d9ff80}.button-icon{font-size:18px}.challenge-resources{margin:24px 0 0;padding:24px;background:linear-gradient(135deg,#000a1e80,#0006);border:1px solid rgba(0,217,255,.25);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 30px #00d9ff08,0 10px 30px #0006}.resources-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(0,217,255,.15)}.resources-icon{font-size:16px;color:#ff3b3b}.resources-header h3{font-size:12px;font-weight:700;font-family:Rajdhani,sans-serif;color:#fffc;letter-spacing:1.5px;margin:0;text-transform:uppercase}.resources-grid{display:flex!important;flex-direction:row!important;gap:8px;flex-wrap:nowrap!important;align-items:stretch;width:100%;justify-content:space-between}.resource-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:10px;background:#0000004d;border:1px solid rgba(0,217,255,.25);border-radius:8px;transition:all .3s ease;text-decoration:none;color:inherit;flex:1 1 30%;min-width:0;max-width:32%;text-align:center;min-height:120px;overflow:visible}.resource-item.clickable{cursor:pointer}.resource-item.clickable:hover{background:#00000080;border-color:#00d9ff66;box-shadow:0 0 15px #00d9ff33;transform:translateY(-2px)}.resource-item .external-link{font-size:10px;color:#00d9ff;margin-left:0;transition:transform .3s ease;display:inline-block}.resource-item.clickable:hover .external-link{transform:translate(2px)}.resource-item.documentation-item{border-color:#ff9d004d;background:#0000004d}.resource-item.documentation-item .resource-content h4,.resource-item.documentation-item .external-link{color:#ff9d00}.resource-item.documentation-item:hover{background:#00000080;border-color:#ff9d0080;box-shadow:0 0 15px #ff9d0033}.resource-separator{display:flex!important;align-items:center;justify-content:center;padding:0;margin:0;flex:0 0 15px!important;min-width:15px;max-width:15px;flex-direction:column!important}.separator-line{font-size:18px;color:#00d9ff66;font-weight:300;line-height:1;-webkit-user-select:none;user-select:none;opacity:.7}.resource-icon{font-size:24px;flex-shrink:0;opacity:.9;line-height:1;margin-bottom:4px}.resource-content{flex:1;width:100%;display:flex;flex-direction:column;gap:4px;overflow:visible}.resource-content h4{font-size:13px;font-weight:700;font-family:Rajdhani,sans-serif;color:#00d9ff;margin:0 0 6px;letter-spacing:.5px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;text-transform:uppercase;word-wrap:break-word;overflow-wrap:break-word;width:100%;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}.resource-content p{font-size:11px;color:#ffffffb3;margin:0;line-height:1.5;text-align:center;word-wrap:break-word;overflow-wrap:break-word;width:100%;-webkit-hyphens:auto;hyphens:auto;max-height:none;overflow:visible}.no-resources-message{padding:24px;text-align:center;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-top:12px}.no-resources-message p{font-size:14px;color:#ffffff80;margin:0;font-family:Rajdhani,sans-serif;letter-spacing:.5px}.challenge-content.without-image{padding:32px!important}.challenge-content.without-image .challenge-resources{margin-top:20px!important}.challenge-content.without-image .resources-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important}@media(max-width:768px){.challenge-container{padding:0;margin:10px}.challenge-title-box{padding:20px 24px}.challenge-title-box h2{font-size:28px}.challenge-content{padding:20px 24px}.resources-grid{flex-wrap:wrap!important;gap:12px}.resource-item{max-width:100%!important}.resource-separator{display:none!important}.file-content{flex-direction:column}.file-preview{max-width:100%}}.success-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000}.success-card{position:relative;background:linear-gradient(135deg,#0a192ff2,#000a19f2);border:3px solid #00d9ff;border-radius:24px;padding:60px 80px;text-align:center;box-shadow:0 0 80px #00d9ff80,0 0 120px #00d9ff4d,inset 0 0 60px #00d9ff1a;max-width:600px;overflow:hidden}.success-icon-container{margin-bottom:30px}.success-icon{width:120px;height:120px;margin:0 auto;background:linear-gradient(135deg,#0f8,#00d9ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:70px;color:#0a192f;font-weight:700;box-shadow:0 0 40px #0f89,0 0 80px #00d9ff66;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 40px #0f89,0 0 80px #00d9ff66}50%{transform:scale(1.05);box-shadow:0 0 60px #0f8c,0 0 120px #00d9ff99}}.success-card h2{font-family:Orbitron,sans-serif;font-size:42px;font-weight:900;background:linear-gradient(135deg,#0f8,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:20px 0;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 30px rgba(0,217,255,.5)}.success-message{font-family:Rajdhani,sans-serif;font-size:20px;color:#fffc;margin:15px 0 30px;letter-spacing:1px}.rewards-display{display:flex;gap:30px;justify-content:center;margin-top:30px}.reward-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 30px;background:#00d9ff1a;border:2px solid rgba(0,217,255,.3);border-radius:12px;transition:all .3s ease}.reward-item:hover{background:#00d9ff26;border-color:#00d9ff80;transform:translateY(-5px);box-shadow:0 10px 30px #00d9ff4d}.reward-icon{font-size:36px;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}.reward-value{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:#0f8;text-shadow:0 0 15px rgba(0,255,136,.5)}.success-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;width:8px;height:8px;background:linear-gradient(135deg,#0f8,#00d9ff);border-radius:50%;box-shadow:0 0 15px #00d9ffcc}@media(max-width:768px){.success-card{padding:40px 30px;margin:20px;max-width:90%}.success-card h2{font-size:28px;letter-spacing:2px}.success-icon{width:80px;height:80px;font-size:50px}.rewards-display{flex-direction:column;gap:15px}.reward-item{padding:15px 25px}.reward-icon{font-size:28px}.reward-value{font-size:20px}}.challenge-completed{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:25px;text-align:center;padding:40px}.completed-icon{font-size:80px;color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.6),0 0 40px rgba(0,255,136,.4);animation:pulse-glow 2s ease-in-out infinite}.challenge-completed h2{font-family:Orbitron,sans-serif;font-size:32px;color:#00d9ff;text-shadow:0 0 20px rgba(0,217,255,.5);margin:0}.challenge-completed p{font-family:Rajdhani,sans-serif;font-size:18px;color:#ffffffb3;margin:0}.weekly-next-challenge-timer{margin-top:30px;padding:25px 35px;background:linear-gradient(135deg,#00d9ff33,#0f83);border:2px solid #00d9ff;border-radius:12px;box-shadow:0 0 25px #00d9ff66,inset 0 0 15px #00d9ff1a}.timer-label{font-family:Rajdhani,sans-serif;font-size:14px;color:#ffffffb3;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.timer-countdown{font-family:Orbitron,sans-serif;font-size:36px;font-weight:900;background:linear-gradient(135deg,#0f8,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countdown-pulse 1s ease-in-out infinite}.comeback-text{margin-top:10px;font-size:16px!important;color:#ffffff80!important}.weekly-countdown-badge,.weekly-countdown-badge-wrapper{position:absolute!important;top:70px!important;right:20px!important;padding:15px 25px;background:#00d9ff!important;border:2px solid #00ff88!important;border-radius:12px;box-shadow:0 0 30px #00d9ffcc,inset 0 0 15px #00d9ff4d;z-index:999!important;display:block!important;min-width:200px}.countdown-badge-label{font-family:Rajdhani,sans-serif;font-size:12px;color:#000!important;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px;text-align:center;font-weight:700}.countdown-badge-timer{font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;color:#0a192f!important;text-align:center;animation:countdown-pulse 1s ease-in-out infinite}.countdown-badge-timer{font-family:Orbitron,sans-serif;font-size:24px;font-weight:900;background:linear-gradient(135deg,#0f8,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;animation:countdown-pulse 1s ease-in-out infinite}@keyframes countdown-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.next-challenge-countdown{margin-top:20px;padding:30px 40px;background:linear-gradient(135deg,#00d9ff1a,#00ff881a);border:2px solid rgba(0,217,255,.3);border-radius:16px;box-shadow:0 0 30px #00d9ff33,inset 0 0 20px #00d9ff0d}.countdown-label{font-family:Rajdhani,sans-serif;font-size:16px;color:#fff9;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:15px}.countdown-timer{font-family:Orbitron,sans-serif;font-size:42px;font-weight:900;background:linear-gradient(135deg,#0f8,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,217,255,.5);animation:countdown-pulse 1s ease-in-out infinite}.challenge-back-button{margin-top:20px;padding:14px 35px;background:linear-gradient(135deg,#00d9ff33,#0f83);border:2px solid #00d9ff;color:#00d9ff;border-radius:8px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1.5px}.challenge-back-button:hover{background:linear-gradient(135deg,#00d9ff4d,#00ff884d);box-shadow:0 0 25px #00d9ff66;transform:translateY(-2px)}@media(max-width:768px){.weekly-countdown-badge{top:10px;right:10px;padding:10px 15px}.countdown-badge-label{font-size:10px}.countdown-badge-timer{font-size:18px}}.matchmaking-notification{position:fixed;bottom:20px;right:20px;z-index:9999;pointer-events:all}.mm-notif-compact{position:relative;display:flex;align-items:center;gap:12px;padding:14px 24px;background:#0009;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(0,217,255,.4);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #0009,0 0 30px #00d9ff33,inset 0 1px #ffffff1a;font-family:Rajdhani,sans-serif}.mm-notif-compact:hover{border-color:#00d9ff;transform:translateY(-2px);box-shadow:0 12px 40px #000000b3,0 0 40px #00d9ff4d}.mm-notif-compact-icon{font-size:22px;filter:drop-shadow(0 0 8px rgba(0,217,255,.8))}.mm-notif-compact-text{font-size:15px;font-weight:700;color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.5);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.mm-notif-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.mm-notif-expanded{width:320px;background:#000000bf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,217,255,.4);border-radius:12px;overflow:hidden;box-shadow:0 10px 50px #000c,0 0 40px #00d9ff33,inset 0 1px #ffffff1a;font-family:Rajdhani,sans-serif}.mm-notif-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(0,217,255,.2);background:linear-gradient(180deg,rgba(0,217,255,.05),transparent)}.mm-notif-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.5);text-transform:uppercase;letter-spacing:1.5px}.mm-notif-icon{font-size:20px;filter:drop-shadow(0 0 8px rgba(0,217,255,.8))}.mm-notif-close{background:none;border:none;color:#ffffff80;font-size:28px;cursor:pointer;line-height:1;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:6px}.mm-notif-close:hover{background:#ff6b351a;color:#ff6b35;transform:rotate(90deg)}.mm-notif-body{padding:20px;display:flex;flex-direction:column;gap:15px}.mm-notif-category{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:2px;font-weight:700;font-family:Orbitron,sans-serif}.mm-notif-info{font-size:15px;color:#ffffffe6;display:flex;align-items:center;gap:8px;font-weight:600}.mm-notif-count{font-size:28px;font-weight:700;color:#00d9ff;text-shadow:0 0 15px rgba(0,217,255,.6);font-family:Orbitron,sans-serif}.mm-notif-timer{font-size:32px;font-weight:700;color:#00d9ff;text-shadow:0 0 15px rgba(0,217,255,.6);font-family:Orbitron,sans-serif;letter-spacing:3px}.mm-notif-actions{display:flex;gap:10px;padding:16px 20px;border-top:1px solid rgba(0,217,255,.2);background:#0000004d}.mm-notif-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1.5px;font-family:Rajdhani,sans-serif}.mm-notif-btn-view{background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);border:2px solid rgba(0,217,255,.5);color:#00d9ff;box-shadow:0 5px 20px #00d9ff33;text-shadow:0 0 10px rgba(0,217,255,.5)}.mm-notif-btn-view:hover{background:linear-gradient(135deg,#00d9ff66,#00d9ff4d);border-color:#00d9ff;transform:translateY(-2px);box-shadow:0 8px 30px #00d9ff66}.mm-notif-btn-cancel{background:#0000004d;border:2px solid rgba(255,255,255,.2);color:#ffffffb3}.mm-notif-btn-cancel:hover{background:#ff6b351a;border-color:#ff6b3566;color:#ff6b35;box-shadow:0 5px 20px #ff6b3533}@media(max-width:768px){.matchmaking-notification{bottom:80px;right:10px}.mm-notif-expanded{width:calc(100vw - 20px);max-width:340px}}.tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;pointer-events:none;font-family:Rajdhani,sans-serif}.tutorial-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;animation:tutorialFadeIn .4s ease-out}.tutorial-spotlight{position:absolute;background:transparent;border:3px solid #00d9ff;border-radius:12px;box-shadow:0 0 0 9999px #000000d9,0 0 30px #00d9ffcc,0 0 60px #00d9ff80,inset 0 0 30px #00d9ff1a;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10001;animation:spotlightGlow 2s ease-in-out infinite}.tutorial-spotlight-pulse{position:absolute;border:2px solid #00d9ff;border-radius:12px;pointer-events:none;z-index:10000;animation:spotlightPulse 2s ease-out infinite;opacity:0}@keyframes spotlightGlow{0%,to{box-shadow:0 0 0 9999px #000000d9,0 0 30px #00d9ffcc,0 0 60px #00d9ff80,inset 0 0 30px #00d9ff1a}50%{box-shadow:0 0 0 9999px #000000d9,0 0 40px #00d9ff,0 0 80px #00d9ffb3,inset 0 0 40px #00d9ff26}}@keyframes spotlightPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:0}}.tutorial-tooltip{position:absolute;max-width:320px;background:linear-gradient(135deg,#000f19fa,#001928fa);border:2px solid rgba(0,217,255,.4);border-radius:16px;padding:0;box-shadow:0 10px 40px #000c,0 0 0 1px #00d9ff1a,0 0 30px #00d9ff33;pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:tooltipSlideIn .4s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:10002}.tutorial-tooltip.center{animation:tooltipZoomIn .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 0 9999px #000000bf,0 10px 40px #000c,0 0 0 1px #00d9ff1a,0 0 30px #00d9ff33}.tutorial-tooltip:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#00d9ff 50%,transparent 100%);animation:headerGlow 2s ease-in-out infinite}@keyframes headerGlow{0%,to{opacity:.5}50%{opacity:1}}.tutorial-tooltip.animating{opacity:.5;transform:scale(.95)}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipZoomIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}.tutorial-tooltip-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 10px;border-bottom:1px solid rgba(0,217,255,.15);background:linear-gradient(180deg,rgba(0,217,255,.05) 0%,transparent 100%)}.tutorial-tooltip-title{font-family:Orbitron,sans-serif;font-size:17px;font-weight:700;color:#00d9ff;margin:0;text-shadow:0 0 20px rgba(0,217,255,.5);letter-spacing:.5px}.tutorial-skip-btn{background:#ff33331a;border:1px solid rgba(255,51,51,.3);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f33;transition:all .3s ease;padding:0}.tutorial-skip-btn:hover{background:#f333;border-color:#f33;box-shadow:0 0 15px #ff33334d;transform:scale(1.1)}.tutorial-tooltip-description{padding:14px 18px;font-size:14px;line-height:1.5;color:#ffffffe6;margin:0;font-weight:400}.tutorial-click-prompt{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#00d9ff0d;border-top:1px solid rgba(0,217,255,.15);border-bottom:1px solid rgba(0,217,255,.15);font-size:12px;color:#00d9ff;font-weight:500;animation:clickPromptPulse 2s ease-in-out infinite}.tutorial-click-icon{display:flex;align-items:center;justify-content:center;animation:clickIconSpin 3s linear infinite}@keyframes clickPromptPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes clickIconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tutorial-tooltip-footer{padding:14px 18px;background:#0000004d}.tutorial-progress{margin-bottom:12px}.tutorial-progress-bar{width:100%;height:6px;background:#00d9ff1a;border-radius:3px;overflow:hidden;margin-bottom:8px;border:1px solid rgba(0,217,255,.2)}.tutorial-progress-fill{height:100%;background:linear-gradient(90deg,#00d9ff,#0fc);border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #00d9ff80;position:relative;overflow:hidden}.tutorial-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(200%)}}.tutorial-progress-text{display:block;text-align:center;font-size:13px;color:#00d9ffcc;font-weight:600;font-family:Courier New,monospace}.tutorial-tooltip-actions{display:flex;gap:12px;justify-content:flex-end}.tutorial-btn{padding:10px 24px;border-radius:8px;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;border:none;position:relative;overflow:hidden}.tutorial-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.tutorial-btn:hover:before{width:300px;height:300px}.tutorial-btn-primary{background:linear-gradient(135deg,#00d9ff,#00b8d4);color:#000;box-shadow:0 4px 15px #00d9ff4d;border:1px solid rgba(0,217,255,.5)}.tutorial-btn-primary:hover{box-shadow:0 6px 25px #00d9ff80;transform:translateY(-2px)}.tutorial-btn-primary:active{transform:translateY(0)}.tutorial-btn-secondary{background:#00d9ff1a;color:#00d9ff;border:1px solid rgba(0,217,255,.3)}.tutorial-btn-secondary:hover{background:#00d9ff33;border-color:#00d9ff;box-shadow:0 0 15px #00d9ff33}@media(max-width:768px){.tutorial-tooltip{max-width:90vw;left:5vw!important;right:5vw!important;transform:none!important}.tutorial-tooltip.center{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.tutorial-tooltip-title{font-size:18px}.tutorial-tooltip-description{font-size:14px}}.tutorial-tooltip.right:after{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:12px 12px 12px 0;border-color:transparent rgba(0,217,255,.4) transparent transparent}.tutorial-tooltip.left:after{content:"";position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:12px 0 12px 12px;border-color:transparent transparent transparent rgba(0,217,255,.4)}.tutorial-tooltip.top:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-width:12px 12px 0 12px;border-color:rgba(0,217,255,.4) transparent transparent transparent}.tutorial-tooltip.bottom:after{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-width:0 12px 12px 12px;border-color:transparent transparent rgba(0,217,255,.4) transparent}.settings-dashboard-wrapper{display:flex;flex-direction:column;gap:15px;width:100%;height:100%;animation:shopSlide .5s ease}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:linear-gradient(135deg,#0a0a14fa,#141428fa);border:2px solid rgba(255,50,50,.5);border-radius:16px;width:90%;max-width:550px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #ff00004d,0 0 100px #ff00001a;animation:modalSlideUp .3s ease;position:relative}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ff3232,transparent);animation:scanline 2s linear infinite}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(255,50,50,.3);background:linear-gradient(135deg,rgba(255,0,0,.1),transparent)}.modal-header h2{font-size:24px;font-weight:700;color:#ff3232;margin:0;text-shadow:0 0 20px rgba(255,50,50,.5);font-family:Orbitron,monospace}.modal-close{background:none;border:none;font-size:32px;color:#ff3232;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.modal-close:hover{background:#ff323233;transform:rotate(90deg)}.modal-content{padding:24px;color:#fff;max-height:60vh;overflow-y:auto}.modal-warning{font-size:16px;line-height:1.6;margin-bottom:20px;color:#fc0;padding:15px;background:#ffcc001a;border-left:3px solid #ffcc00;border-radius:4px}.modal-warning strong{color:#ff3232;text-transform:uppercase}.modal-list{list-style:none;padding:0;margin:20px 0}.modal-list li{padding:12px;margin:8px 0;background:#ff32321a;border-left:3px solid #ff3232;border-radius:4px;color:#ccc;font-size:14px;transition:all .3s ease}.modal-list li:hover{background:#ff323233;transform:translate(5px)}.modal-confirm-section{margin-top:30px;padding:20px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,50,50,.3)}.modal-label{display:block;font-size:14px;margin-bottom:12px;color:#fff;font-weight:500}.modal-label strong{color:#00d9ff;font-family:Courier New,monospace;font-size:16px}.modal-input{width:100%;padding:14px;background:#00000080;border:2px solid rgba(255,50,50,.3);border-radius:8px;color:#fff;font-size:16px;font-family:Courier New,monospace;transition:all .3s ease;outline:none}.modal-input:focus{border-color:#ff3232;box-shadow:0 0 20px #ff32324d;background:#000000b3}.modal-input:disabled{opacity:.5;cursor:not-allowed}.modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,50,50,.3);background:#0003}.modal-btn{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:1px}.modal-btn.cancel{background:#6464644d;color:#fff;border:2px solid rgba(100,100,100,.5)}.modal-btn.cancel:hover:not(:disabled){background:#64646480;border-color:#666;transform:translateY(-2px);box-shadow:0 5px 20px #6464644d}.modal-btn.danger{background:linear-gradient(135deg,#ff3232,#c00);color:#fff;border:2px solid rgba(255,50,50,.5);box-shadow:0 5px 20px #ff32324d}.modal-btn.danger:hover:not(:disabled){background:linear-gradient(135deg,#f55,red);transform:translateY(-2px);box-shadow:0 8px 30px #ff323280}.modal-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.settings-dashboard-wrapper .tabs-nav{display:flex;gap:12px;background:linear-gradient(135deg,#0009,#0006);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px;border:2px solid rgba(0,217,255,.3);border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 0 20px #00d9ff0d;position:relative}.settings-dashboard-wrapper .tabs-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00d9ff,transparent);opacity:.5}.settings-dashboard-wrapper .tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#0009,#0006);border:2px solid rgba(0,217,255,.2);color:#8892b0;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .4s ease;border-radius:8px;position:relative;overflow:hidden}.settings-dashboard-wrapper .tab-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d9ff1a,#00d9ff0d);opacity:0;transition:opacity .3s ease}.settings-dashboard-wrapper .tab-btn:hover{color:#00d9ff;border-color:#00d9ff80;transform:translateY(-2px);box-shadow:0 8px 20px #00d9ff4d}.settings-dashboard-wrapper .tab-btn:hover:before{opacity:1}.settings-dashboard-wrapper .tab-btn.active{background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);color:#00d9ff;border-color:#00d9ff;box-shadow:0 0 30px #00d9ff66,inset 0 0 20px #00d9ff1a}.settings-dashboard-wrapper .tab-btn.active:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:3px;background:linear-gradient(90deg,transparent,#00d9ff,transparent);border-radius:2px;box-shadow:0 0 15px #00d9ff}.settings-dashboard-wrapper .tab-btn-danger{border-color:#ff6b354d}.settings-dashboard-wrapper .tab-btn-danger:before{background:linear-gradient(135deg,#ff6b351a,#ff6b350d)}.settings-dashboard-wrapper .tab-btn-danger:hover{color:#ff6b35;border-color:#ff6b3580;box-shadow:0 8px 20px #ff6b354d}.settings-dashboard-wrapper .tab-btn-danger.active{background:linear-gradient(135deg,#ff6b3533,#ff6b351a);color:#ff6b35;border-color:#ff6b35;box-shadow:0 0 30px #ff6b3566,inset 0 0 20px #ff6b351a}.settings-dashboard-wrapper .tab-btn-danger.active:after{background:linear-gradient(90deg,transparent,#ff6b35,transparent);box-shadow:0 0 15px #ff6b35}.settings-dashboard-wrapper .settings-content-area{background:linear-gradient(135deg,#000000b3,#00000080);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,217,255,.3);border-radius:12px;padding:25px;box-shadow:0 8px 32px #00000080,inset 0 0 30px #00d9ff0d;position:relative;flex:1;overflow-y:auto;max-height:calc(100vh - 240px)}.settings-dashboard-wrapper .settings-content-area:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00d9ff,transparent);opacity:.5}.settings-dashboard-wrapper .settings-content-area:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(0,217,255,.05),transparent 50%),radial-gradient(circle at bottom left,rgba(255,107,53,.03),transparent 50%);pointer-events:none;border-radius:12px}.settings-dashboard-wrapper .tab-content{position:relative;z-index:1;animation:shopSlide .5s ease}.settings-dashboard-wrapper .settings-content-area::-webkit-scrollbar{width:10px}.settings-dashboard-wrapper .settings-content-area::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.settings-dashboard-wrapper .settings-content-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d9ff,#00a8cc);border-radius:10px;box-shadow:0 0 10px #00d9ff80}.settings-dashboard-wrapper .settings-content-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00f0ff,#00d9ff)}.settings-dashboard-wrapper .content-title{font-family:Orbitron,sans-serif;font-size:22px;font-weight:900;background:linear-gradient(135deg,#00d9ff,#00a8cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:2px;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid rgba(0,217,255,.3);position:relative}.settings-dashboard-wrapper .section-title{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 15px;padding-left:15px;border-left:4px solid #00d9ff;text-shadow:0 0 10px rgba(0,217,255,.5)}.settings-dashboard-wrapper .content-section{margin-bottom:20px;padding:20px;background:#0000004d;border:1px solid rgba(0,217,255,.15);border-radius:10px;transition:all .3s ease}.settings-dashboard-wrapper .content-section:hover{border-color:#00d9ff4d;box-shadow:0 8px 25px #0000004d,inset 0 0 20px #00d9ff0d;transform:translateY(-2px)}.settings-dashboard-wrapper .form-field{margin-bottom:15px}.settings-dashboard-wrapper .form-field label{display:block;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;text-shadow:0 0 10px rgba(0,217,255,.3)}.settings-dashboard-wrapper .form-field input,.settings-dashboard-wrapper .form-field textarea,.settings-dashboard-wrapper .form-field select{width:100%;background:linear-gradient(135deg,#0009,#0006);border:2px solid rgba(0,217,255,.3);border-radius:8px;color:#fff;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:500;padding:10px 14px;transition:all .3s ease}.settings-dashboard-wrapper .form-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300d9ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.settings-dashboard-wrapper .form-field select option{background:#0a0e1a;color:#fff;padding:10px;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:500}.settings-dashboard-wrapper .form-field input:focus,.settings-dashboard-wrapper .form-field textarea:focus,.settings-dashboard-wrapper .form-field select:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff66,inset 0 0 15px #00d9ff1a;transform:translateY(-2px)}.settings-dashboard-wrapper .form-field input:disabled{background:#00000080;color:#5a6070;border-color:#5a60704d;cursor:not-allowed;opacity:.6}.settings-dashboard-wrapper .form-field input:disabled:hover{transform:none;box-shadow:none}.settings-dashboard-wrapper .form-field textarea{resize:vertical;min-height:80px}.settings-dashboard-wrapper .toggle-row{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#00000080,#0000004d);border:2px solid rgba(0,217,255,.2);border-radius:10px;padding:15px 20px;margin-bottom:12px;transition:all .3s ease;position:relative;overflow:hidden}.settings-dashboard-wrapper .toggle-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00d9ff,#00a8cc);opacity:0;transition:opacity .3s ease}.settings-dashboard-wrapper .toggle-row:hover{border-color:#00d9ff66;transform:translate(5px);box-shadow:0 4px 20px #00d9ff33}.settings-dashboard-wrapper .toggle-row:hover:before{opacity:1}.settings-dashboard-wrapper .toggle-info{display:flex;flex-direction:column;gap:5px}.settings-dashboard-wrapper .toggle-label{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:1px}.settings-dashboard-wrapper .toggle-desc{font-family:Rajdhani,sans-serif;font-size:13px;color:#8892b0}.settings-dashboard-wrapper .switch{position:relative;display:inline-block;width:70px;height:34px}.settings-dashboard-wrapper .switch input{opacity:0;width:0;height:0}.settings-dashboard-wrapper .slider{position:absolute;cursor:pointer;inset:0;background:linear-gradient(135deg,#000c,#0009);border:2px solid rgba(136,146,176,.3);transition:.4s;border-radius:34px}.settings-dashboard-wrapper .slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:3px;background:linear-gradient(135deg,#8892b0,#5a6278);transition:.4s;border-radius:50%;box-shadow:0 2px 8px #0000004d}.settings-dashboard-wrapper .switch input:checked+.slider{background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d,inset 0 0 15px #00d9ff1a}.settings-dashboard-wrapper .switch input:checked+.slider:before{transform:translate(36px);background:linear-gradient(135deg,#00d9ff,#00a8cc);box-shadow:0 0 15px #00d9ff99}.settings-dashboard-wrapper .two-factor-box{background:linear-gradient(135deg,#0009,#0006);border:2px solid rgba(0,217,255,.3);border-radius:12px;padding:20px;margin-top:15px;animation:shopSlide .5s ease;box-shadow:0 8px 32px #0000004d,inset 0 0 30px #00d9ff0d}.settings-dashboard-wrapper .qr-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:180px;height:180px;margin:0 auto 20px;background:linear-gradient(135deg,#00d9ff1a,#00d9ff0d);border:3px dashed rgba(0,217,255,.4);border-radius:12px;font-size:50px;color:#00d9ff;filter:drop-shadow(0 0 20px rgba(0,217,255,.3));transition:all .3s ease}.settings-dashboard-wrapper .qr-box:hover{transform:scale(1.05);border-color:#00d9ff;box-shadow:0 0 30px #00d9ff66}.settings-dashboard-wrapper .qr-text{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:1.5px}.settings-dashboard-wrapper .qr-instruction{text-align:center;font-family:Rajdhani,sans-serif;font-size:14px;color:#8892b0;margin:0}.settings-dashboard-wrapper .action-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:12px 28px;border-radius:8px;border:2px solid;cursor:pointer;transition:all .3s ease;margin-top:10px;position:relative;overflow:hidden}.settings-dashboard-wrapper .action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.settings-dashboard-wrapper .action-btn:active:before{width:300px;height:300px}.settings-dashboard-wrapper .action-btn.primary{background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);border-color:#00d9ff;color:#00d9ff;box-shadow:0 4px 15px #00d9ff33}.settings-dashboard-wrapper .action-btn.primary:hover{background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);box-shadow:0 8px 30px #00d9ff66;transform:translateY(-2px)}.settings-dashboard-wrapper .action-btn.danger{background:linear-gradient(135deg,#ff6b3533,#ff6b351a);border-color:#ff6b35;color:#ff6b35;box-shadow:0 4px 15px #ff6b3533}.settings-dashboard-wrapper .action-btn.danger:hover{background:linear-gradient(135deg,#ff6b354d,#ff6b3533);box-shadow:0 8px 30px #ff6b3566;transform:translateY(-2px)}.settings-dashboard-wrapper .action-btn.tutorial{background:#00d9ff1a;border-color:#00d9ff;color:#00d9ff;box-shadow:0 4px 15px #00d9ff33;padding:8px 16px;margin-left:auto}.settings-dashboard-wrapper .action-btn.tutorial:hover{background:#00d9ff33;box-shadow:0 0 15px #00d9ff66;transform:translateY(-2px)}.settings-dashboard-wrapper .danger-zone{margin-top:25px;padding:20px;background:linear-gradient(135deg,#ff6b350d,#ff6b3505);border:2px solid rgba(255,107,53,.3);border-radius:12px;box-shadow:0 0 30px #ff6b3526}.settings-dashboard-wrapper .danger-zone h3{font-family:Orbitron,sans-serif;font-size:16px;font-weight:900;color:#ff6b35;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 15px;text-shadow:0 0 15px rgba(255,107,53,.5)}.settings-dashboard-wrapper .danger-zone p{font-family:Rajdhani,sans-serif;font-size:14px;color:#8892b0;margin:0 0 15px}@media(max-width:1024px){.settings-dashboard-wrapper .tabs-nav{flex-wrap:wrap}.settings-dashboard-wrapper .tab-btn{flex:1 1 calc(50% - 6px)}}@media(max-width:768px){.settings-dashboard-wrapper .settings-content-area{padding:20px}.settings-dashboard-wrapper .toggle-row{flex-direction:column;align-items:flex-start;gap:15px}.settings-dashboard-wrapper .switch{align-self:flex-end}}.inventory-dashboard-wrapper{display:flex;flex-direction:column;gap:15px;width:100%;height:100%;animation:shopSlide .5s ease}.inventory-tabs-nav{display:flex;gap:12px;background:linear-gradient(135deg,#0009,#0006);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px;border:2px solid rgba(0,217,255,.3);border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 0 20px #00d9ff0d;position:relative}.inventory-tabs-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00d9ff,transparent);opacity:.5}.inventory-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#0009,#0006);border:2px solid rgba(0,217,255,.2);color:#8892b0;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .4s ease;border-radius:8px;position:relative;overflow:hidden}.inventory-tab-btn:hover{color:#00d9ff;border-color:#00d9ff80;transform:translateY(-2px);box-shadow:0 8px 20px #00d9ff4d}.inventory-tab-btn.active{background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);color:#00d9ff;border-color:#00d9ff;box-shadow:0 0 30px #00d9ff66,inset 0 0 20px #00d9ff1a}.inventory-tab-btn.active:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:3px;background:linear-gradient(90deg,transparent,#00d9ff,transparent);border-radius:2px;box-shadow:0 0 15px #00d9ff}.inventory-content-area{background:linear-gradient(135deg,#000000b3,#00000080);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,217,255,.3);border-radius:12px;padding:25px;box-shadow:0 8px 32px #00000080,inset 0 0 30px #00d9ff0d;position:relative;flex:1;overflow-y:auto;max-height:calc(100vh - 240px)}.inventory-content-area:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00d9ff,transparent);opacity:.5}.inventory-content-area::-webkit-scrollbar{width:10px}.inventory-content-area::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.inventory-content-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d9ff,#00a8cc);border-radius:10px;box-shadow:0 0 10px #00d9ff80}.inventory-tab-content{animation:shopSlide .5s ease}.inventory-title{font-family:Orbitron,sans-serif;font-size:22px;font-weight:900;background:linear-gradient(135deg,#00d9ff,#00a8cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:2px;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid rgba(0,217,255,.3)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.inventory-item{background:linear-gradient(135deg,#000c,#0009);border:2px solid rgba(0,217,255,.3);border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease;position:relative;overflow:hidden}.inventory-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.5}.inventory-item:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00d9ff4d;border-color:#00d9ff}.item-header{display:flex;align-items:center;justify-content:space-between}.item-icon{font-size:40px;filter:drop-shadow(0 0 10px rgba(0,217,255,.5))}.equipped-badge{font-family:Orbitron,sans-serif;font-size:9px;font-weight:700;color:#00d9ff;background:#00d9ff33;padding:4px 8px;border-radius:6px;border:1px solid #00d9ff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 15px #00d9ff66}.item-body{display:flex;flex-direction:column;gap:6px;flex:1}.item-name{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#fff;margin:0;text-transform:uppercase;letter-spacing:1px}.item-rarity{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.item-action-btn{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:10px;background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);border:2px solid #00d9ff;color:#00d9ff;border-radius:8px;cursor:pointer;transition:all .3s ease}.item-action-btn:hover{background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);box-shadow:0 4px 20px #00d9ff66;transform:translateY(-2px)}.inventory-grid.boosts .inventory-item{border-color:#ffd7004d}.boost-header{display:flex;align-items:center;justify-content:space-between}.boost-icon{font-size:40px;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.boost-quantity{font-family:Orbitron,sans-serif;font-size:14px;font-weight:900;color:gold;background:#ffd70033;padding:6px 12px;border-radius:8px;border:2px solid #ffd700;box-shadow:0 0 15px #ffd7004d}.boost-info{display:flex;align-items:center;gap:8px}.boost-duration{font-family:Rajdhani,sans-serif;font-size:13px;color:#8892b0}.item-action-btn.boost-btn{border-color:gold;color:gold;background:linear-gradient(135deg,#ffd70033,#ffd7001a)}.item-action-btn.boost-btn:hover{background:linear-gradient(135deg,#ffd7004d,#ffd70033);box-shadow:0 4px 20px #ffd70066}.titles-list{display:flex;flex-direction:column;gap:12px}.title-item{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#000c,#0009);border:2px solid rgba(0,217,255,.3);border-radius:12px;padding:20px;transition:all .3s ease}.title-item:hover{border-color:#00d9ff;transform:translate(5px);box-shadow:0 8px 30px #00d9ff4d}.title-item.equipped{background:linear-gradient(135deg,#00d9ff26,#00d9ff0d);border-color:#00d9ff;box-shadow:0 0 30px #00d9ff4d}.title-item.locked{opacity:.5;filter:grayscale(.8)}.title-left{display:flex;align-items:center;gap:15px}.title-icon{font-size:32px;filter:drop-shadow(0 0 10px rgba(0,217,255,.5))}.title-info{display:flex;flex-direction:column;gap:5px}.title-name{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#fff;margin:0;text-transform:uppercase;letter-spacing:1.5px}.title-status{font-family:Rajdhani,sans-serif;font-size:13px;color:#8892b0}.title-item.equipped .title-status{color:#00d9ff;font-weight:700}.title-action-btn{font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:10px 20px;background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);border:2px solid #00d9ff;color:#00d9ff;border-radius:8px;cursor:pointer;transition:all .3s ease}.title-action-btn:hover{background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);box-shadow:0 4px 20px #00d9ff66;transform:translateY(-2px)}.credits-tab{display:flex;flex-direction:column;gap:25px}.credits-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.credit-card{background:linear-gradient(135deg,#000c,#0009);border:2px solid rgba(0,217,255,.3);border-radius:12px;padding:25px;display:flex;align-items:center;gap:20px;transition:all .3s ease}.credit-card.main{border-color:#00d9ff;box-shadow:0 0 30px #00d9ff33}.credit-card.secondary{border-color:gold;box-shadow:0 0 30px #ffd70033}.credit-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00d9ff4d}.credit-icon-large{font-size:60px;filter:drop-shadow(0 0 20px rgba(0,217,255,.5))}.credit-card.secondary .credit-icon-large{filter:drop-shadow(0 0 20px rgba(255,215,0,.5))}.credit-data{display:flex;flex-direction:column;gap:8px}.credit-label{font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;color:#8892b0;text-transform:uppercase;letter-spacing:1.5px}.credit-value{font-family:Orbitron,sans-serif;font-size:32px;font-weight:900;color:#00d9ff;text-shadow:0 0 20px rgba(0,217,255,.5)}.credit-card.secondary .credit-value{color:gold;text-shadow:0 0 20px rgba(255,215,0,.5)}.credit-transactions{background:linear-gradient(135deg,#0009,#0006);border:2px solid rgba(0,217,255,.2);border-radius:12px;padding:20px}.section-title{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 15px}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;align-items:center;justify-content:space-between;background:#0006;border:1px solid rgba(0,217,255,.2);border-radius:10px;padding:15px;transition:all .3s ease}.transaction-item:hover{border-color:#00d9ff;transform:translate(5px);box-shadow:0 4px 20px #00d9ff33}.transaction-left{display:flex;align-items:center;gap:15px}.transaction-icon{font-size:24px}.transaction-info{display:flex;flex-direction:column;gap:4px}.transaction-desc{font-family:Rajdhani,sans-serif;font-size:15px;font-weight:600;color:#fff}.transaction-date{font-family:Rajdhani,sans-serif;font-size:13px;color:#8892b0}.transaction-amount{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700}.transaction-amount.earned{color:#0f8}.transaction-amount.spent{color:#ff6b35}.credit-actions{display:flex;gap:15px}.credit-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:15px;border-radius:8px;border:2px solid;cursor:pointer;transition:all .3s ease}.credit-action-btn.primary{background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);border-color:#00d9ff;color:#00d9ff}.credit-action-btn.primary:hover{background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);box-shadow:0 8px 30px #00d9ff66;transform:translateY(-2px)}.credit-action-btn.secondary{background:linear-gradient(135deg,#8892b033,#8892b01a);border-color:#8892b0;color:#8892b0}.credit-action-btn.secondary:hover{background:linear-gradient(135deg,#8892b04d,#8892b033);box-shadow:0 8px 30px #8892b04d;transform:translateY(-2px)}.banners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%}.banner-card{background:linear-gradient(135deg,#0009,#0006);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,217,255,.3);border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.banner-card:hover{border-color:#00d9ff;box-shadow:0 8px 32px #00d9ff4d}.banner-preview{width:100%;height:180px;position:relative;background-size:cover;background-position:center}.banner-rarity-badge{position:absolute;top:10px;right:10px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.equipped-badge{position:absolute;top:10px;left:10px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;background:linear-gradient(135deg,#00d9ff,#00a8cc);color:#000;box-shadow:0 4px 15px #00d9ff80}.banner-info{padding:15px;flex-grow:1}.banner-name{font-size:1.1rem;font-weight:700;color:#00d9ff;margin-bottom:8px}.banner-description{font-size:.9rem;color:#8892b0;line-height:1.4}.banner-footer{padding:15px;display:flex;justify-content:center;border-top:1px solid rgba(0,217,255,.2)}.equip-btn{flex:1;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;padding:10px 20px;min-width:140px;background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);border:2px solid #00d9ff;color:#00d9ff;border-radius:8px;cursor:pointer;transition:all .3s ease}.equip-btn:hover{background:linear-gradient(135deg,#00d9ff66,#00d9ff4d);box-shadow:0 6px 25px #00d9ff80;transform:translateY(-2px)}.equip-btn.equipped{background:linear-gradient(135deg,#ff8c004d,#ff640033);border:2px solid #ff8c00;color:#ff8c00}.equip-btn.equipped:hover{background:linear-gradient(135deg,#ff8c0066,#ff64004d);box-shadow:0 6px 25px #ff8c0080;transform:translateY(-2px)}.loading-message,.empty-message{text-align:center;padding:40px;color:#8892b0;font-size:1.1rem}.empty-message{background:linear-gradient(135deg,#0006,#0003);border:2px dashed rgba(0,217,255,.3);border-radius:12px}@media(max-width:1024px){.inventory-tabs-nav{flex-wrap:wrap}.inventory-tab-btn{flex:1 1 calc(50% - 6px)}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:768px){.inventory-content-area{padding:20px}.inventory-grid,.credits-summary{grid-template-columns:1fr}.credit-actions{flex-direction:column}}.leaderboard-dashboard-wrapper{display:flex;flex-direction:column;gap:15px;width:100%;height:100%;overflow-x:hidden;animation:shopSlide .5s ease}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#000000b3,#00000080);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 25px;border:2px solid rgba(0,217,255,.3);border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 0 20px #00d9ff0d}.leaderboard-main-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;background:linear-gradient(135deg,gold,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:3px;margin:0}.player-rank-badge{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#ffd70033,#ffd7001a);padding:12px 20px;border:2px solid #ffd700;border-radius:10px;box-shadow:0 0 30px #ffd7004d}.rank-icon{font-size:28px;animation:rankFloat 3s ease-in-out infinite}@keyframes rankFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.rank-info{display:flex;flex-direction:column;gap:2px}.rank-label{font-family:Rajdhani,sans-serif;font-size:12px;color:#8892b0;text-transform:uppercase}.rank-value{font-family:Orbitron,sans-serif;font-size:24px;font-weight:900;color:gold;text-shadow:0 0 15px rgba(255,215,0,.5)}.leaderboard-tabs-nav{display:flex;gap:12px;background:linear-gradient(135deg,#0009,#0006);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px;border:2px solid rgba(0,217,255,.3);border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 0 20px #00d9ff0d}.leaderboard-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#0009,#0006);border:2px solid rgba(0,217,255,.2);color:#8892b0;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .4s ease;border-radius:8px;position:relative;overflow:hidden}.leaderboard-tab-btn .tab-icon{display:flex;align-items:center;justify-content:center;height:20px;width:20px}.leaderboard-tab-btn .tab-icon svg,.leaderboard-tab-btn .tab-icon img{max-height:20px;max-width:20px}.leaderboard-tab-btn:hover{color:#00d9ff;border-color:#00d9ff80;transform:translateY(-2px)}.leaderboard-tab-btn.active{background:linear-gradient(135deg,#ffd70033,#ffd7001a);color:gold;border-color:gold;box-shadow:0 0 30px #ffd70066}.leaderboard-content-area{background:linear-gradient(135deg,#000000b3,#00000080);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,217,255,.3);border-radius:12px;padding:0;box-shadow:0 8px 32px #00000080;flex:1;overflow:hidden;max-height:calc(100vh - 280px)}.leaderboard-tab-content{display:flex;flex-direction:column;height:100%;animation:shopSlide .5s ease}.leaderboard-table-header{display:grid;grid-template-columns:80px 1fr 60px 100px 120px 100px 120px;gap:15px;padding:20px 25px;background:linear-gradient(135deg,#00d9ff26,#00d9ff0d);border-bottom:2px solid rgba(0,217,255,.3);position:sticky;top:0;z-index:10}.header-cell{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:1px;text-align:center}.header-cell.rank-col{text-align:center}.header-cell.player-col{text-align:left}.leaderboard-list{overflow-y:auto;overflow-x:hidden;flex:1}.leaderboard-list::-webkit-scrollbar{width:10px}.leaderboard-list::-webkit-scrollbar-track{background:#0000004d}.leaderboard-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,gold,#fa0);border-radius:10px}.leaderboard-row{display:grid;grid-template-columns:80px 1fr 60px 100px 120px 100px 120px;gap:15px;padding:18px 25px;border-bottom:1px solid rgba(0,217,255,.1);transition:all .3s ease;align-items:center;overflow-x:hidden}.leaderboard-row:hover{background:linear-gradient(135deg,#00d9ff1a,#00d9ff0d);border-bottom-color:#00d9ff4d}.leaderboard-row.top-three{background:linear-gradient(135deg,#ffd70014,#ffd70008)}.leaderboard-row.top-three:hover{background:linear-gradient(135deg,#ffd70026,#ffd70014)}.leaderboard-row.current-user{background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);border-left:4px solid #00d9ff;box-shadow:0 0 20px #00d9ff33}.leaderboard-row.current-user:hover{background:linear-gradient(135deg,#00d9ff40,#00d9ff26);border-left-color:#00f0ff}.row-cell{display:flex;align-items:center;justify-content:center;font-family:Rajdhani,sans-serif;font-size:15px;color:#fff}.row-cell.rank-col{justify-content:center}.row-cell.player-col{justify-content:flex-start;gap:12px;position:relative}.view-profile-btn{padding:6px 10px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:6px;color:#00d9ff;font-size:16px;cursor:pointer;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.view-profile-btn:hover{background:#00d9ff33;border-color:#00d9ff;box-shadow:0 0 15px #00d9ff66;transform:scale(1.1)}.rank-badge{font-family:Orbitron,sans-serif;font-size:18px;font-weight:900;color:gold;min-width:50px;text-align:center}.player-avatar{font-size:32px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.leaderboard-avatar-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,217,255,.5)}.player-details{display:flex;flex-direction:column;gap:2px}.leaderboard-dashboard-wrapper .player-username{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.6)}.you-badge{font-family:Orbitron,sans-serif;font-size:9px;font-weight:900;color:#00d9ff;background:#00d9ff33;padding:2px 8px;border-radius:4px;border:1px solid #00d9ff;width:fit-content}.leaderboard-stat-value{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;color:#00d9ff;line-height:1;margin-bottom:10px}.leaderboard-stat-value.primary{color:#00d9ff;font-weight:900}.leaderboard-stat-value.success{color:#0f8}.leaderboard-status-indicator{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:6px}.leaderboard-status-circle{flex-shrink:0}.leaderboard-footer{padding:20px 25px;background:linear-gradient(135deg,#00000080,#0000004d);border-top:2px solid rgba(0,217,255,.2);text-align:center}.footer-text{font-family:Rajdhani,sans-serif;font-size:13px;color:#8892b0;margin:0;text-transform:uppercase;letter-spacing:1px}@media(max-width:1200px){.leaderboard-table-header,.leaderboard-row{grid-template-columns:70px 1fr 80px 100px 80px 80px 100px;gap:10px;padding:15px 20px}}@media(max-width:768px){.leaderboard-header{flex-direction:column;gap:15px}.leaderboard-table-header{display:none}.leaderboard-row{grid-template-columns:1fr;gap:8px;padding:15px}.row-cell{justify-content:space-between}.row-cell:before{content:attr(data-label);font-weight:700;color:#00d9ff}}.achievements-dashboard-wrapper{display:flex;flex-direction:column;gap:15px;width:100%;height:100%;animation:shopSlide .5s ease}.achievements-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#000000b3,#00000080);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:25px;border:2px solid rgba(0,217,255,.3);border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 0 20px #00d9ff0d}.achievements-title-section{display:flex;flex-direction:column;gap:5px}.achievements-main-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;background:linear-gradient(135deg,gold,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:3px;margin:0}.achievements-subtitle{font-family:Rajdhani,sans-serif;font-size:14px;color:#8892b0;margin:0}.achievements-stats-cards{display:flex;gap:15px}.achievement-stat-card{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#00d9ff26,#00d9ff0d);padding:15px 20px;border:2px solid #00d9ff;border-radius:10px;box-shadow:0 0 25px #00d9ff4d}.achievement-stat-card .stat-icon{font-size:32px;animation:statFloat 3s ease-in-out infinite}@keyframes statFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.achievement-stat-card .stat-content{display:flex;flex-direction:column;gap:2px}.achievement-stat-card .stat-value{font-family:Orbitron,sans-serif;font-size:22px;font-weight:900;color:#00d9ff;text-shadow:0 0 15px rgba(0,217,255,.5)}.achievement-stat-card .stat-label{font-family:Rajdhani,sans-serif;font-size:12px;color:#8892b0;text-transform:uppercase}.achievements-tabs-nav{display:flex;gap:10px;background:linear-gradient(135deg,#0009,#0006);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px;border:2px solid rgba(0,217,255,.3);border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 0 20px #00d9ff0d}.achievements-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#0009,#0006);border:2px solid rgba(0,217,255,.2);color:#8892b0;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .4s ease;border-radius:8px}.achievements-tab-btn:hover{color:#00d9ff;border-color:#00d9ff80;transform:translateY(-2px)}.achievements-tab-btn.active{background:linear-gradient(135deg,#ffd70033,#ffd7001a);color:gold;border-color:gold;box-shadow:0 0 30px #ffd70066}.achievements-content-area{background:linear-gradient(135deg,#000000b3,#00000080);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,217,255,.3);border-radius:12px;padding:25px;box-shadow:0 8px 32px #00000080;flex:1;overflow-y:auto;max-height:calc(100vh - 320px)}.achievements-content-area::-webkit-scrollbar{width:10px}.achievements-content-area::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.achievements-content-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d9ff,#00a8cc);border-radius:10px;box-shadow:0 0 10px #00d9ff80}.achievements-list{display:flex;flex-direction:column;gap:12px;animation:shopSlide .5s ease}.achievement-row{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#000000b3,#00000080);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,217,255,.2);border-radius:12px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.achievement-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,transparent,#00d9ff,transparent);opacity:0;transition:opacity .3s ease}.achievement-row.unlocked:before{opacity:1}.achievement-row.unlocked{background:linear-gradient(135deg,#00d9ff1f,#00d9ff0d);border-color:#00d9ff66;box-shadow:0 0 30px #00d9ff26}.achievement-row:hover{transform:translate(5px);border-color:#00d9ff99;box-shadow:0 8px 40px #00d9ff4d}.achievement-row.locked{opacity:.7}.achievement-left{flex-shrink:0}.achievement-icon-circle{width:80px;height:80px;border:3px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0009,#0006);position:relative;transition:all .3s ease}.achievement-row.unlocked .achievement-icon-circle{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #00d9ff4d}50%{transform:scale(1.05);box-shadow:0 0 40px #00d9ff80}}.achievement-icon-large{font-size:45px;transition:all .3s ease}.achievement-center{flex:1;display:flex;flex-direction:column;gap:10px}.achievement-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.achievement-title{font-family:Orbitron,sans-serif;font-size:20px;font-weight:900;color:#fff;margin:0;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 15px rgba(0,217,255,.3);flex:1}.achievement-row.locked .achievement-title{color:#8892b0}.achievement-badges{position:absolute;top:12px;right:12px;z-index:10}.badge-unlocked{font-family:Orbitron,sans-serif;font-size:10px;font-weight:900;color:#0f8;background:#0f83;padding:5px 12px;border-radius:6px;border:2px solid #00ff88;box-shadow:0 0 15px #00ff884d;animation:badgeGlow 2s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 15px #00ff884d}50%{box-shadow:0 0 25px #0f89}}.badge-claim{font-family:Orbitron,sans-serif;font-size:11px;font-weight:900;color:#fff;background:linear-gradient(135deg,#ff6b35,#ff8c42);padding:8px 16px;border-radius:8px;border:2px solid #ff6b35;box-shadow:0 0 20px #ff6b3580;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s ease;animation:claimPulse 2s ease-in-out infinite}.badge-claim:hover{transform:scale(1.05);background:linear-gradient(135deg,#ff8c42,#ffb347);box-shadow:0 0 30px #ff6b35cc}.badge-claim:active{transform:scale(.98)}@keyframes claimPulse{0%,to{box-shadow:0 0 20px #ff6b3580;border-color:#ff6b35}50%{box-shadow:0 0 35px #ff6b35cc,0 0 50px #ff6b3566;border-color:#ffb347}}.achievement-row.claimable{background:linear-gradient(135deg,#ff6b3526,#ff6b350d);border-color:#ff6b3580;box-shadow:0 0 30px #ff6b3533;animation:claimableGlow 3s ease-in-out infinite}@keyframes claimableGlow{0%,to{border-color:#ff6b3580;box-shadow:0 0 30px #ff6b3533}50%{border-color:#ff6b35cc;box-shadow:0 0 45px #ff6b3566}}.achievement-row.claimable:before{background:linear-gradient(180deg,transparent,#ff6b35,transparent);opacity:1}.badge-rarity{font-family:Orbitron,sans-serif;font-size:9px;font-weight:700;color:#fff;padding:4px 10px;border-radius:6px;text-transform:uppercase}.achievement-desc{font-family:Rajdhani,sans-serif;font-size:15px;color:#8892b0;margin:0;line-height:1.5}.achievement-progress-row{display:flex;align-items:center;gap:12px}.progress-bar-horizontal{flex:1;height:10px;background:#00000080;border-radius:10px;overflow:hidden;border:1px solid rgba(0,217,255,.3)}.progress-bar-fill{height:100%;border-radius:10px;transition:width .5s ease;box-shadow:0 0 15px currentColor;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{left:-100%}to{left:200%}}.progress-text-inline{font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;color:#00d9ff;min-width:60px;text-align:right}.achievement-right{flex-shrink:0;min-width:150px}.achievement-progress-container{display:flex;align-items:center;gap:10px}.achievement-progress-icon{font-size:20px;opacity:.6;flex-shrink:0}.achievement-progress-wrapper{display:flex;flex-direction:column;gap:6px;flex:1}.achievement-progress-label{font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;color:#fff9;letter-spacing:.5px}.achievement-progress-bar{width:130px;height:8px;background:#00d9ff1a;border-radius:4px;overflow:hidden;position:relative;border:1px solid rgba(0,217,255,.2)}.achievement-progress-fill{height:100%;background:linear-gradient(90deg,#00d9ff,#ff6b35);border-radius:4px;transition:width .8s ease;box-shadow:0 0 12px #00d9ff99;position:relative}.achievement-progress-percent{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.5)}.achievement-row:hover .achievement-progress-fill{box-shadow:0 0 16px #00d9ffe6}.achievement-rewards-inline{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.reward-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:2px solid;font-family:Orbitron,sans-serif;font-weight:700;transition:all .3s ease}.reward-badge:hover{transform:scale(1.05)}.reward-badge.xp{color:gold;background:#ffd70026;border-color:gold;box-shadow:0 0 15px #ffd70033}.reward-badge.credits{color:#00d9ff;background:#00d9ff26;border-color:#00d9ff;box-shadow:0 0 15px #00d9ff33}.reward-badge.title{color:#ff6b35;background:#ff6b3526;border-color:#ff6b35;box-shadow:0 0 15px #ff6b3533}.reward-icon{font-size:16px}.reward-value{font-size:14px;white-space:nowrap}@media(max-width:1200px){.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:768px){.achievements-header{flex-direction:column;gap:15px}.achievements-stats-cards{width:100%;justify-content:space-around}.achievements-tabs-nav{flex-wrap:wrap}.achievements-grid{grid-template-columns:1fr}}.user-profile-wrapper{width:100%;height:100%;overflow-y:auto;padding:20px;animation:shopSlide .5s ease}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.profile-back-btn{padding:10px 20px;background:#00d9ff1a;border:1px solid #00d9ff;color:#00d9ff;border-radius:8px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.profile-back-btn:hover{background:#00d9ff33;box-shadow:0 0 15px #00d9ff66;transform:translate(-5px)}.profile-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:800;color:#00d9ff;text-shadow:0 0 20px rgba(0,217,255,.6);margin:0}.profile-card{display:flex;gap:30px;padding:30px;background:#0a0e1af2;border:2px solid rgba(0,217,255,.3);border-radius:15px;box-shadow:0 0 30px #00d9ff33;margin-bottom:30px;position:relative;overflow:hidden}.profile-card-left{display:flex;flex-direction:column;align-items:center;gap:15px}.profile-avatar-large{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.profile-avatar-frame{position:absolute;inset:-10px;width:140px;height:140px;border-radius:50%;z-index:2;pointer-events:none;filter:drop-shadow(0 0 15px rgba(0,217,255,.6));will-change:filter;contain:layout style paint;image-rendering:-webkit-optimize-contrast}.profile-avatar-ring{position:absolute;inset:0;border:3px solid #00d9ff;border-radius:50%;box-shadow:0 0 20px #00d9ff99,inset 0 0 20px #00d9ff33;animation:rotateBorder 4s linear infinite;z-index:0}.profile-avatar-icon{font-size:60px;z-index:1;filter:drop-shadow(0 0 10px rgba(0,217,255,.8))}.profile-avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;z-index:1;box-shadow:0 0 20px #00d9ff66}.profile-status-badge{padding:8px 16px;background:#00ff001a;border:1px solid #00ff00;border-radius:20px;color:#0f0;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;box-shadow:0 0 10px #0f06}.profile-status-badge.offline{background:#ff00001a;border:1px solid #ff0000;color:red;box-shadow:0 0 10px #f006}.profile-card-center{flex:1;display:flex;flex-direction:column;gap:15px}.profile-username{font-family:Orbitron,sans-serif;font-size:32px;font-weight:800;color:#fff;margin:0;text-shadow:0 0 15px rgba(0,217,255,.6)}.profile-bio{font-family:Rajdhani,sans-serif;font-size:16px;color:#8892b0;line-height:1.6;margin:0}.profile-badges{display:flex;gap:12px;flex-wrap:wrap}.profile-badge{padding:6px 14px;border-radius:6px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase}.profile-badge.level{background:#ffd7001a;border:1px solid #ffd700;color:gold}.profile-badge.rank{background:#00d9ff1a;border:1px solid #00d9ff;color:#00d9ff}.profile-badge.joined{background:#8892b01a;border:1px solid #8892b0;color:#8892b0}.profile-card-right{display:flex;flex-direction:column;gap:15px;min-width:180px}.profile-stat-box{display:flex;flex-direction:column;gap:8px;padding:16px;background:#0a0e1a99;border:1px solid rgba(0,217,255,.25);border-radius:8px;transition:all .3s ease}.profile-stat-box:hover{background:#0a0e1acc;border-color:#00d9ff66;box-shadow:0 4px 12px #00d9ff33}.profile-stat-label{font-family:Rajdhani,sans-serif;font-size:11px;color:#8892b0;text-transform:uppercase;font-weight:600;letter-spacing:1.5px}.profile-stat-value{font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;color:#00d9ff;display:flex;align-items:center;gap:8px}.profile-stat-value.gold{color:gold}.profile-tabs-nav{display:flex;gap:10px;margin-bottom:25px;padding:10px;background:#0a0e1acc;border-radius:12px;border:1px solid rgba(0,217,255,.2)}.profile-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:8px;color:#8892b0;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.profile-tab-btn:hover{background:#00d9ff1a;color:#00d9ff;border-color:#00d9ff}.profile-tab-btn.active{background:#00d9ff26;border-color:#00d9ff;color:#00d9ff;box-shadow:0 0 20px #00d9ff4d}.profile-tab-btn span:first-child{font-size:20px}.profile-content{min-height:400px}.profile-tab-content{animation:fadeIn .3s ease}.profile-section-title{font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;color:#00d9ff;margin:0 0 20px;text-transform:uppercase}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.profile-stat-card{display:flex;align-items:center;gap:20px;padding:20px;background:#0a0e1af2;border:2px solid rgba(0,217,255,.3);border-radius:12px;transition:all .3s ease}.profile-stat-card:hover{border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d;transform:translateY(-3px)}.stat-card-icon{font-size:36px;filter:drop-shadow(0 0 8px rgba(0,217,255,.6))}.stat-card-data{display:flex;flex-direction:column}.stat-card-value{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:#fff;line-height:1}.stat-card-label{font-family:Rajdhani,sans-serif;font-size:13px;color:#8892b0;text-transform:uppercase;margin-top:5px}.profile-skills-list{display:flex;flex-direction:column;gap:20px}.profile-skill-item{padding:20px;background:#0a0e1af2;border:2px solid rgba(0,217,255,.2);border-radius:12px;transition:all .3s ease}.profile-skill-item:hover{border-color:#00d9ff80;box-shadow:0 0 15px #00d9ff33}.skill-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.skill-item-name{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#fff}.skill-item-level{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;color:#00d9ff}.skill-item-bar{height:8px;background:#00d9ff1a;border-radius:10px;overflow:hidden;position:relative}.skill-item-fill{height:100%;background:linear-gradient(90deg,#00d9ff,#00ffd9);box-shadow:0 0 10px #00d9ff99;border-radius:10px;transition:width .5s ease}.profile-achievements-list{display:flex;flex-direction:column;gap:15px}.profile-achievement-item{display:flex;align-items:center;gap:20px;padding:20px;background:#0a0e1af2;border:2px solid rgba(0,217,255,.2);border-radius:12px;transition:all .3s ease}.profile-achievement-item:hover{border-color:#00d9ff80;box-shadow:0 0 20px #00d9ff33;transform:translate(5px)}.achievement-item-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:32px;border:3px solid;border-radius:50%;background:#00000080}.achievement-item-info{flex:1;display:flex;flex-direction:column;gap:5px}.achievement-item-name{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#fff}.achievement-item-date{font-family:Rajdhani,sans-serif;font-size:13px;color:#8892b0}.achievement-item-rarity{font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;padding:6px 12px;border-radius:6px;background:#0000004d}.profile-matches-list{display:flex;flex-direction:column;gap:12px}.profile-match-item{position:relative;display:grid;grid-template-columns:auto 1fr 2fr auto auto auto;align-items:center;gap:20px;padding:18px 24px;background:#0a0e1af2;border:2px solid rgba(0,217,255,.2);border-radius:10px;transition:all .3s ease}.profile-match-item:hover{border-color:#00d9ff73;box-shadow:0 0 20px #00d9ff26;transform:translateY(-1px)}.match-date-badge{padding:4px 10px;background:#00d9ff1f;border:1px solid rgba(0,217,255,.25);border-radius:4px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;color:#00d9ff;text-transform:uppercase;letter-spacing:.5px;text-align:center;white-space:nowrap}.match-vs-label{font-family:Orbitron,sans-serif;font-size:16px;font-weight:900;color:#00d9ff;letter-spacing:2px;padding-right:8px;border-right:2px solid rgba(0,217,255,.3)}.match-opponent{display:flex;align-items:center;gap:12px;transition:all .3s ease}.match-opponent:hover{opacity:.8}.match-opponent:hover .match-opponent-name{color:#00d9ff}.match-opponent-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00d9ff14;border:2px solid rgba(0,217,255,.25);border-radius:50%;font-size:20px;overflow:hidden;flex-shrink:0}.match-opponent-avatar img{width:100%;height:100%;object-fit:cover}.match-opponent-name{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#fff;transition:color .3s ease}.match-challenge{font-family:Rajdhani,sans-serif;font-size:15px;font-weight:600;color:#a0aec0;letter-spacing:.3px}.match-result-badge{padding:6px 14px;border-radius:6px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap;letter-spacing:.8px;display:flex;align-items:center;gap:5px}.match-result-badge.victory{background:#00ff641f;border:1.5px solid rgba(0,255,100,.4);color:#0f6;box-shadow:0 0 10px #00ff6433}.match-result-badge.defeat{background:#ff46461f;border:1.5px solid rgba(255,70,70,.4);color:#ff5252;box-shadow:0 0 10px #ff464633}.match-result-badge.draw{background:#ffc1071f;border:1.5px solid rgba(255,193,7,.4);color:#ffc107;box-shadow:0 0 10px #ffc10733}.match-duration{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;color:#8892b0;white-space:nowrap;text-align:right}@keyframes shopSlide{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.user-profile-wrapper::-webkit-scrollbar{width:8px}.user-profile-wrapper::-webkit-scrollbar-track{background:#0003;border-radius:10px}.user-profile-wrapper::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:10px}.user-profile-wrapper::-webkit-scrollbar-thumb:hover{background:#00d9ff80}.mission-hud{height:100vh;max-height:100vh;background:radial-gradient(circle at 20% 80%,rgba(0,217,255,.15),transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,53,.15),transparent 50%),#0a0e1a;position:relative;overflow:hidden;display:flex;flex-direction:column}.hud-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,217,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.05) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.hud-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle,rgba(0,217,255,.1),transparent 70%);filter:blur(100px);pointer-events:none;z-index:0}.mission-hud.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#00d9ff;font-family:Orbitron,sans-serif}.loading-spinner{width:60px;height:60px;border:4px solid rgba(0,217,255,.2);border-top-color:#00d9ff;border-radius:50%;animation:spin 1s linear infinite}.hud-topbar-minimal{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 30px;background:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,217,255,.2);box-shadow:0 5px 30px #00000080;flex-shrink:0;height:80px}.topbar-logo{display:flex;align-items:center;position:absolute;left:-30px;padding:5px 10px;z-index:10}.logo-htd-minimal{height:150px;width:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,217,255,.4));transition:all .3s ease;will-change:filter;contain:layout style paint;image-rendering:-webkit-optimize-contrast}.logo-htd-minimal:hover{filter:drop-shadow(0 0 20px rgba(0,217,255,.6));transform:scale(1.02)}.topbar-player-card{display:flex;align-items:center;gap:20px;padding:10px 25px;background:#0003;border:1px solid rgba(0,217,255,.15);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:auto}.player-avatar-wrapper{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.player-avatar-ring{position:absolute;inset:-2px;border:2px solid #00d9ff;border-radius:50%;animation:ringPulseTopbar 3s ease-in-out infinite}@keyframes ringPulseTopbar{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}.player-avatar-glow{position:absolute;inset:-8px;background:radial-gradient(circle,rgba(0,217,255,.4),transparent);border-radius:50%;filter:blur(12px);opacity:.6}.player-avatar-icon{font-size:22px;z-index:1}.player-avatar-image{width:40px;height:40px;border-radius:50%;object-fit:cover;z-index:2;position:relative;will-change:transform;contain:layout style paint;image-rendering:-webkit-optimize-contrast}.player-info-compact{display:flex;flex-direction:column;gap:5px}.player-name-compact{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;color:#00d9ff;margin:0}.player-level-compact{display:flex;align-items:center;gap:10px}.level-text{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;color:#ff6b35}.xp-bar-compact{width:120px;height:4px;background:#00d9ff26;border-radius:2px;overflow:hidden}.xp-fill-compact{height:100%;background:linear-gradient(90deg,#00d9ff,#ff6b35);border-radius:2px;transition:width .5s ease}.player-currency{display:flex;gap:20px;padding-left:20px;border-left:1px solid rgba(0,217,255,.2)}.currency-item{display:flex;align-items:center;gap:8px;font-weight:600;color:gold}.currency-icon{font-size:16px}.currency-value{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700}.header-divider{font-size:20px;color:#00d9ff4d;font-weight:300}.header-settings-icon{font-size:24px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;opacity:.7;padding:0;display:flex;align-items:center;justify-content:center}.header-settings-icon:hover{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(0,217,255,.6))}.main-nav{display:flex;flex-direction:column;justify-content:space-between;gap:5px;padding:20px 10px;background:#00000080;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-right:1px solid rgba(0,217,255,.15);position:relative;z-index:10;height:100%;overflow-y:auto}.nav-items-top{display:flex;flex-direction:column;gap:5px}.nav-items-bottom{display:flex;flex-direction:column;gap:5px;padding-top:10px;margin-top:auto;border-top:1px solid rgba(0,217,255,.2)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;position:relative;color:#fff9}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:#00d9ff;transition:height .3s ease;box-shadow:0 0 10px #00d9ffcc}.nav-item:hover{background:#00d9ff1a;color:#00d9ff}.nav-item:hover:before{height:60%}.nav-icon{font-size:45px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-icon img{width:45px;height:45px;object-fit:contain;will-change:transform;contain:layout style paint;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.nav-icon img.achievement-icon{width:49px;height:49px}.nav-icon-with-badge{position:relative}.nav-notification-badge{position:absolute;top:0;right:0;width:12px;height:12px;background:#ff3b30;border-radius:50%;border:2px solid #1a1a2e;box-shadow:0 0 15px #ff3b30cc,0 0 30px #ff3b3066;animation:notificationPulse 2s ease-in-out infinite}@keyframes notificationPulse{0%,to{transform:scale(1);box-shadow:0 0 15px #ff3b30cc,0 0 30px #ff3b3066}50%{transform:scale(1.2);box-shadow:0 0 20px #ff3b30,0 0 40px #ff3b3099}}.nav-item:hover .nav-icon{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(0,217,255,.6))}.nav-label{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.nav-item.nav-settings{border:1px solid rgba(0,217,255,.3)}.nav-item.nav-settings:hover{background:#00d9ff33;border-color:#00d9ff;box-shadow:0 5px 20px #00d9ff66}.nav-item.nav-logout{border:1px solid rgba(255,59,48,.3);color:#ff6b6bcc}.nav-item.nav-logout:hover{background:#ff3b3033;border-color:#ff3b30;color:#ff3b30;box-shadow:0 5px 20px #ff3b3066}.nav-item.nav-logout .nav-icon{filter:drop-shadow(0 0 8px rgba(255,59,48,.6))}.nav-item.nav-logout:before,.nav-item.nav-logout:hover:before{display:none}.game-dashboard{flex:1;background:transparent;display:grid;grid-template-columns:100px 1fr 400px;gap:0;position:relative;overflow:hidden;height:calc(100vh - 80px)}.game-dashboard:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,217,255,.03) 0px,transparent 2px,transparent 4px);pointer-events:none;z-index:0}.hero-section{display:flex;flex-direction:column;gap:25px;overflow:hidden;padding:30px 40px 30px 30px;align-items:center;position:relative;z-index:5}.hero-section::-webkit-scrollbar{display:none}.hero-section{scrollbar-width:none;-ms-overflow-style:none}.player-identity-extended{width:100%;max-width:100%;display:flex;flex-direction:column;gap:25px;padding:30px 30px 12px;margin-bottom:5px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,217,255,.3);border-radius:20px;position:relative;overflow:visible;box-shadow:0 10px 50px #00d9ff33}.identity-top{display:flex;align-items:center;gap:25px;padding-bottom:25px;border-bottom:1px solid rgba(0,217,255,.2)}.player-avatar-large{width:90px;height:90px;position:relative;flex-shrink:0}.avatar-ring-large{position:absolute;inset:-5px;border:3px solid rgba(0,217,255,.5);border-radius:50%;border-top-color:#00d9ff;border-right-color:transparent;animation:ringSpinCompact 3s linear infinite}.avatar-icon-large{width:100%;height:100%;background:linear-gradient(135deg,#00d9ff4d,#ff6b354d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;border:3px solid rgba(0,217,255,.4);position:relative;z-index:1}.avatar-image-large{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:1;border:3px solid rgba(0,217,255,.4)}.player-avatar-frame{position:absolute;inset:-15px;width:120px;height:120px;border-radius:50%;z-index:2;pointer-events:none;filter:drop-shadow(0 0 15px rgba(0,217,255,.6));will-change:filter;contain:layout style paint;image-rendering:-webkit-optimize-contrast}.player-main-data{flex:1;display:flex;flex-direction:column;gap:10px}.player-name-hero{font-family:Orbitron,sans-serif;font-size:32px;font-weight:900;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;margin:0;text-shadow:0 0 15px rgba(0,217,255,.6)}.player-stats-inline{display:flex;align-items:center;gap:12px;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600}.player-bio-preview{font-family:Rajdhani,sans-serif;font-size:14px;color:#8892b0;margin:8px 0 0;line-height:1.5;max-width:400px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.view-my-profile-btn{margin-top:10px;padding:8px 16px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:6px;color:#00d9ff;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.view-my-profile-btn:hover{background:#00d9ff33;border-color:#00d9ff;box-shadow:0 0 15px #00d9ff66;transform:translate(5px)}.xp-indicator-large{position:relative;display:flex;flex-direction:column;align-items:center}.xp-circle-large{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.circle-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px}.elo-display{display:flex;flex-direction:column;align-items:center;gap:2px}.elo-label-circle{font-family:Orbitron,sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;color:#00d9ff80;text-transform:uppercase}.elo-value-circle{font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;color:#00d9ff;text-shadow:0 0 15px rgba(0,217,255,.6),0 0 30px rgba(138,43,226,.3);line-height:1}.xp-progress-text{font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;color:#00d9ff99;letter-spacing:.5px;margin-top:4px}.identity-global-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.global-stat-card{display:flex;align-items:center;gap:12px;padding:15px;background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:12px;transition:all .3s ease}.global-stat-card:hover{background:#00d9ff1a;border-color:#00d9ff;transform:translateY(-3px);box-shadow:0 5px 20px #00d9ff4d}.stat-icon-global{font-size:28px;opacity:.9}.stat-data-global{display:flex;flex-direction:column;gap:4px}.stat-label-global{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.stat-value-global{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.6)}.identity-skills{display:flex;flex-direction:column;gap:15px}.skills-title{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;margin:0;padding-bottom:10px;border-bottom:1px solid rgba(0,217,255,.2)}.achievement-quest-container{margin-top:-4px}.achievement-quest-card{background:#0006;border:1px solid rgba(0,217,255,.3);border-radius:8px;padding:12px;transition:all .3s ease;position:relative;overflow:hidden;min-height:100px}.achievement-quest-card:hover{background:#0009;border-color:#00d9ff80;transform:translateY(-2px);box-shadow:0 8px 25px #00d9ff33}.quest-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;min-height:40px}.quest-icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00d9ff1a;border:2px solid rgba(0,217,255,.3);border-radius:8px;position:relative}.quest-icon-wrapper:after{content:"";position:absolute;inset:-3px;border-radius:10px;background:linear-gradient(135deg,#00d9ff33,#ff6b3533);opacity:0;transition:opacity .3s ease;z-index:-1}.achievement-quest-card:hover .quest-icon-wrapper:after{opacity:1}.quest-icon{font-size:20px;filter:drop-shadow(0 0 6px rgba(0,217,255,.6))}.quest-info{flex:1}.quest-title{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#fff;margin:0 0 3px;text-shadow:0 0 8px rgba(0,217,255,.5)}.quest-description{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;color:#ffffffb3;margin:0;line-height:1.3;min-height:15px;display:block}.quest-progress-badge{flex-shrink:0;padding:4px 10px;background:#00d9ff26;border:1px solid rgba(0,217,255,.4);border-radius:6px}.progress-percent{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00d9ff;text-shadow:0 0 8px rgba(0,217,255,.6)}.quest-progress-bar-wrapper{display:flex;align-items:center;gap:8px}.quest-progress-bar{flex:1;height:8px;background:#00d9ff1a;border-radius:4px;border:1px solid rgba(0,217,255,.25);overflow:hidden;position:relative}.quest-progress-fill{height:100%;background:linear-gradient(90deg,#00d9ff,#ff6b35);border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 10px #00d9ff99;animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,to{box-shadow:0 0 10px #00d9ff99}50%{box-shadow:0 0 16px #00d9ffe6}}.progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s ease-in-out infinite}@keyframes shine{0%{left:-100%}to{left:200%}}.quest-progress-label{display:flex;align-items:center;gap:3px;font-family:Orbitron,sans-serif;font-weight:700;white-space:nowrap}.progress-current{font-size:12px;color:#00d9ff}.progress-separator{font-size:11px;color:#fff6}.progress-target{font-size:12px;color:#fff9}.achievement-quest-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:#ffffff80;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;background:#0000004d;border:1px solid rgba(0,217,255,.15);border-radius:8px;margin-top:10px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skill-item{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#0000004d;border:1px solid rgba(0,217,255,.15);border-radius:8px;transition:all .3s ease}.skill-item:hover{background:#00000080;border-color:#00d9ff66;transform:translate(3px)}.skill-header{display:flex;align-items:center;gap:8px}.skill-icon{font-size:16px;opacity:.9}.skill-name{font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.5px;flex:1}.skill-level{font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;color:#00d9ff}.skill-bar{width:100%;height:5px;background:#00d9ff1a;border-radius:3px;overflow:hidden;position:relative}.skill-fill{height:100%;background:linear-gradient(90deg,#00d9ff,#ff6b35);border-radius:3px;transition:width .5s ease;box-shadow:0 0 10px #00d9ff99;position:relative}.achievement-progress-text{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;color:#ffffff80;text-align:right;margin-top:2px;letter-spacing:.5px}.achievement-item-nearby:hover .achievement-progress-text{color:#00d9ffcc}.achievement-item-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:#ffffff80;font-family:Rajdhani,sans-serif;font-size:13px;grid-column:1 / -1}.skill-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:skillShine 2s ease-in-out infinite}@keyframes skillShine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.modes-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:10px}.mode-card-hero{position:relative;padding:25px 20px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,217,255,.3);border-radius:15px;cursor:pointer;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px}.mode-card-glow-bg{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,217,255,.2),transparent);opacity:0;transition:opacity .3s ease}.mode-card-hero:hover .mode-card-glow-bg{opacity:1}.mode-card-hero:hover{transform:translateY(-5px);border-color:#00d9ff;box-shadow:0 10px 40px #00d9ff66}.mode-card-hero.ranked{border-color:#ff6b354d}.mode-card-hero.ranked:hover{border-color:#ff6b35;box-shadow:0 10px 40px #ff6b3566}.mode-card-icon{font-size:36px;opacity:.9;transition:all .3s ease;z-index:1}.mode-card-hero:hover .mode-card-icon{transform:scale(1.15);filter:drop-shadow(0 0 15px rgba(0,217,255,.8))}.mode-card-text{display:flex;flex-direction:column;align-items:center;gap:5px;z-index:1}.mode-card-title{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;margin:0}.mode-card-desc{font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin:0}.mode-new-tag{position:absolute;top:10px;right:10px;padding:4px 12px;background:linear-gradient(90deg,#ff6b35,#00d9ff);border-radius:20px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:1px;z-index:2;animation:tagPulse 2s ease-in-out infinite}@keyframes tagPulse{0%,to{box-shadow:0 0 10px #ff6b3599}50%{box-shadow:0 0 20px #ff6b35}}.mode-online-indicator{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:6px;padding:4px 12px;background:#0009;border:1px solid rgba(0,217,255,.3);border-radius:20px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;color:#00d9ff;z-index:2}.online-pulse{width:8px;height:8px;background:#0f0;border-radius:50%;box-shadow:0 0 10px #0f0;animation:onlinePulse 2s ease-in-out infinite}@keyframes onlinePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.stats-bar{width:100%;display:flex;justify-content:space-around;padding:20px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:15px;gap:20px}.stat-item-bar{display:flex;align-items:center;gap:12px}.stat-icon-bar{font-size:28px;opacity:.8}.stat-data-bar{display:flex;flex-direction:column;gap:2px}.stat-value-bar{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.6)}.stat-label-bar{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.right-panel{display:flex;flex-direction:column;gap:20px;padding:30px 20px;background:#00000080;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:1px solid rgba(0,217,255,.15);overflow-y:auto;position:relative;z-index:10}.mission-featured{padding:25px;background:linear-gradient(135deg,#00d9ff1a,#ff6b351a);border:2px solid #ff6b35;border-radius:15px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden;box-shadow:0 5px 30px #ff6b354d}.mission-header-featured{display:flex;justify-content:space-between;align-items:center}.mission-category-tag{padding:6px 12px;background:#ff6b3533;border:1px solid #ff6b35;border-radius:20px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;color:#ff6b35;text-transform:uppercase;letter-spacing:1px}.mission-timer-featured{display:flex;align-items:center;gap:6px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;color:#ffffffb3}.timer-icon-f{font-size:16px}.mission-title-featured{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:1px;margin:0}.mission-rewards-featured{display:flex;gap:15px}.reward-item-f{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0006;border:1px solid rgba(0,217,255,.3);border-radius:20px;font-family:Rajdhani,sans-serif;font-weight:700}.reward-icon-f{font-size:18px}.reward-value-f{font-size:14px;color:gold}.mission-btn-featured{padding:14px 24px;background:linear-gradient(90deg,#00d9ff,#ff6b35);border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;box-shadow:0 5px 20px #00d9ff66}.mission-btn-featured:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d9ff99}.btn-f-text{flex:1;text-align:center}.btn-f-arrow{font-size:18px}.mission-featured.mission-done{background:linear-gradient(135deg,#00d9ff12,#00d9ff1f);border-color:#00d9ff;box-shadow:0 5px 30px #00d9ff33}.mission-done-tag{background:#00d9ff26!important;border-color:#00d9ff!important;color:#00d9ff!important}.mission-done-title{color:#ffffff80!important;text-shadow:none!important;text-decoration:line-through}.mission-done-next{font-family:Rajdhani,sans-serif;font-size:12px;color:#00d9ff99;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}.mission-done-timer{font-family:Orbitron,monospace;font-size:13px;font-weight:700;color:#00d9ff;letter-spacing:1px}.mission-btn-done{padding:14px 24px;background:#00d9ff14;border:1.5px solid rgba(0,217,255,.35);border-radius:10px;display:flex;align-items:center;justify-content:space-between;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;opacity:.7;cursor:default}.mission-complete-tag{padding:6px 12px;background:#00ff6433;border:1px solid #00ff64;border-radius:20px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;color:#00ff64;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:6px}.check-icon-tag{font-size:14px}.mission-next-countdown{display:flex;align-items:center;gap:6px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;color:#ffffffb3}.countdown-icon{font-size:16px}.countdown-timer{font-family:Courier New,monospace;color:#00d9ff}.mission-title-complete{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;color:#00ff64;text-transform:uppercase;letter-spacing:1px;margin:0;text-shadow:0 0 10px rgba(0,255,100,.4)}.mission-status-bar{position:relative;height:40px;background:#0006;border:1px solid rgba(0,255,100,.3);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.status-bar-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#00ff644d,#00d9ff4d);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.status-text{position:relative;z-index:1;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00ff64;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px rgba(0,255,100,.6)}.top-players-mini{padding:20px;background:#0006;border:1px solid rgba(0,217,255,.2);border-radius:15px;display:flex;flex-direction:column;gap:15px}.mini-title{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;margin:0}.mini-list{display:flex;flex-direction:column;gap:10px}.mini-player{display:flex;align-items:center;gap:12px;padding:10px;background:#00d9ff0d;border-left:2px solid #00d9ff;border-radius:6px;transition:all .3s ease}.mini-player:hover{background:#00d9ff1a;transform:translate(5px)}.mini-rank{font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;color:#ff6b35;min-width:30px}.mini-name{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;color:#fffc;flex:1}.mini-score{font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;color:#00d9ff}.mini-profile-btn{padding:4px 8px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:4px;color:#00d9ff;font-size:14px;cursor:pointer;transition:all .3s ease}.mini-profile-btn:hover{background:#00d9ff33;border-color:#00d9ff;box-shadow:0 0 10px #00d9ff66;transform:scale(1.1)}.activity-mini{padding:20px;background:#0006;border:1px solid rgba(0,217,255,.2);border-radius:15px;display:flex;flex-direction:column;gap:15px}.activity-mini-list{display:flex;flex-direction:column;gap:10px}.activity-mini-item{display:flex;align-items:center;gap:10px;padding:8px;font-family:Rajdhani,sans-serif;font-size:13px;color:#ffffffb3}.activity-dot-mini{width:8px;height:8px;background:#00d9ff;border-radius:50%;box-shadow:0 0 10px #00d9ffcc;animation:dotPulse 2s ease-in-out infinite}.activity-dot-mini.info{background:#00ff64;box-shadow:0 0 10px #00ff64cc}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.5}}.activity-text-mini{flex:1}@media(max-width:1600px){.game-dashboard{grid-template-columns:90px 1fr 350px}.play-text-massive{font-size:50px}.modes-grid{gap:15px}}@media(max-width:1400px){.game-dashboard{grid-template-columns:80px 1fr 320px}.play-btn-massive{height:160px}.play-text-massive{font-size:45px}.right-panel{padding:20px 15px}}@media(max-width:1200px){.game-dashboard{grid-template-columns:80px 1fr 280px}.play-btn-massive{height:140px}.play-text-massive{font-size:40px}.play-icon-massive{font-size:50px}}@media(max-width:1024px){.game-dashboard{grid-template-columns:70px 1fr}.right-panel{display:none}.nav-label{font-size:9px}.nav-icon{font-size:20px}.modes-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media(max-width:768px){.hud-topbar-minimal{padding:8px 15px;height:70px}.topbar-logo{left:5px}.logo-htd-minimal{height:60px}.topbar-player-card{padding:8px 15px;gap:12px}.player-name-compact{font-size:12px}.game-dashboard{grid-template-columns:60px 1fr;height:calc(100vh - 70px)}.main-nav{padding:15px 5px}.nav-item{padding:12px 8px}.modes-grid{grid-template-columns:1fr}.play-btn-massive{height:120px}.play-text-massive{font-size:35px}.play-icon-massive{font-size:40px}.player-name-hero{font-size:22px}.player-identity{padding:15px 20px}.stats-bar{flex-direction:column;gap:15px}}.cinematic-intro{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0e27;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:9999;font-family:Fira Code,Courier New,monospace}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 0%,rgba(0,255,255,.03) 50%,transparent 100%);background-size:100% 4px;pointer-events:none;animation:scanlines-move 8s linear infinite;z-index:10}.vignette{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 150px #000c;pointer-events:none;z-index:9}.crt-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:8}.skip-button{position:absolute;top:20px;right:20px;padding:10px 20px;background:#00ffff1a;border:1px solid #00ffff;color:#0ff;font-family:Fira Code,monospace;font-size:.9rem;cursor:pointer;z-index:100;transition:all .3s ease;text-shadow:0 0 5px #00ffff}.skip-button:hover{background:#0ff3;box-shadow:0 0 15px #00ffff80}.boot-sequence{width:90%;max-width:800px;color:#00ff41;font-size:1rem;line-height:1.6}.boot-header{font-size:1.2rem;margin-bottom:20px;color:#0ff;text-shadow:0 0 10px #00ffff;border-bottom:1px solid #00ffff;padding-bottom:10px}.boot-lines{position:relative}.boot-line{margin:5px 0;opacity:0;animation:fadeInLine .3s forwards}@keyframes fadeInLine{to{opacity:1}}.boot-prompt{color:#0ff;margin-right:5px}.glitch-active{animation:glitch-text .1s infinite}@keyframes glitch-text{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.cursor-blink{color:#0ff;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.logo-reveal{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.logo-container{text-align:center;z-index:2}.logo-main{font-size:6rem;font-weight:700;color:#0ff;letter-spacing:15px;margin-bottom:30px;display:flex;justify-content:center;flex-wrap:wrap;perspective:1000px}.logo-letter{display:inline-block;animation:neonPulse 2s ease-in-out infinite;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #00ffff,0 0 40px #00ffff,0 0 70px #00ffff,0 0 80px #00ffff,0 0 100px #00ffff,0 0 150px #00ffff;transform-origin:center}@keyframes neonPulse{0%,to{text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #00ffff,0 0 40px #00ffff}50%{text-shadow:0 0 20px #00ffff,0 0 30px #00ffff,0 0 40px #00ffff,0 0 50px #00ffff,0 0 70px #00ffff,0 0 80px #00ffff,0 0 100px #00ffff,0 0 150px #00ffff}}.logo-subtitle{font-size:1.2rem;color:#f0f;letter-spacing:3px;text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff;font-family:Fira Code,monospace}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#00ffff 0%,transparent 70%);border-radius:50%;box-shadow:0 0 10px #0ff}.matrix-phase{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.matrix-overlay{z-index:2;text-align:center}.matrix-message{font-size:2.5rem;color:#00ff41;text-shadow:0 0 20px #00ff41;animation:pulseGlow 1.5s ease-in-out infinite;letter-spacing:5px}@keyframes pulseGlow{0%,to{opacity:.6;text-shadow:0 0 10px #00ff41}50%{opacity:1;text-shadow:0 0 30px #00ff41,0 0 50px #00ff41}}.menu-preview{width:90%;max-width:600px;z-index:2}.terminal-window{background:#0a0e27f2;border:2px solid #00ffff;border-radius:5px;box-shadow:0 0 20px #00ffff80,inset 0 0 50px #00ffff0d;overflow:hidden}.terminal-header{background:linear-gradient(90deg,#0ff,#08f);padding:10px 15px;border-bottom:1px solid #00ffff}.terminal-title{color:#0a0e27;font-weight:700;font-size:.9rem}.terminal-content{padding:20px;color:#00ff41;font-size:1.1rem;line-height:1.8}.menu-line{margin:8px 0}.menu-option{margin:12px 0;padding:8px 15px;color:#0ff;cursor:pointer;border-left:3px solid transparent;transition:all .3s ease}.menu-option:hover{border-left-color:#0ff;background:#00ffff1a;padding-left:25px;text-shadow:0 0 10px #00ffff}.prompt-line{margin-top:20px;color:#0ff}@media(max-width:768px){.logo-main{font-size:3rem;letter-spacing:8px}.logo-subtitle{font-size:.9rem}.boot-sequence{font-size:.85rem}.matrix-message{font-size:1.8rem}}.vignette{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 200px #000c;pointer-events:none}.grid-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;opacity:.3}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateZ(0)}to{transform:perspective(500px) rotateX(60deg) translateZ(50px)}}.cursor-blink{position:absolute;right:30%;width:2px;height:2rem;background:#0ff;box-shadow:0 0 10px #0ff}.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.4}.terminal-container{background:#0a0e27f2;border:2px solid #00ffff;border-radius:8px;box-shadow:0 0 20px #00ffff4d,inset 0 0 50px #00ffff0d;display:flex;flex-direction:column;height:100%;min-height:400px;font-family:Fira Code,Courier New,monospace;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.terminal-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 0%,rgba(0,255,255,.02) 50%,transparent 100%);background-size:100% 4px;pointer-events:none;animation:scanlines-move 8s linear infinite;z-index:1}@keyframes scanlines-move{0%{background-position:0 0}to{background-position:0 100%}}.terminal-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,255,255,.05) 100%);pointer-events:none;z-index:0}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:linear-gradient(90deg,#0ff,#08f);border-bottom:1px solid #00ffff;z-index:2}.terminal-title{color:#0a0e27;font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:8px}.terminal-icon{font-size:1.1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.terminal-actions{display:flex;gap:8px}.terminal-action-btn{background:#0a0e274d;border:1px solid rgba(10,14,39,.5);color:#0a0e27;padding:4px 10px;cursor:pointer;font-size:1rem;transition:all .2s;border-radius:3px}.terminal-action-btn:hover{background:#0a0e2780;transform:scale(1.1)}.terminal-body{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:2;padding:15px}.terminal-output{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:10px;margin-bottom:15px}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:#00ffff1a;border-radius:4px}.terminal-output::-webkit-scrollbar-thumb{background:#0ff;border-radius:4px;box-shadow:0 0 5px #0ff}.terminal-output::-webkit-scrollbar-thumb:hover{background:#0ff;box-shadow:0 0 10px #0ff}.terminal-input-form{position:relative}.terminal-input-line{display:flex;align-items:center;gap:8px}.terminal-prompt{color:#0ff;font-size:.95rem;white-space:nowrap;text-shadow:0 0 5px #00ffff;display:flex;align-items:center;gap:4px}.prompt-user{color:#00ff41}.prompt-separator{color:#fff}.prompt-path{color:#08f}.prompt-symbol{color:#0ff;font-weight:700}.terminal-input{flex:1;background:transparent;border:none;color:#fff;font-family:Fira Code,monospace;font-size:.95rem;outline:none;caret-color:#0ff;text-shadow:0 0 3px rgba(255,255,255,.5)}.terminal-suggestions{position:absolute;bottom:100%;left:0;right:0;background:#0a0e27fa;border:1px solid #00ffff;border-bottom:none;border-radius:5px 5px 0 0;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 -5px 20px #00ffff4d}.suggestion-item{padding:8px 15px;color:#0ff;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:.9rem}.suggestion-item:hover,.suggestion-item.selected{background:#0ff3;padding-left:25px}.suggestion-icon{font-size:.8rem;opacity:.7}.suggestion-hint{padding:6px 15px;font-size:.75rem;color:#ffffff80;border-top:1px solid rgba(0,255,255,.2);font-style:italic}.terminal-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background:#00ffff0d;border-top:1px solid rgba(0,255,255,.2);font-size:.8rem;color:#fff9;z-index:2}.footer-info{display:flex;gap:15px}.footer-status{display:flex;align-items:center;gap:6px;color:#00ff41;text-shadow:0 0 5px #00ff41}.status-dot{width:8px;height:8px;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.status-dot.connected{background:#00ff41;box-shadow:0 0 10px #00ff41}.status-dot.disconnected{background:#f36;box-shadow:0 0 10px #f36}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}@media(max-width:768px){.terminal-container{min-height:300px}.terminal-prompt,.terminal-input{font-size:.85rem}.suggestion-item{font-size:.85rem;padding:6px 12px}}.terminal-button{width:12px;height:12px;border-radius:50%;cursor:pointer}.terminal-button.close{background:#f36;box-shadow:0 0 5px #f36}.terminal-button.minimize{background:#fa0;box-shadow:0 0 5px #fa0}.terminal-button.maximize{background:#00ff41;box-shadow:0 0 5px #00ff41}.terminal-title{color:#0ff;font-size:.9rem;text-shadow:0 0 5px #00ffff}.terminal-status{display:flex;align-items:center;gap:.5rem;color:#00ff41;font-size:.8rem}.status-indicator{width:8px;height:8px;background:#00ff41;border-radius:50%;box-shadow:0 0 10px #00ff41;animation:pulse 2s infinite}.terminal-body{flex:1;padding:1rem;overflow-y:auto;color:#00ff41;font-size:.9rem;line-height:1.6}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#0000004d}.terminal-body::-webkit-scrollbar-thumb{background:#0ff;box-shadow:0 0 5px #0ff}.terminal-welcome{margin-bottom:1rem;color:#0ff}.terminal-input-form{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.terminal-prompt{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.prompt-user{color:#00ff41;text-shadow:0 0 5px #00ff41}.prompt-separator{color:#e0e0e0}.prompt-path{color:#0ff;text-shadow:0 0 5px #00ffff}.prompt-symbol{color:#f0f;text-shadow:0 0 5px #ff00ff}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:inherit;font-size:inherit;caret-color:#0ff}.terminal-input::selection{background:#00ffff4d}.system-status{background:#0a0e27f2;border:2px solid #00ffff;border-radius:8px;padding:1.5rem;box-shadow:0 0 20px #00ffff4d,inset 0 0 30px #00ffff0d;font-family:Fira Code,monospace;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.glass-morphism:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,255,255,.1) 0%,transparent 50%,rgba(255,0,255,.05) 100%);pointer-events:none}.player-info-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;position:relative;z-index:1}.player-avatar{position:relative;width:50px;height:50px}.avatar-image{width:100%;height:100%;background:linear-gradient(135deg,#0ff,#08f);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;border:2px solid #00ffff;box-shadow:0 0 15px #00ffff80}.avatar-status-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;background:#00ff41;border-radius:50%;border:2px solid rgba(10,14,39,.95);box-shadow:0 0 10px #00ff41;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.player-details{flex:1}.player-name{color:#0ff;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px #00ffff;margin-bottom:.2rem}.player-level{color:#fa0;font-size:.85rem;text-shadow:0 0 5px #ffaa00}.player-credits{display:flex;flex-direction:column;align-items:flex-end}.credits-value{color:#00ff41;font-size:1.3rem;font-weight:700;text-shadow:0 0 10px #00ff41}.credits-label{color:#00ff41b3;font-size:.75rem}.xp-section{margin-bottom:1.2rem;position:relative;z-index:1}.xp-label{display:flex;justify-content:space-between;color:#fff;font-size:.8rem;margin-bottom:.4rem;opacity:.8}.xp-bar-container{height:8px;background:#0009;border:1px solid rgba(0,255,255,.3);border-radius:4px;overflow:hidden;position:relative}.xp-bar{height:100%;background:linear-gradient(90deg,#0ff,#00ff41);box-shadow:0 0 10px #0ff,inset 0 0 5px #ffffff4d;position:relative;overflow:hidden}.xp-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:xpShine 2s linear infinite}@keyframes xpShine{0%{left:-100%}to{left:100%}}.status-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);margin:1rem 0}.status-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;position:relative;z-index:1}.status-item{display:grid;grid-template-columns:60px 1fr 100px;align-items:center;gap:.8rem}.status-label{color:#0ff;font-size:.85rem;text-shadow:0 0 5px #00ffff;font-weight:700}.status-bar-container{height:10px;background:#0009;border:1px solid rgba(0,255,255,.2);border-radius:5px;position:relative;overflow:hidden}.status-bar{height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.status-bar:before{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent)}.status-value{text-align:right;font-size:.8rem;text-shadow:0 0 5px currentColor;font-weight:700}.trace-section{padding:1rem;background:#0000004d;border:1px solid rgba(255,51,102,.3);border-radius:5px;margin-bottom:1rem;position:relative;z-index:1}.trace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.trace-label{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.trace-status{font-size:.9rem;font-weight:700;text-shadow:0 0 10px currentColor;animation:tracePulse 1.5s ease-in-out infinite}@keyframes tracePulse{0%,to{opacity:1}50%{opacity:.6}}.trace-bar-container{height:14px;background:#000000b3;border:1px solid rgba(255,51,102,.3);border-radius:7px;position:relative;overflow:hidden;margin-bottom:.4rem}.trace-bar{height:100%;transition:all .5s cubic-bezier(.4,0,.2,1);animation:traceGlow 1.5s ease-in-out infinite}@keyframes traceGlow{0%,to{opacity:.9}50%{opacity:1}}.trace-segments{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none}.trace-segment{flex:1;border-right:1px solid rgba(0,0,0,.3)}.trace-segment:last-child{border-right:none}.trace-value{text-align:center;font-size:.85rem;font-weight:700;text-shadow:0 0 8px currentColor}.timer-section{text-align:center;padding:.8rem;background:#00ffff1a;border:1px solid #00ffff;border-radius:5px;position:relative;z-index:1}.timer-label{color:#0ff;font-size:.75rem;text-transform:uppercase;margin-bottom:.4rem;letter-spacing:.1em}.timer-value{display:flex;justify-content:center;align-items:center;gap:.3rem;font-size:1.8rem;color:#0ff;text-shadow:0 0 15px #00ffff;font-weight:700;font-variant-numeric:tabular-nums}.timer-digit{background:#00ffff1a;padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(0,255,255,.3)}.timer-separator{animation:timerBlink 1s step-end infinite}@keyframes timerBlink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:768px){.system-status{padding:1rem}.status-item{grid-template-columns:50px 1fr 80px;gap:.5rem}.player-avatar{width:40px;height:40px}.avatar-image{font-size:1.5rem}.player-name{font-size:1rem}.credits-value{font-size:1.1rem}.timer-value{font-size:1.5rem}}.trace-indicator{background:#0a0e27d9;border:2px solid #ff00ff;padding:1.5rem;box-shadow:0 0 20px #ff00ff4d,inset 0 0 20px #ff00ff0d;font-family:Fira Code,monospace}.trace-indicator.flashing{animation:borderFlash .5s infinite}@keyframes borderFlash{0%,to{border-color:#f0f}50%{border-color:#f36}}.trace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.trace-header h3{color:#f0f;font-size:1.2rem;margin:0;text-shadow:0 0 10px #ff00ff}.trace-hacking{color:#fa0;font-size:.9rem;text-shadow:0 0 5px #ffaa00;animation:pulse 1s infinite}.trace-display{display:flex;flex-direction:column;gap:1rem}.trace-bar-container{position:relative;height:30px;background:#00000080;border:1px solid rgba(255,0,255,.3);overflow:hidden}.trace-bar{position:absolute;top:0;left:0;height:100%;transition:width .3s ease}.trace-segments{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;padding:0 2px}.trace-segment{width:2px;height:100%;background:#00000080}.trace-info{display:flex;justify-content:space-between;align-items:center}.trace-percentage{font-size:2rem;font-weight:700;text-shadow:0 0 10px currentColor}.trace-status{font-size:1.2rem;font-weight:700;text-shadow:0 0 10px currentColor}.trace-warning{min-height:30px;margin-top:1rem}.warning-text{color:#f36;font-size:.9rem;text-align:center;padding:.5rem;background:#ff33661a;border:1px solid #ff3366;animation:warningPulse 1s infinite}@keyframes warningPulse{0%,to{opacity:1}50%{opacity:.6}}.mission-panel{background:linear-gradient(135deg,#0a0e27f2,#141831e6);border:2px solid #ffaa00;border-radius:4px;padding:1.5rem;box-shadow:0 0 30px #fa06,inset 0 0 30px #ffaa000d;font-family:Fira Code,monospace;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mission-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ffaa00,transparent);animation:panelScan 3s linear infinite}@keyframes panelScan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid rgba(255,170,0,.4);position:relative}.title-bracket{color:#fa0;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #ffaa00}.title-text{color:#fa0;font-size:1.2rem;margin:0;letter-spacing:.1em;text-shadow:0 0 15px #ffaa00;font-weight:700}.mission-count{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#00ffff1a;border:1px solid rgba(0,255,255,.5);border-radius:3px}.count-number{color:#0ff;font-size:1.2rem;font-weight:700;text-shadow:0 0 10px #00ffff}.count-label{color:#0ff;font-size:.75rem;opacity:.8}.current-mission{display:flex;flex-direction:column;gap:1.25rem}.mission-title-section{background:#00ffff0d;padding:1rem;border-left:4px solid #00ffff;border-radius:3px}.mission-title{color:#0ff;font-size:1.2rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 0 15px #00ffff;letter-spacing:.05em}.mission-difficulty{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.difficulty-label{color:#888;font-size:.75rem;text-transform:uppercase}.difficulty-stars{font-size:1rem;letter-spacing:.1em}.difficulty-stars.easy{color:#00ff41;text-shadow:0 0 10px #00ff41}.difficulty-stars.medium{color:#fa0;text-shadow:0 0 10px #ffaa00}.difficulty-stars.hard{color:#f36;text-shadow:0 0 10px #ff3366}.difficulty-stars.expert{color:#f0f;text-shadow:0 0 10px #ff00ff}.mission-description{background:#0006;padding:1rem;border:1px solid rgba(255,170,0,.3);border-radius:3px}.description-label{color:#fa0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;text-shadow:0 0 5px #ffaa00}.description-text{color:#e0e0e0;font-size:.9rem;line-height:1.6;margin:0}.mission-timer{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffaa001a;border:2px solid rgba(255,170,0,.5);border-radius:3px;transition:all .3s ease}.timer-icon{font-size:1.5rem;color:#fa0}.timer-label{color:#fa0;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.timer-value{margin-left:auto;color:#fa0;font-size:1.2rem;font-weight:700;text-shadow:0 0 10px #ffaa00;animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.7}}.timer-value.expired{color:#f36;text-shadow:0 0 15px #ff3366;animation:timerExpired .5s ease-in-out infinite}@keyframes timerExpired{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.mission-objectives{background:#0000004d;padding:1rem;border:1px solid rgba(0,255,255,.3);border-radius:3px}.objectives-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,255,255,.3)}.objectives-icon{color:#0ff;font-size:1.2rem;text-shadow:0 0 10px #00ffff}.objectives-title{color:#0ff;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px #00ffff}.objectives-progress{margin-left:auto;color:#0ff;font-size:.9rem;font-weight:700;padding:.25rem .5rem;background:#00ffff1a;border-radius:3px}.objectives-list{display:flex;flex-direction:column;gap:.75rem}.objective-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0006;border-left:3px solid #ffaa00;border-radius:2px;transition:all .3s ease;cursor:pointer}.objective-item:hover{background:#0009}.objective-item.completed{opacity:.7;border-left-color:#00ff41;background:#00ff410d}.objective-item.pending{border-left-color:#fa0}.objective-checkbox{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.checkbox-check{color:#00ff41;font-size:1.2rem;font-weight:700;text-shadow:0 0 10px #00ff41}.checkbox-empty{color:#fa0;font-size:1.2rem;opacity:.5}.objective-text{color:#e0e0e0;font-size:.9rem;line-height:1.4;flex:1}.objective-item.completed .objective-text{text-decoration:line-through;opacity:.6}.objective-badge{padding:.25rem .5rem;background:#fa03;border:1px solid rgba(255,170,0,.5);border-radius:3px;color:#fa0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.mission-rewards{background:#0000004d;padding:1rem;border:1px solid rgba(0,255,65,.3);border-radius:3px}.rewards-header{color:#00ff41;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;text-shadow:0 0 10px #00ff41}.rewards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.reward-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#00000080;border-radius:3px;transition:all .3s ease;cursor:pointer}.reward-item.credits{border:2px solid rgba(255,170,0,.5)}.reward-item.xp{border:2px solid rgba(0,255,255,.5)}.reward-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00ffff4d}.reward-icon{font-size:2rem;line-height:1}.reward-item.credits .reward-icon{color:#fa0;text-shadow:0 0 15px #ffaa00}.reward-item.xp .reward-icon{color:#0ff;text-shadow:0 0 15px #00ffff}.reward-details{display:flex;flex-direction:column;gap:.25rem}.reward-label{color:#888;font-size:.75rem;text-transform:uppercase}.reward-value{font-size:1.1rem;font-weight:700}.reward-item.credits .reward-value{color:#fa0;text-shadow:0 0 10px #ffaa00}.reward-item.xp .reward-value{color:#0ff;text-shadow:0 0 10px #00ffff}.mission-status{display:flex;justify-content:center;padding:.75rem}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.status-indicator.active{background:#0ff3;border:2px solid #00ffff;color:#0ff}.status-indicator.in-progress{background:#fa03;border:2px solid #ffaa00;color:#fa0}.status-indicator.completed{background:#00ff4133;border:2px solid #00ff41;color:#00ff41}.status-indicator.failed{background:#f363;border:2px solid #ff3366;color:#f36}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.no-mission{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:1rem}.no-mission-icon{font-size:4rem;color:#fa0;opacity:.3;text-shadow:0 0 20px #ffaa00;animation:noMissionPulse 2s ease-in-out infinite}@keyframes noMissionPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.no-mission-text{color:#888;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.no-mission-hint{color:#666;font-size:.9rem;line-height:1.6}.hint-command{color:#0ff;font-weight:700;padding:.25rem .5rem;background:#00ffff1a;border-radius:3px;text-shadow:0 0 5px #00ffff}.available-missions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,170,0,.3)}.available-header{display:flex;align-items:center;gap:.5rem;color:#fa0;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;text-shadow:0 0 10px #ffaa00}.available-icon{font-size:1.2rem}.available-list{display:flex;flex-direction:column;gap:.5rem}.available-mission-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#0000004d;border:1px solid rgba(255,170,0,.2);border-radius:3px;cursor:pointer;transition:all .3s ease}.available-mission-item:hover{border-color:#00ffff80;background:#00ffff0d}.available-mission-title{color:#e0e0e0;font-size:.85rem;flex:1}.available-difficulty{font-size:.85rem}@media(max-width:768px){.mission-panel{padding:1rem}.mission-title{font-size:1rem}.rewards-grid{grid-template-columns:1fr}.reward-item{justify-content:center}}.progress-grid{background:#0a0e27d9;border:2px solid #00ff41;padding:1.5rem;box-shadow:0 0 20px #00ff414d,inset 0 0 20px #00ff410d;font-family:Fira Code,monospace}.progress-header{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,255,65,.3)}.progress-header h3{color:#00ff41;font-size:1.2rem;margin:0;text-shadow:0 0 10px #00ff41}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-box{padding:1rem;background:#0000004d;border:1px solid rgba(0,255,255,.3);display:flex;flex-direction:column;gap:.5rem}.stat-label{color:#0ff;font-size:.8rem;text-shadow:0 0 5px #00ffff}.stat-value{font-size:1.5rem;font-weight:700}.level-value{color:#f0f;font-size:2.5rem;text-shadow:0 0 15px #ff00ff}.xp-bar-container{height:20px;background:#00000080;border:1px solid rgba(0,255,255,.3);position:relative;overflow:hidden}.xp-bar{height:100%;background:linear-gradient(90deg,#0ff,#00ff41);box-shadow:0 0 10px #0ff}.xp-value{color:#0ff;font-size:.9rem;text-shadow:0 0 5px #00ffff}.credits-value{color:#fa0;text-shadow:0 0 10px #ffaa00}.currency-symbol{font-size:1.2rem;margin-right:.25rem}.reputation-bar-container{height:20px;background:#00000080;border:1px solid rgba(255,0,255,.3);position:relative;overflow:hidden}.reputation-bar{height:100%;background:linear-gradient(90deg,#f0f,#0ff);box-shadow:0 0 10px #f0f}.reputation-value{color:#f0f;text-shadow:0 0 5px #ff00ff}.network-map{background:linear-gradient(135deg,#0a0e27f2,#0f142de6);border:2px solid #00ffff;border-radius:4px;padding:1rem;box-shadow:0 0 30px #00ffff4d,inset 0 0 30px #00ffff0d;font-family:Fira Code,monospace;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.network-map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(0,255,255,.4);z-index:10}.header-title{display:flex;align-items:center;gap:.5rem}.title-bracket{color:#0ff;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #00ffff}.title-text{color:#0ff;font-size:1.1rem;margin:0;letter-spacing:.1em;text-shadow:0 0 15px #00ffff;font-weight:700}.header-stats{display:flex;align-items:center;gap:.75rem}.stat-item{display:flex;align-items:center;gap:.4rem}.stat-label{color:#888;font-size:.8rem}.stat-value{color:#0ff;font-size:1rem;font-weight:700;text-shadow:0 0 5px #00ffff}.stat-value.compromised{color:#00ff41;text-shadow:0 0 5px #00ff41}.stat-divider{color:#00ffff80;font-size:1rem}.map-container{flex:1;position:relative;background:#0000004d;border:1px solid rgba(0,255,255,.2);border-radius:3px;overflow:hidden;min-height:300px}.map-container.scanning{animation:scanPulse 1.5s ease-in-out}@keyframes scanPulse{0%,to{box-shadow:inset 0 0 20px #00ffff4d}50%{box-shadow:inset 0 0 40px #0ff9}}.hexagon-grid-background{position:absolute;width:100%;height:100%;opacity:.1;background-image:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(0,255,255,.3) 40px,rgba(0,255,255,.3) 41px),repeating-linear-gradient(60deg,transparent,transparent 40px,rgba(0,255,255,.3) 40px,rgba(0,255,255,.3) 41px),repeating-linear-gradient(120deg,transparent,transparent 40px,rgba(0,255,255,.3) 40px,rgba(0,255,255,.3) 41px);background-size:70px 122px;animation:hexGridMove 20s linear infinite}@keyframes hexGridMove{0%{background-position:0 0,0 0,0 0}to{background-position:140px 244px,140px 244px,140px 244px}}.connection-lines{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.connection-line{transition:all .3s ease}.connection-line.active{animation:linePulse 2s ease-in-out infinite}@keyframes linePulse{0%,to{stroke-opacity:1;stroke-width:3}50%{stroke-opacity:.6;stroke-width:5}}.network-node{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);cursor:pointer;z-index:5;transition:all .3s ease}.network-node .node-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,var(--security-color, #00ffff) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.95) 100%);border:3px solid var(--security-color, #00ffff);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--security-color, #00ffff),inset 0 0 15px var(--security-color, #00ffff);z-index:3}.network-node .node-icon{font-size:1.5rem;color:var(--security-color, #00ffff);text-shadow:0 0 10px var(--security-color, #00ffff);animation:iconRotate 8s linear infinite}@keyframes iconRotate{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.node-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:2px solid var(--security-color, #00ffff);border-radius:50%;animation:nodePulse 2s ease-out infinite;z-index:1}@keyframes nodePulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.node-pulse-outer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:1px solid var(--security-color, #00ffff);border-radius:50%;animation:nodePulseOuter 2s ease-out .5s infinite;z-index:1}@keyframes nodePulseOuter{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.node-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--security-color, #00ffff);opacity:.3;z-index:2}.node-ring.ring-1{width:110%;height:110%;animation:ringRotate 4s linear infinite}.node-ring.ring-2{width:130%;height:130%;animation:ringRotate 6s linear infinite reverse}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.network-node.selected .node-core{border-width:4px;box-shadow:0 0 30px var(--security-color, #00ffff),inset 0 0 20px var(--security-color, #00ffff);animation:selectedPulse 1s ease-in-out infinite}@keyframes selectedPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.network-node.compromised .node-core{border-color:#00ff41;background:radial-gradient(circle,#00ff41,#00ff414d,#000000f2);box-shadow:0 0 25px #00ff41,inset 0 0 15px #00ff41;animation:compromisedPulse 1.5s ease-in-out infinite}.network-node.compromised .node-icon{color:#00ff41;text-shadow:0 0 15px #00ff41}@keyframes compromisedPulse{0%,to{box-shadow:0 0 25px #00ff41,inset 0 0 15px #00ff41}50%{box-shadow:0 0 40px #00ff41,inset 0 0 25px #00ff41}}.network-node.secured .node-core{border-color:var(--security-color, #00ffff)}.node-tooltip{position:absolute;top:-10px;left:50%;transform:translate(-50%,-100%);background:linear-gradient(135deg,#0a0e27fa,#141831f2);border:2px solid var(--security-color, #00ffff);border-radius:4px;padding:.75rem;min-width:180px;box-shadow:0 0 20px var(--security-color, #00ffff),inset 0 0 20px #00ffff1a;z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tooltip-name{color:#0ff;font-size:.9rem;font-weight:700;text-shadow:0 0 5px #00ffff}.tooltip-status{font-size:.8rem}.tooltip-status.online{color:#00ff41;text-shadow:0 0 5px #00ff41}.tooltip-status.offline{color:#888}.tooltip-ip{color:#fa0;font-size:.85rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 5px #ffaa00}.tooltip-divider{height:1px;background:linear-gradient(90deg,transparent,var(--security-color, #00ffff),transparent);margin:.5rem 0}.tooltip-details{display:flex;flex-direction:column;gap:.4rem}.tooltip-row{display:flex;justify-content:space-between;gap:1rem}.tooltip-label{color:#888;font-size:.75rem}.tooltip-value{color:#e0e0e0;font-size:.75rem;font-weight:700}.tooltip-value.security{text-shadow:0 0 5px currentColor}.tooltip-value.access-yes{color:#00ff41;text-shadow:0 0 5px #00ff41}.tooltip-value.access-no{color:#f36}.node-details{position:absolute;bottom:1rem;right:1rem;width:250px;background:linear-gradient(135deg,#0a0e27fa,#141831f2);border:2px solid #00ffff;border-radius:4px;padding:1rem;box-shadow:0 0 30px #0ff6,inset 0 0 30px #00ffff0d;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,255,255,.3)}.details-title{color:#0ff;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px #00ffff}.details-close{background:none;border:none;color:#f36;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.details-close:hover{color:#f0f;text-shadow:0 0 10px #ff00ff;transform:rotate(90deg)}.details-content{display:flex;flex-direction:column;gap:1rem}.detail-row.main{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#00ffff0d;border-left:3px solid #00ffff;border-radius:3px}.detail-icon{font-size:2rem;color:#0ff;text-shadow:0 0 15px #00ffff}.detail-main-info{flex:1}.detail-name{color:#0ff;font-size:1rem;font-weight:700;text-shadow:0 0 10px #00ffff;margin-bottom:.25rem}.detail-ip{color:#fa0;font-size:.85rem;text-shadow:0 0 5px #ffaa00}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.detail-item{background:#0006;padding:.5rem;border-radius:3px;border:1px solid rgba(0,255,255,.2)}.detail-label{color:#888;font-size:.7rem;text-transform:uppercase;margin-bottom:.25rem}.detail-value{color:#e0e0e0;font-size:.85rem;font-weight:700}.detail-value.security{text-shadow:0 0 5px currentColor}.detail-value.status-online,.detail-value.access-granted{color:#00ff41;text-shadow:0 0 5px #00ff41}.detail-value.access-denied{color:#f36}.action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#0ff3,#00ffff1a);border:2px solid #00ffff;border-radius:4px;padding:.75rem;color:#0ff;font-family:Fira Code,monospace;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #00ffff4d}.action-button:hover{background:linear-gradient(135deg,#00ffff4d,#0ff3);box-shadow:0 0 20px #00ffff80;text-shadow:0 0 10px #00ffff}.button-icon{font-size:1rem}.scan-overlay{position:absolute;left:0;width:100%;height:3px;background:linear-gradient(180deg,transparent,#00ffff,transparent);box-shadow:0 0 20px #0ff;pointer-events:none;z-index:100}.network-stats{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,255,255,.3)}.stats-bar{display:flex;align-items:center;gap:.75rem}.stats-label{color:#888;font-size:.75rem;text-transform:uppercase;min-width:120px}.stats-progress-container{flex:1;height:8px;background:#00000080;border:1px solid rgba(0,255,255,.3);border-radius:4px;overflow:hidden;position:relative}.stats-progress-bar{height:100%;border-radius:3px;box-shadow:0 0 10px currentColor;transition:width .8s ease-out,background .5s ease;position:relative;overflow:hidden}.stats-progress-bar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s linear infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stats-percentage{color:#0ff;font-size:.85rem;font-weight:700;min-width:40px;text-align:right;text-shadow:0 0 5px #00ffff}@media(max-width:768px){.network-map{padding:.75rem}.network-node{width:30px;height:30px}.node-icon{font-size:1.2rem!important}.node-details{width:200px;padding:.75rem}.details-grid{grid-template-columns:1fr}}.game-hub{position:relative;min-height:100vh;background:#0a0e27;overflow:hidden}.game-layout{position:relative;z-index:100;display:flex;flex-direction:column;height:100vh;padding:1rem;gap:1rem}.hud-top{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.main-content{flex:1;display:grid;grid-template-columns:2fr 1fr;gap:1rem;overflow:hidden}.content-left{display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.view-tabs{display:flex;gap:.5rem;background:#0a0e27d9;padding:.5rem;border:1px solid rgba(0,255,255,.3)}.tab-button{flex:1;background:transparent;border:1px solid #00ffff;color:#0ff;padding:.75rem;font-family:Fira Code,monospace;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-shadow:0 0 5px #00ffff}.tab-button:hover{background:#00ffff1a}.tab-button.active{background:#0ff3;border-color:#00ff41;color:#00ff41;text-shadow:0 0 10px #00ff41;box-shadow:0 0 20px #00ff414d}.view-content{flex:1;overflow:hidden}.content-right{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.content-right::-webkit-scrollbar{width:8px}.content-right::-webkit-scrollbar-track{background:#0000004d}.content-right::-webkit-scrollbar-thumb{background:#0ff;box-shadow:0 0 5px #0ff}.hud-bottom{display:flex}@media(max-width:1200px){.main-content{grid-template-columns:1fr}.content-right{max-height:400px}.hud-top{grid-template-columns:1fr}}.settings-page{min-height:100vh;background:#0a0a0f;position:relative;overflow-x:hidden;font-family:Rajdhani,sans-serif;padding:100px 20px 50px}.settings-bg{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 50% 50%,rgba(181,55,242,.1),transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,53,.1),transparent 40%)}.back-btn{position:fixed;top:30px;left:30px;z-index:100;display:flex;align-items:center;gap:10px;background:#0a0a0fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,107,53,.3);padding:12px 20px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);cursor:pointer;transition:all .3s ease;color:#ff6b35;font-weight:600;letter-spacing:2px;text-transform:uppercase}.back-btn:hover{transform:translate(-5px);border-color:#ff6b35cc;box-shadow:0 0 20px #ff6b354d}.back-icon{font-size:20px}.settings-container{position:relative;z-index:10;max-width:900px;margin:0 auto;background:#0a0a0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(181,55,242,.3);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));padding:40px}.settings-title{font-family:Orbitron,sans-serif;font-size:48px;font-weight:900;text-align:center;margin:0 0 50px;background:linear-gradient(135deg,#b537f2,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:4px}.settings-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid rgba(181,55,242,.2)}.settings-section:last-of-type{border-bottom:none}.section-title{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:#b537f2;margin:0 0 20px;text-transform:uppercase;letter-spacing:2px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:15px;margin-bottom:15px;background:#0000004d;border:1px solid rgba(181,55,242,.2);border-radius:8px;transition:all .3s ease}.setting-item:hover{border-color:#b537f280;background:#b537f20d}.setting-item label{font-size:16px;font-weight:600;color:#fff;flex:1}.setting-item input[type=range]{flex:1;margin:0 15px;height:6px;background:#b537f233;border-radius:3px;outline:none;-webkit-appearance:none;appearance:none}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#b537f2;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #b537f299}.setting-item input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:#b537f2}.setting-item select{padding:8px 15px;background:#00000080;border:1px solid rgba(181,55,242,.3);border-radius:6px;color:#fff;font-size:14px;cursor:pointer;outline:none}.setting-item select:focus{border-color:#b537f2}.setting-item span{min-width:50px;text-align:right;color:#b537f2;font-weight:600}.settings-actions{display:flex;gap:20px;justify-content:center;margin-top:40px}.btn-save,.btn-reset{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;padding:15px 40px;border:2px solid;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease}.btn-save{background:#b537f233;border-color:#b537f2;color:#b537f2}.btn-save:hover{background:#b537f266;box-shadow:0 0 30px #b537f280;transform:translateY(-2px)}.btn-reset{background:transparent;border-color:#ff6b35;color:#ff6b35}.btn-reset:hover{background:#ff6b3533;box-shadow:0 0 30px #ff6b3580;transform:translateY(-2px)}@media(max-width:768px){.settings-container{padding:30px 20px}.settings-title{font-size:36px}.section-title{font-size:20px}.setting-item{flex-direction:column;align-items:flex-start;gap:10px}.setting-item input[type=range]{width:100%;margin:10px 0}.settings-actions{flex-direction:column}.btn-save,.btn-reset{width:100%}}.matchmaking-hub{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:linear-gradient(135deg,#0a0e27,#1a1a2e);overflow:hidden}.matchmaking-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.matchmaking-close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:#f003;color:#f05;font-size:28px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10000}.matchmaking-close-btn:hover{background:#f006;transform:scale(1.1)}.matchmaking-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:10000}.matchmaking-modal{background:#0a0e1ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,217,255,.2);border-radius:24px;padding:0;max-width:1200px;width:95%;max-height:85vh;overflow:hidden;box-shadow:0 0 60px #00d9ff33,inset 0 0 100px #00d9ff05;position:relative;display:flex;flex-direction:column}.matchmaking-modal:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,rgba(0,217,255,.3) 0%,transparent 30%,transparent 70%,rgba(255,107,53,.3) 100%);border-radius:24px;opacity:.5;z-index:-1}.matchmaking-modal-header{display:flex;align-items:center;justify-content:space-between;padding:30px 40px;background:linear-gradient(135deg,#00d9ff0d,#ff6b350d);border-bottom:1px solid rgba(0,217,255,.15);position:relative}.matchmaking-modal-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,217,255,.5) 20%,rgba(0,217,255,.5) 80%,transparent 100%)}.matchmaking-modal-header h2{color:#00d9ff;font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;text-transform:uppercase;letter-spacing:3px;margin:0;text-shadow:0 0 20px rgba(0,217,255,.5);position:relative}.matchmaking-modal-header h2:before{content:"▶";color:#ff6b35;margin-right:15px;font-size:20px;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.modal-close-btn{background:#0000004d;border:1px solid rgba(255,59,48,.3);border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#ff6b6bcc;font-size:24px;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.modal-close-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,59,48,.2),transparent);opacity:0;transition:opacity .3s ease}.modal-close-btn:hover:before{opacity:1}.modal-close-btn:hover{border-color:#ff3b30;color:#ff3b30;box-shadow:0 0 20px #ff3b3066;transform:scale(1.05)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:40px;overflow-y:auto;max-height:calc(85vh - 120px)}.category-card{position:relative;background:linear-gradient(135deg,#00d9ff08,#0a0e1acc,#ff6b3508);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.15);border-radius:16px;padding:35px 25px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px}.category-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,217,255,.1),transparent);transition:left .5s ease}.category-card:hover:before{left:100%}.category-card:after{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,rgba(0,217,255,.3),transparent 50%,rgba(255,107,53,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.category-card:hover:after{opacity:1}.category-card:hover{background:linear-gradient(135deg,#00d9ff14,#0a0e1af2,#ff6b3514);border-color:#00d9ff66;transform:translateY(-5px);box-shadow:0 10px 40px #00d9ff4d,inset 0 0 40px #00d9ff0d}.category-card.selected{background:linear-gradient(135deg,#00d9ff26,#0a0e1af2,#ff6b3526);border-color:#00d9ff;box-shadow:0 10px 50px #00d9ff80,inset 0 0 60px #00d9ff1a;transform:scale(1.02)}.category-card.selected:after{opacity:1;animation:borderGlow 2s ease-in-out infinite}@keyframes borderGlow{0%,to{background:linear-gradient(135deg,rgba(0,217,255,.3),transparent 50%,rgba(255,107,53,.3))}50%{background:linear-gradient(135deg,rgba(0,217,255,.6),transparent 50%,rgba(255,107,53,.6))}}.category-icon{font-size:36px;margin-bottom:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 12px rgba(0,217,255,.3))}.category-card:hover .category-icon{transform:scale(1.15) rotateY(15deg);filter:drop-shadow(0 8px 20px rgba(0,217,255,.6))}.category-card.selected .category-icon{animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1.1)}50%{transform:translateY(-10px) scale(1.15)}}.category-name{color:#ffffffb3;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;position:relative;z-index:1;transition:all .3s ease;text-shadow:0 2px 8px rgba(0,0,0,.5)}.category-card:hover .category-name{color:#00d9ff;letter-spacing:3px;text-shadow:0 0 15px rgba(0,217,255,.6)}.category-card.selected .category-name{color:#00d9ff;letter-spacing:4px;text-shadow:0 0 20px rgba(0,217,255,.8)}.category-glow{display:none}.category-grid::-webkit-scrollbar{width:8px}.category-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.category-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d9ff,#ff6b35);border-radius:4px;box-shadow:0 0 10px #00d9ff80}.category-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ff,#ff8c5a)}.searching-screen{flex-direction:column}.searching-container{max-width:600px;width:100%;text-align:center}.searching-header h2{color:#00d9ff;font-size:32px;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(0,217,255,.5)}.searching-category{color:#0f8;font-size:18px;margin-bottom:40px;text-transform:uppercase}.searching-player-info{margin-bottom:40px}.player-avatar-searching{width:80px;height:80px;border-radius:50%;border:3px solid #00d9ff;overflow:hidden;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;background:#00d9ff1a;box-shadow:0 0 30px #00d9ff4d}.player-avatar-searching img{width:100%;height:100%;object-fit:cover}.player-avatar-searching span{font-size:40px}.player-name-searching{color:#fff;font-size:24px;font-weight:700;margin-bottom:5px}.player-elo-searching{color:#00d9ff;font-size:16px}.search-animation-container{margin:50px 0;position:relative;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.search-radar{width:200px;height:200px;position:relative;margin-bottom:30px}.radar-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#00d9ff;border-radius:50%;box-shadow:0 0 30px #00d9ff;z-index:10}.radar-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(0,217,255,.3);border-radius:50%}.radar-ring.ring-1{width:60%;height:60%}.radar-ring.ring-2{width:80%;height:80%}.radar-ring.ring-3{width:100%;height:100%}.radar-sweep{position:absolute;top:50%;left:50%;width:50%;height:2px;background:linear-gradient(to right,#00d9ff,transparent);transform-origin:left center;box-shadow:0 0 10px #00d9ff}.searching-dots{color:#00d9ff;font-size:20px;letter-spacing:2px}.searching-timer{margin:30px 0}.timer-label{color:#888;font-size:14px;text-transform:uppercase;margin-bottom:10px}.timer-value{color:#00d9ff;font-size:48px;font-weight:700;font-family:Courier New,monospace;text-shadow:0 0 20px rgba(0,217,255,.5)}.timer-value.warning{color:#f05;animation:pulse 1s infinite}.btn-cancel-search{padding:15px 40px;background:#f053;border:2px solid #ff0055;color:#f05;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:8px;transition:all .3s ease}.btn-cancel-search:hover{background:#f056;box-shadow:0 0 30px #ff005580;transform:scale(1.05)}.match-found-screen{flex-direction:column}.match-found-container{max-width:1000px;width:100%;text-align:center}.match-found-title{color:#0f8;font-size:48px;margin-bottom:60px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 30px rgba(0,255,136,.7)}.players-vs-container{display:flex;align-items:center;justify-content:center;gap:60px;margin-bottom:60px}.player-card{background:#0a0e27cc;border:2px solid #00d9ff;border-radius:16px;padding:30px;min-width:250px;box-shadow:0 10px 40px #00d9ff4d}.player-card.player-you{border-color:#00d9ff}.player-card.player-opponent{border-color:#f05}.player-card-header{margin-bottom:20px}.player-label{color:#888;font-size:12px;text-transform:uppercase;letter-spacing:1px}.player-card-avatar{width:100px;height:100px;border-radius:50%;border:3px solid currentColor;overflow:hidden;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#00d9ff1a}.player-card-avatar img{width:100%;height:100%;object-fit:cover}.player-card-avatar span{font-size:50px}.player-card-name{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px}.player-card-elo{color:#00d9ff;font-size:16px}.vs-badge{width:100px;height:100px;background:linear-gradient(135deg,#f05,#ff6b6b);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #f059}.vs-text{color:#fff;font-size:36px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5)}.countdown-container{text-align:center}.countdown-label{color:#888;font-size:18px;text-transform:uppercase;margin-bottom:20px}.countdown-number{color:#0f8;font-size:80px;font-weight:700;text-shadow:0 0 40px rgba(0,255,136,.7)}.match-screen{padding:0;display:block}.match-header{background:#0a0e27f2;border-bottom:2px solid #00d9ff;padding:20px 40px;display:flex;justify-content:space-between;align-items:center}.match-timer-container{display:flex;align-items:center;gap:15px}.timer-icon{font-size:32px}.match-timer-display{text-align:left}.match-timer-display .timer-label{color:#888;font-size:12px;text-transform:uppercase}.match-timer-display .timer-value{color:#00d9ff;font-size:36px;font-weight:700;font-family:Courier New,monospace}.match-timer-display .timer-value.warning{color:#f05}.opponent-info-header{display:flex;align-items:center;gap:15px}.opponent-avatar-small{width:50px;height:50px;border-radius:50%;border:2px solid #ff0055;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ff00551a}.opponent-avatar-small img{width:100%;height:100%;object-fit:cover}.opponent-avatar-small span{font-size:24px}.opponent-data{text-align:left}.opponent-name{color:#fff;font-size:18px;font-weight:700}.opponent-status{color:#888;font-size:14px;display:flex;align-items:center;gap:8px}.status-indicator{width:8px;height:8px;border-radius:50%;background:#0f8}.status-indicator.pulsing{animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #00ff88b3}50%{box-shadow:0 0 0 10px #0f80}}.match-content{padding:40px;max-width:1200px;margin:0 auto;display:grid;gap:40px;grid-template-columns:1fr;max-height:calc(100vh - 100px);overflow-y:auto}.challenge-section{background:#0a0e27cc;border:2px solid #00d9ff;border-radius:12px;padding:30px}.challenge-header{margin-bottom:20px}.challenge-title{color:#0f8;font-size:28px;margin-bottom:15px;text-shadow:0 0 20px rgba(0,255,136,.3)}.challenge-meta{display:flex;gap:20px;align-items:center}.challenge-points{color:gold;font-weight:700}.challenge-difficulty{padding:4px 12px;border-radius:4px;font-size:12px;text-transform:uppercase;font-weight:700}.challenge-difficulty.easy{background:#0f83;color:#0f8;border:1px solid #00ff88}.challenge-difficulty.medium{background:#ffa50033;color:orange;border:1px solid #ffa500}.challenge-difficulty.hard{background:#f053;color:#f05;border:1px solid #ff0055}.challenge-description{color:#ccc;font-size:16px;line-height:1.6;margin-bottom:20px}.challenge-hint{background:#ffa5001a;border-left:4px solid #ffa500;padding:15px;margin-top:20px;display:flex;gap:15px;align-items:flex-start;border-radius:4px}.hint-icon{font-size:24px}.hint-text{color:orange;flex:1}.challenge-resource{display:inline-block;margin-top:15px;padding:10px 20px;background:#00d9ff33;border:1px solid #00d9ff;color:#00d9ff;text-decoration:none;border-radius:6px;transition:all .3s ease}.challenge-resource:hover{background:#00d9ff4d;transform:translateY(-2px)}.flag-submission-section{background:#0a0e27cc;border:2px solid #00ff88;border-radius:12px;padding:30px}.flag-form{margin-bottom:20px}.flag-input-wrapper{display:flex;gap:15px;margin-bottom:15px}.flag-input{flex:1;padding:15px 20px;background:#0006;border:2px solid #00d9ff;color:#fff;font-size:16px;font-family:Courier New,monospace;border-radius:8px;transition:all .3s ease}.flag-input:focus{outline:none;border-color:#0f8;box-shadow:0 0 20px #00ff884d}.btn-submit-flag{padding:15px 40px;background:#0f8;border:none;color:#0a0e27;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:8px;transition:all .3s ease;white-space:nowrap}.btn-submit-flag:hover:not(:disabled){background:#0fa;box-shadow:0 0 30px #00ff8880;transform:scale(1.05)}.btn-submit-flag:disabled{opacity:.5;cursor:not-allowed}.flag-error{background:#f053;border:1px solid #ff0055;color:#f05;padding:12px 20px;border-radius:6px;font-size:14px}.match-actions{display:flex;justify-content:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.btn-surrender{padding:12px 30px;background:#f053;border:2px solid #ff0055;color:#f05;font-size:14px;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:8px;transition:all .3s ease}.btn-surrender:hover{background:#ff00554d}.surrender-confirm{display:flex;align-items:center;gap:15px;background:#ff00551a;padding:15px 25px;border-radius:8px}.surrender-confirm span{color:#fff;font-size:14px}.btn-surrender-yes,.btn-surrender-no{padding:8px 20px;border:2px solid;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:6px;transition:all .3s ease;font-size:12px}.btn-surrender-yes{background:#ff00554d;border-color:#f05;color:#f05}.btn-surrender-yes:hover{background:#ff005580}.btn-surrender-no{background:#00ff884d;border-color:#0f8;color:#0f8}.btn-surrender-no:hover{background:#00ff8880}.result-screen{background:linear-gradient(135deg,#0a0e27,#1a1a2e)}.result-screen.victory{background:linear-gradient(135deg,#0a2e0a,#1a3e1a)}.result-screen.defeat{background:linear-gradient(135deg,#2e0a0a,#3e1a1a)}.result-container{max-width:800px;width:100%;text-align:center}.result-header{margin-bottom:40px}.result-title{font-size:64px;margin-bottom:20px;text-transform:uppercase;letter-spacing:4px}.result-title.victory{color:#0f8;text-shadow:0 0 40px rgba(0,255,136,.7)}.result-title.defeat{color:#f05;text-shadow:0 0 40px rgba(255,0,85,.7)}.result-icon{font-size:80px;filter:drop-shadow(0 0 20px currentColor)}.winner-info{background:#0a0e27cc;border:2px solid #00d9ff;border-radius:12px;padding:30px;margin-bottom:40px}.winner-label{color:#888;font-size:14px;text-transform:uppercase;margin-bottom:15px}.winner-player{display:flex;flex-direction:column;align-items:center;gap:15px}.winner-avatar{width:80px;height:80px;border-radius:50%;border:3px solid #00ff88;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#00ff881a}.winner-avatar img{width:100%;height:100%;object-fit:cover}.winner-avatar span{font-size:40px}.winner-name{color:#fff;font-size:28px;font-weight:700}.match-stats{background:#0a0e27cc;border:2px solid #00d9ff;border-radius:12px;padding:30px;margin-bottom:40px}.match-stats h3{color:#00d9ff;font-size:20px;margin-bottom:25px;text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-item{text-align:center}.stat-label{color:#888;font-size:14px;text-transform:uppercase;margin-bottom:8px}.stat-value{color:#00d9ff;font-size:24px;font-weight:700}.result-actions{display:flex;gap:20px;justify-content:center}.btn-play-again,.btn-back-dashboard{padding:15px 40px;border:2px solid;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:8px;transition:all .3s ease}.btn-play-again{background:#0f83;border-color:#0f8;color:#0f8}.btn-play-again:hover{background:#0f86;box-shadow:0 0 30px #00ff8880;transform:scale(1.05)}.btn-back-dashboard{background:#00d9ff33;border-color:#00d9ff;color:#00d9ff}.btn-back-dashboard:hover{background:#00d9ff66;box-shadow:0 0 30px #00d9ff80;transform:scale(1.05)}.victory-particles{position:absolute;top:50%;left:50%;width:1px;height:1px;pointer-events:none;z-index:1000}.particle{position:absolute;width:8px;height:8px;background:#0f8;border-radius:50%;box-shadow:0 0 10px #0f8}.connection-error,.connecting-container{text-align:center;color:#fff}.error-icon{font-size:64px;margin-bottom:20px}.connection-error h3{color:#f05;font-size:28px;margin-bottom:15px}.connection-error p{color:#888;margin-bottom:30px}.btn-back{padding:15px 40px;background:#00d9ff33;border:2px solid #00d9ff;color:#00d9ff;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:8px;transition:all .3s ease}.btn-back:hover{background:#00d9ff66;box-shadow:0 0 30px #00d9ff80}.loading-spinner{width:60px;height:60px;border:4px solid rgba(0,217,255,.2);border-top-color:#00d9ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@media(max-width:768px){.matchmaking-modal{padding:20px}.category-grid{grid-template-columns:repeat(2,1fr)}.players-vs-container{flex-direction:column;gap:30px}.vs-badge{width:60px;height:60px}.vs-text{font-size:24px}.match-header{flex-direction:column;gap:20px;text-align:center}.match-content{padding:20px}.flag-input-wrapper{flex-direction:column}.btn-submit-flag{width:100%}.result-title{font-size:40px}.result-actions{flex-direction:column}.btn-play-again,.btn-back-dashboard{width:100%}}.searching-screen-dashboard{height:100vh;background:radial-gradient(circle at 20% 80%,rgba(0,217,255,.15),transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,53,.15),transparent 50%),#0a0e1a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.searching-screen-dashboard:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,217,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.05) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.searching-screen-dashboard:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,217,255,.03) 0px,transparent 2px,transparent 4px);pointer-events:none;z-index:0}.search-main-container{position:relative;z-index:10;width:100%;max-width:1000px;padding:30px}.search-identity-card{width:100%;display:flex;flex-direction:column;gap:25px;padding:30px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,217,255,.3);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 10px 50px #00d9ff33}.search-identity-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00d9ff,#ff6b35);box-shadow:0 0 15px #00d9ffcc}.search-card-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid rgba(0,217,255,.2)}.search-header-left{display:flex;flex-direction:column;gap:15px}.category-badge{padding:6px 15px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:20px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;display:inline-flex;align-items:center;gap:8px;align-self:flex-start}.badge-icon{font-size:14px}.search-main-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;margin:0;text-shadow:0 0 15px rgba(0,217,255,.6)}.search-timer-block{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#0000004d;border:1px solid rgba(0,217,255,.2);border-radius:15px}.timer-icon-wrap{font-size:32px}.timer-data{display:flex;flex-direction:column;gap:3px}.timer-value{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:#00d9ff;letter-spacing:2px;text-shadow:0 0 10px rgba(0,217,255,.6)}.timer-value.warning{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.6)}.timer-label{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.search-card-body{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;align-items:start}.search-player-zone{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px;background:#0003;border:1px solid rgba(0,217,255,.15);border-radius:15px}.player-avatar-search{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#00d9ff4d,#ff6b354d);border:3px solid rgba(0,217,255,.4);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.avatar-img-search{width:100%;height:100%;object-fit:cover}.avatar-icon-search{font-size:36px}.player-info-search{text-align:center;display:flex;flex-direction:column;gap:8px}.player-name-search{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;color:#fff;text-transform:uppercase}.player-stats-search{display:flex;align-items:center;gap:8px;justify-content:center;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600}.stat-inline{color:#fffc;text-transform:uppercase;letter-spacing:1px}.stat-dot{color:#00d9ff80;font-size:12px}.search-radar-zone{display:flex;flex-direction:column;align-items:center;gap:20px}.radar-simple{width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,#00d9ff0d,#00000080);border:2px solid rgba(0,217,255,.3);box-shadow:0 0 40px #00d9ff33,inset 0 0 60px #0009;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.radar-ring{position:absolute;border:1px solid rgba(0,217,255,.2);border-radius:50%}.radar-sweep-simple{position:absolute;top:50%;left:50%;width:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,217,255,.5) 50%,#00d9ff);transform-origin:left center;filter:blur(1px)}.radar-sweep-simple:after{content:"";position:absolute;top:-20px;right:-5px;width:40px;height:40px;background:radial-gradient(circle,rgba(0,217,255,.6),transparent 60%);filter:blur(10px)}.radar-center{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#00d9ff4d,#08c3);border:2px solid rgba(0,217,255,.5);display:flex;align-items:center;justify-content:center;font-size:28px;z-index:2;position:relative}.search-status-text{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#0000004d;border:1px solid rgba(0,217,255,.2);border-radius:20px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;color:#ffffffb3;letter-spacing:1px;text-transform:uppercase}.status-dot{width:8px;height:8px;background:#00d9ff;border-radius:50%;box-shadow:0 0 10px #00d9ff;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}.search-params-zone{display:flex;flex-direction:column;gap:15px;padding:20px;background:#0003;border:1px solid rgba(0,217,255,.15);border-radius:15px}.params-title{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;padding-bottom:10px;border-bottom:1px solid rgba(0,217,255,.2)}.params-list{display:flex;flex-direction:column;gap:10px}.param-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#00d9ff0d;border-left:2px solid #00d9ff;border-radius:6px;transition:all .3s ease}.param-row:hover{background:#00d9ff1a;transform:translate(3px)}.param-label{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.param-val{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.6)}.search-card-footer{display:flex;justify-content:center;padding-top:10px;border-top:1px solid rgba(0,217,255,.2)}.btn-cancel-search{padding:14px 40px;background:linear-gradient(135deg,#ff3b3033,#ff3b301a);border:2px solid rgba(255,59,48,.4);border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:12px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;box-shadow:0 5px 20px #ff3b3033}.btn-cancel-search:hover{background:linear-gradient(135deg,#ff3b304d,#ff3b3033);border-color:#ff3b30;transform:translateY(-2px);box-shadow:0 8px 30px #ff3b3066}.btn-cancel-icon{font-size:18px;color:#ff3b30}.btn-cancel-text{color:#ff3b30}.match-found-screen .search-identity-card{background:#00000080}.match-found-card{width:100%;display:flex;flex-direction:column;gap:40px;padding:40px 30px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,255,100,.3);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 10px 50px #00ff6433}.match-found-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00ff64,#00d9ff);box-shadow:0 0 15px #00ff64cc}.found-banner{font-family:Orbitron,sans-serif;font-size:32px;font-weight:700;color:#00ff64;text-transform:uppercase;letter-spacing:2px;text-align:center;text-shadow:0 0 20px rgba(0,255,100,.8);animation:glow-found 2s ease-in-out infinite}@keyframes glow-found{0%,to{text-shadow:0 0 20px rgba(0,255,100,.6);transform:scale(1)}50%{text-shadow:0 0 40px rgba(0,255,100,1);transform:scale(1.03)}}.vs-container{display:flex;align-items:center;justify-content:center;gap:40px}.vs-player-card{flex:1;max-width:260px;padding:25px 20px;background:#0000004d;border:2px solid rgba(0,217,255,.3);border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:15px;position:relative;overflow:hidden;box-shadow:0 10px 50px #00d9ff33}.vs-player-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00d9ff,#ff6b35);box-shadow:0 0 15px #00d9ffcc}.vs-player-card.left-player{border-color:#00d9ff;box-shadow:0 10px 50px #00d9ff4d}.vs-player-card.right-player{border-color:#ff6b35;box-shadow:0 10px 50px #ff6b354d}.vs-player-card.right-player:before{background:linear-gradient(180deg,#ff6b35,#00d9ff)}.vs-player-label{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:2px}.vs-player-avatar{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#00d9ff4d,#ff6b354d);border:3px solid rgba(0,217,255,.4);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 30px #00d9ff99}.right-player .vs-player-avatar{border-color:#ff6b3566;box-shadow:0 0 30px #ff6b3599}.vs-player-avatar img{width:100%;height:100%;object-fit:cover}.vs-avatar-emoji{font-size:40px}.vs-player-name{font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;color:#fff;text-transform:uppercase;text-align:center}.vs-player-stats{width:100%;display:flex;flex-direction:column;gap:8px}.vs-stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#0000004d;border:1px solid rgba(0,217,255,.15);border-radius:8px;transition:all .3s ease}.vs-stat-row:hover{background:#00000080;border-color:#00d9ff66;transform:translate(3px)}.vs-stat-label{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.vs-stat-value{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;text-shadow:0 0 10px rgba(0,217,255,.6)}.vs-stat-value.left{color:#00d9ff}.vs-stat-value.right{color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.6)}.vs-badge{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ff8c5a);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:24px;font-weight:900;color:#000;box-shadow:0 0 40px #ff6b35cc,inset 0 0 20px #ffffff4d;border:3px solid rgba(255,255,255,.3);flex-shrink:0}.match-starting-text{font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;color:#0f8;text-transform:uppercase;letter-spacing:2px;text-align:center;animation:pulse-starting 1.5s ease-in-out infinite}@keyframes pulse-starting{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:900px){.search-card-body{grid-template-columns:1fr;gap:20px}.search-card-header{flex-direction:column;align-items:flex-start}.search-timer-block{align-self:stretch;justify-content:center}.radar-simple{width:240px;height:240px}.vs-container{flex-direction:column;gap:30px}.vs-badge{order:2}.right-player{order:3}.vs-player-card{max-width:100%}}.matchmaking-screen .match-screen-cyber{width:100%;max-width:1400px;margin:0 auto;padding:30px;display:flex;flex-direction:column;gap:30px;font-family:Rajdhani,sans-serif}.match-header-cyber{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:20px 40px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,217,255,.3);border-radius:20px;box-shadow:0 10px 50px #00d9ff33;position:relative;overflow:hidden}.match-header-cyber:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00d9ff,#ff6b35);box-shadow:0 0 15px #00d9ffcc}.player-card{display:flex;align-items:center;gap:15px;flex:1;max-width:350px}.player-card.right{flex-direction:row-reverse}.player-avatar-bubble{width:70px;height:70px;border-radius:50%;border:3px solid #00d9ff;background:#00d9ff1a;display:flex;align-items:center;justify-content:center;font-size:36px;box-shadow:0 0 25px #00d9ff80;overflow:hidden;flex-shrink:0}.player-avatar-bubble .avatar-img{width:100%;height:100%;object-fit:cover}.player-avatar-bubble .avatar-emoji{font-size:36px}.player-info{display:flex;flex-direction:column;gap:5px}.player-card.right .player-info{align-items:flex-end}.player-username{font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;color:#00d9ff;text-shadow:0 0 10px rgba(0,217,255,.6);text-transform:uppercase;letter-spacing:1px}.player-label{font-size:14px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:1.5px}.btn-view-profile{padding:10px 16px;background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);border:2px solid rgba(0,217,255,.4);border-radius:10px;cursor:pointer;font-size:20px;transition:all .3s ease;box-shadow:0 5px 20px #00d9ff33}.btn-view-profile:hover{background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);border-color:#00d9ff;transform:translateY(-2px);box-shadow:0 8px 30px #00d9ff66}.match-timer-cyber{display:flex;align-items:center;gap:15px;padding:20px 40px;background:linear-gradient(135deg,#00d9ff26,#00d9ff0d);border:2px solid #00d9ff;border-radius:15px;box-shadow:0 0 30px #00d9ff66;transition:all .3s ease;flex-shrink:0}.match-timer-cyber.warning{border-color:#ffd60a;box-shadow:0 0 30px #ffd60a66;animation:pulse-warning 1.5s infinite}.match-timer-cyber.critical{border-color:#ff6b35;box-shadow:0 0 30px #ff6b3580;animation:pulse-critical .8s infinite}@keyframes pulse-warning{0%,to{box-shadow:0 0 30px #ffd60a66}50%{box-shadow:0 0 40px #ffd60ab3}}@keyframes pulse-critical{0%,to{box-shadow:0 0 30px #ff6b3580}50%{box-shadow:0 0 50px #ff6b35e6}}.match-timer-cyber .timer-icon{font-size:32px}.timer-display{display:flex;flex-direction:column;gap:2px}.timer-value{font-family:Orbitron,sans-serif;font-size:36px;font-weight:700;color:#00d9ff;text-shadow:0 0 15px rgba(0,217,255,.8);line-height:1}.match-timer-cyber.warning .timer-value{color:#ffd60a;text-shadow:0 0 15px rgba(255,214,10,.8)}.match-timer-cyber.critical .timer-value{color:#ff6b35;text-shadow:0 0 15px rgba(255,107,53,.8)}.timer-label{font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:1.5px}.match-body-cyber{display:flex;flex-direction:column;gap:25px;max-width:1200px;margin:0 auto;width:100%}.challenge-info-box{background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,217,255,.3);border-radius:20px;padding:30px;box-shadow:0 10px 50px #00d9ff33;position:relative;overflow:hidden}.challenge-info-box:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00d9ff,#ff6b35);box-shadow:0 0 15px #00d9ffcc}.challenge-header-box{margin-bottom:20px}.challenge-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.challenge-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;margin:0;text-shadow:0 0 15px rgba(0,217,255,.6)}.challenge-badges{display:flex;align-items:center;gap:12px}.badge{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:6px}.badge-points{background:linear-gradient(135deg,#ffd60a33,#ffd60a1a);border:2px solid rgba(255,214,10,.4);color:#ffd60a;box-shadow:0 5px 20px #ffd60a33}.badge-difficulty{border:2px solid}.badge-difficulty.easy{background:linear-gradient(135deg,#00ff6433,#00ff641a);border-color:#00ff6466;color:#00ff64}.badge-difficulty.medium{background:linear-gradient(135deg,#ffd60a33,#ffd60a1a);border-color:#ffd60a66;color:#ffd60a}.badge-difficulty.hard{background:linear-gradient(135deg,#ff6b3533,#ff6b351a);border-color:#ff6b3566;color:#ff6b35}.badge-difficulty.expert{background:linear-gradient(135deg,#ff006e33,#ff006e1a);border-color:#ff006e66;color:#ff006e}.challenge-context{padding:20px;background:#0000004d;border-left:3px solid #00d9ff;border-radius:10px;margin-bottom:15px}.context-text{font-size:16px;font-weight:500;color:#ffffffd9;line-height:1.8;margin:0}.challenge-hint-box{display:flex;align-items:center;gap:12px;padding:15px 20px;background:linear-gradient(135deg,#ffd60a26,#ffd60a0d);border:2px solid rgba(255,214,10,.3);border-radius:12px;margin-top:15px}.hint-icon{font-size:24px;flex-shrink:0}.hint-label{font-weight:700;color:#ffd60a;text-transform:uppercase;letter-spacing:1px}.hint-text{font-weight:500;color:#fffc}.challenge-content-box{background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,107,53,.3);border-radius:20px;padding:30px;box-shadow:0 10px 50px #ff6b3533;position:relative;overflow:hidden}.challenge-content-box:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#ff6b35,#ffd60a);box-shadow:0 0 15px #ff6b35cc}.content-title{font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;color:#ff6b35;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 20px;text-shadow:0 0 10px rgba(255,107,53,.6)}.challenge-resources{margin-bottom:20px}.resource-link{display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);border:2px solid rgba(0,217,255,.4);border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 5px 20px #00d9ff33}.resource-link:hover{background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);border-color:#00d9ff;transform:translateY(-2px);box-shadow:0 8px 30px #00d9ff66}.resource-icon{font-size:24px}.resource-text{flex:1;font-size:16px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:1px}.resource-arrow{font-size:20px;color:#00d9ff}.challenge-launch-section{margin-bottom:20px}.challenge-launch-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:linear-gradient(135deg,#00d9ff1a,#00ff881a);border:1px solid rgba(0,217,255,.3);border-radius:8px;color:#00d9ff;font-size:14px;font-weight:600;font-family:Rajdhani,sans-serif;text-decoration:none;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.challenge-launch-button:hover:not(.disabled){background:linear-gradient(135deg,#00d9ff33,#0f83);border-color:#00d9ff80;box-shadow:0 0 20px #00d9ff4d;transform:translateY(-1px)}.challenge-launch-button.disabled{background:#6464641a;border-color:#9696964d;color:#96969699;cursor:not-allowed;opacity:.6}.launch-text{flex:1;text-align:center}.external-link{font-size:16px;transition:transform .3s ease}.challenge-launch-button:hover:not(.disabled) .external-link{transform:translate(3px)}.challenge-resources-list{margin-bottom:20px}.resources-title{font-size:16px;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:15px;font-family:Rajdhani,sans-serif}.resources-grid{display:flex;flex-direction:column;gap:12px}.resource-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0000004d;border:1px solid rgba(0,217,255,.2);border-radius:8px;transition:all .3s ease}.resource-item.clickable{text-decoration:none;cursor:pointer}.resource-item.clickable:hover{background:#00d9ff1a;border-color:#00d9ff66;transform:translate(4px)}.resource-item .resource-icon{font-size:20px}.resource-item .resource-content{flex:1}.resource-item .resource-content h5{font-size:14px;font-weight:600;color:#00d9ff;margin:0 0 4px;font-family:Rajdhani,sans-serif}.resource-item .resource-content p{font-size:12px;color:#fff9;margin:0}.challenge-documentation{margin-bottom:20px}.documentation-link{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#ffd60a1a,#ffd60a0d);border:1px solid rgba(255,214,10,.3);border-radius:8px;text-decoration:none;transition:all .3s ease}.documentation-link:hover{background:linear-gradient(135deg,#ffd60a26,#ffd60a1a);border-color:#ffd60a80;transform:translateY(-2px);box-shadow:0 5px 20px #ffd60a33}.doc-icon{font-size:24px}.doc-content{flex:1}.doc-content h5{font-size:14px;font-weight:600;color:#ffd60a;margin:0 0 4px;font-family:Rajdhani,sans-serif}.doc-content p{font-size:12px;color:#ffffffb3;margin:0}.challenge-image{margin-top:20px;border-radius:12px;overflow:hidden;border:2px solid rgba(0,217,255,.3);box-shadow:0 5px 20px #0000004d}.challenge-image img{width:100%;height:auto;display:block}.challenge-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:60px 20px;background:#0000004d;border:2px dashed rgba(255,255,255,.2);border-radius:12px}.placeholder-icon{font-size:64px;opacity:.4}.placeholder-text{font-size:16px;font-weight:600;color:#ffffff80;text-align:center;margin:0}.flag-submission-box{background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,255,100,.3);border-radius:20px;padding:30px;box-shadow:0 10px 50px #00ff6433;position:relative;overflow:hidden}.flag-submission-box:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00ff64,#00d9ff);box-shadow:0 0 15px #00ff64cc}.submission-title{font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;color:#00ff64;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 20px;text-shadow:0 0 10px rgba(0,255,100,.6)}.flag-form-cyber{margin-bottom:20px}.flag-input-group{display:flex;gap:15px;align-items:stretch}.flag-input-cyber{flex:1;padding:16px 24px;background:#00000080;border:2px solid rgba(0,217,255,.3);border-radius:12px;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;color:#fff;outline:none;transition:all .3s ease}.flag-input-cyber::placeholder{color:#fff6}.flag-input-cyber:focus{border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d}.btn-submit-flag-cyber{padding:16px 32px;background:linear-gradient(135deg,#00ff64,#00d9ff);border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:10px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#0a0e1a;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 5px 20px #00ff644d}.btn-submit-flag-cyber:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #00ff6480}.btn-submit-flag-cyber:disabled{opacity:.5;cursor:not-allowed}.btn-submit-flag-cyber .btn-icon{font-size:20px}.flag-error-cyber{display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#ff3b3033,#ff3b301a);border:2px solid rgba(255,59,48,.4);border-radius:10px;margin-top:15px}.error-icon{font-size:20px;color:#ff3b30}.error-text{font-size:14px;font-weight:600;color:#ff3b30}.match-actions-cyber{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.btn-surrender-cyber{padding:12px 24px;background:linear-gradient(135deg,#ff3b3033,#ff3b301a);border:2px solid rgba(255,59,48,.4);border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:10px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 5px 20px #ff3b3033}.btn-surrender-cyber:hover{background:linear-gradient(135deg,#ff3b304d,#ff3b3033);border-color:#ff3b30;transform:translateY(-2px);box-shadow:0 8px 30px #ff3b3066}.btn-surrender-cyber .btn-icon{font-size:18px;color:#ff3b30}.btn-surrender-cyber .btn-text{color:#ff3b30}.surrender-confirm-cyber{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#ff3b301a;border:2px solid rgba(255,59,48,.3);border-radius:12px}.confirm-text{flex:1;font-size:14px;font-weight:600;color:#ffffffd9}.confirm-actions{display:flex;gap:10px}.btn-confirm-yes,.btn-confirm-no{padding:8px 20px;border-radius:8px;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.btn-confirm-yes{background:linear-gradient(135deg,#ff3b30,#ff6b35);border:none;color:#fff;box-shadow:0 5px 15px #ff3b304d}.btn-confirm-yes:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff3b3080}.btn-confirm-no{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff}.btn-confirm-no:hover{background:#fff3;border-color:#ffffff80}@media(max-width:900px){.matchmaking-screen .match-screen-cyber{padding:20px}.matchmaking-screen .match-header-cyber{flex-direction:column;gap:25px;padding:20px}.matchmaking-screen .player-card{max-width:100%;width:100%}.matchmaking-screen .match-timer-cyber{width:100%;justify-content:center}.matchmaking-screen .challenge-title{font-size:22px}.matchmaking-screen .flag-input-group{flex-direction:column}.matchmaking-screen .btn-submit-flag-cyber{width:100%;justify-content:center}}.support-page{position:relative;width:100vw;min-height:100vh;background:#0a0a0f;overflow-x:hidden;overflow-y:auto;font-family:Rajdhani,sans-serif;color:#fff}.support-page .city-background{position:absolute;inset:0;z-index:1;pointer-events:none}.support-page .city-layer{position:absolute;bottom:0;left:0;right:0;height:60%;animation:cityPulse 4s ease-in-out infinite}.support-page .layer-1{height:70%;background:linear-gradient(to top,#ff6b35 0%,transparent 50%);opacity:.1;animation-delay:0s}.support-page .layer-2{height:50%;background:linear-gradient(to top,#00d9ff 0%,transparent 50%);opacity:.1;animation-delay:.5s}.support-page .layer-3{height:40%;background:linear-gradient(to top,#b537f2 0%,transparent 50%);opacity:.1;animation-delay:1s}@keyframes cityPulse{0%,to{opacity:.1;transform:scaleY(1)}50%{opacity:.15;transform:scaleY(1.05)}}.support-page .grid-overlay{position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(0,217,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.05) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;pointer-events:none}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}.support-page .hud-corners{position:absolute;inset:0;z-index:10;pointer-events:none}.support-page .corner{position:absolute;width:40px;height:40px;border:2px solid #ff6b35;opacity:.6}.support-page .corner-tl{top:20px;left:20px;border-right:none;border-bottom:none}.support-page .corner-tr{top:20px;right:20px;border-left:none;border-bottom:none}.support-page .corner-bl{bottom:20px;left:20px;border-right:none;border-top:none}.support-page .corner-br{bottom:20px;right:20px;border-left:none;border-top:none}.support-page .back-button{position:fixed;top:30px;left:30px;z-index:100;display:flex;align-items:center;gap:10px;padding:12px 20px;background:transparent;border:2px solid rgba(0,217,255,.3);color:#00d9ff;font-family:Orbitron,monospace;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.support-page .back-button:hover{border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d;transform:translate(-5px)}.support-page .back-arrow{font-size:18px;animation:arrowBounce 1.5s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}.support-container{position:relative;z-index:5;width:100%;max-width:1400px;margin:0 auto;padding:100px 20px 60px}.support-panel{background:#0a0a0f99;border:2px solid rgba(0,217,255,.3);padding:40px;position:relative;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.support-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d9ff0d,#ff6b350d);pointer-events:none;z-index:-1}.support-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid rgba(0,217,255,.2)}.support-icon{font-size:48px;margin-bottom:15px;filter:drop-shadow(0 0 15px rgba(0,217,255,.6))}.support-title{font-family:Orbitron,sans-serif;font-size:36px;font-weight:900;letter-spacing:4px;background:linear-gradient(135deg,#ff6b35,#00d9ff,#b537f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;margin-bottom:10px}.support-subtitle{font-family:Rajdhani,sans-serif;font-size:16px;color:#00d9ffb3;letter-spacing:2px;text-transform:uppercase}.support-tabs{display:flex;gap:15px;margin-bottom:40px}.support-tabs .tab{flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:transparent;border:2px solid rgba(0,217,255,.3);color:#ffffffb3;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;overflow:hidden;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.support-tabs .tab:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00d9ff1a,#ff6b351a);transform:translate(-100%);transition:transform .3s ease}.support-tabs .tab:hover:before,.support-tabs .tab.active:before{transform:translate(0)}.support-tabs .tab:hover{border-color:#00d9ff;color:#00d9ff;box-shadow:0 0 20px #00d9ff4d}.support-tabs .tab.active{border-color:#00d9ff;color:#00d9ff;box-shadow:0 0 20px #00d9ff66}.tab-icon{font-size:20px;z-index:1}.support-content{min-height:400px}.section-title{font-family:Orbitron,monospace;font-size:24px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.section-description{font-family:Rajdhani,sans-serif;font-size:16px;color:#fff9;margin-bottom:30px;line-height:1.6}.faq-section{animation:fadeIn .5s ease-in}.faq-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.faq-item{background:#0a0a0f66;border:2px solid rgba(0,217,255,.2);overflow:hidden;transition:all .3s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.faq-item:hover{border-color:#00d9ff66;box-shadow:0 0 15px #00d9ff33}.faq-item.expanded{border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d}.faq-question{width:100%;display:flex;align-items:center;gap:15px;padding:18px 20px;background:transparent;border:none;color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;text-align:left;cursor:pointer;transition:all .3s ease}.faq-question:hover{background:#00d9ff0d}.faq-category{color:#ff6b35;font-family:Orbitron,monospace;font-size:10px;font-weight:700;text-transform:uppercase;padding:4px 8px;background:#ff6b351a;border:1px solid rgba(255,107,53,.3);white-space:nowrap;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.faq-question-text{flex:1;color:#ffffffe6}.faq-arrow{color:#00d9ff;font-size:14px;transition:transform .3s ease;transform:rotate(180deg)}.faq-item.expanded .faq-arrow{transform:rotate(0)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.expanded .faq-answer{max-height:500px}.answer-content{padding:15px 20px 20px;font-family:Rajdhani,sans-serif;font-size:15px;line-height:1.8;color:#ffffffb3;border-top:1px solid rgba(0,217,255,.1);margin-top:5px}.faq-footer{text-align:center;padding:25px;background:#ff6b350d;border:2px dashed rgba(255,107,53,.3);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.faq-footer p{font-family:Rajdhani,sans-serif;font-size:16px;color:#ffffffb3;margin-bottom:15px}.ticket-section{animation:fadeIn .5s ease-in}.submit-message{padding:15px 20px;margin-bottom:25px;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:600;display:flex;align-items:center;gap:12px;animation:slideDown .3s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.submit-message.success{background:#00ff411a;border:2px solid rgba(0,255,65,.5);color:#00ff41}.submit-message.error{background:#ff6b351a;border:2px solid rgba(255,107,53,.5);color:#ff6b35}.message-icon{font-size:20px;font-weight:700}.ticket-form{display:flex;flex-direction:column;gap:25px}.form-group{position:relative}.field-label{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-family:Orbitron,monospace;font-size:12px;font-weight:600;color:#00d9ff;text-transform:uppercase;letter-spacing:1px}.label-icon{font-size:14px}.form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;background:#0a0a0fcc;border:2px solid rgba(0,217,255,.3);color:#fff;font-family:Rajdhani,sans-serif;font-size:15px;transition:all .3s ease;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 15px #00d9ff4d;background:#0a0a0fe6}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff4d;font-style:italic}.form-select{cursor:pointer;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%2300d9ff" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 8l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-textarea{resize:vertical;min-height:120px;line-height:1.6;word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word}.char-counter{position:absolute;right:10px;bottom:-20px;font-family:Orbitron,monospace;font-size:10px;color:#00d9ff80}.cyber-button,.submit-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;background:transparent;border:2px solid rgba(0,217,255,.3);color:#00d9ff;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:2px;cursor:pointer;overflow:hidden;transition:all .3s ease;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.cyber-button:before,.submit-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00d9ff1a,#ff6b351a);transform:translate(-100%);transition:transform .3s ease}.cyber-button:hover:before,.submit-button:hover:before{transform:translate(0)}.cyber-button:hover,.submit-button:hover{border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d;transform:translateY(-2px)}.cyber-button:active,.submit-button:active{transform:translateY(0)}.submit-button{width:100%;margin-top:10px}.submit-button.submitting{opacity:.6;cursor:not-allowed}.button-text{z-index:1}.loader{width:20px;height:20px;border:3px solid rgba(0,217,255,.2);border-top-color:#00d9ff;border-radius:50%;animation:spin .8s linear infinite;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}.support-page .scanline-effect{position:absolute;inset:0;z-index:15;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;animation:scanlines 8s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(20px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.support-page{padding:20px 15px}.support-container{padding:80px 15px 40px}.support-panel{padding:25px 20px}.support-title{font-size:24px;letter-spacing:2px}.support-subtitle{font-size:14px}.support-tabs{flex-direction:column;gap:12px}.section-title{font-size:20px}.faq-question{padding:15px;font-size:14px;flex-wrap:wrap}.faq-category{font-size:9px;padding:3px 6px}.back-button{top:15px;left:15px;padding:10px 15px;font-size:12px}.form-input,.form-select,.form-textarea{font-size:14px}.support-page .corner{width:30px;height:30px}}.app-container{width:100%;min-height:100vh;background:var(--bg-primary);position:relative}.app-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0 50%,#00ffff08 50%);background-size:100% 4px;pointer-events:none;z-index:9999;animation:scanline 8s linear infinite}:root{--neon-cyan: #00ffff;--neon-magenta: #ff00ff;--neon-green: #00ff41;--neon-red: #ff3366;--neon-orange: #ffaa00;--bg-primary: #0a0e27;--bg-secondary: #1a1e3f;--bg-panel: rgba(10, 14, 39, .85);--text-primary: #e0e0e0;--text-secondary: rgba(224, 224, 224, .7);--glow-cyan: 0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan);--glow-magenta: 0 0 10px var(--neon-magenta), 0 0 20px var(--neon-magenta);--glow-green: 0 0 10px var(--neon-green), 0 0 20px var(--neon-green)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Fira Code,JetBrains Mono,Courier New,monospace;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0 50%,#00ffff08 50%);background-size:100% 4px;pointer-events:none;z-index:9999;animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(4px)}}.crt-effect{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.crt-effect:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%)}.crt-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 100px #00000080}.neon-text-cyan{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.neon-text-magenta{color:var(--neon-magenta);text-shadow:var(--glow-magenta)}.neon-text-green{color:var(--neon-green);text-shadow:var(--glow-green)}.holographic-border{border:2px solid var(--neon-cyan);box-shadow:0 0 20px #00ffff4d,inset 0 0 20px #00ffff0d;position:relative}.holographic-border:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(0,255,255,.1),transparent);animation:border-glow 3s infinite;z-index:-1}@keyframes border-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px currentColor}50%{box-shadow:0 0 30px currentColor}}.typing-cursor{display:inline-block;width:2px;height:1em;background:var(--neon-cyan);animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#00000080}::-webkit-scrollbar-thumb{background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}::-webkit-scrollbar-thumb:hover{background:var(--neon-magenta);box-shadow:0 0 10px var(--neon-magenta)}::selection{background:#00ffff4d;color:var(--text-primary)}.neon-text{text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan);color:var(--neon-cyan)}.neon-text-magenta{text-shadow:0 0 10px var(--neon-magenta),0 0 20px var(--neon-magenta);color:var(--neon-magenta)}.neon-text-green{text-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green);color:var(--neon-green)}.neon-text-red{text-shadow:0 0 10px var(--neon-red),0 0 20px var(--neon-red);color:var(--neon-red)}.neon-text-orange{text-shadow:0 0 10px var(--neon-orange),0 0 20px var(--neon-orange);color:var(--neon-orange)}.neon-text-pulse{animation:neonTextPulse 2s ease-in-out infinite}@keyframes neonTextPulse{0%,to{text-shadow:0 0 5px currentColor,0 0 10px currentColor;opacity:.8}50%{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor,0 0 40px currentColor;opacity:1}}.holographic{position:relative;background:linear-gradient(135deg,#00ffff1a,#ff00ff1a,#00ff411a);border:1px solid rgba(0,255,255,.3);box-shadow:inset 0 0 30px #00ffff1a,0 0 20px #0ff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.holographic:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:holographicScan 3s linear infinite;pointer-events:none}@keyframes holographicScan{0%{left:-100%}to{left:100%}}.glitch-bg{position:relative;overflow:hidden}.glitch-bg:before,.glitch-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;opacity:0;pointer-events:none;mix-blend-mode:screen}.glitch-bg:after{mix-blend-mode:multiply}.glitch-bg:before{animation:glitchBgBefore 3s infinite}.glitch-bg:after{animation:glitchBgAfter 3s infinite}@keyframes glitchBgBefore{0%,90%,to{opacity:0;transform:translate(0)}91%,93%{opacity:.3;transform:translate(-5px,2px)}92%{opacity:.3;transform:translate(5px,-2px)}}@keyframes glitchBgAfter{0%,90%,to{opacity:0;transform:translate(0)}91%,93%{opacity:.2;transform:translate(3px,-3px)}92%{opacity:.2;transform:translate(-3px,3px)}}.neon-gradient-cyan{background:linear-gradient(135deg,rgba(0,255,255,.1) 0%,rgba(0,255,255,.05) 50%,transparent 100%);border-left:2px solid var(--neon-cyan)}.neon-gradient-magenta{background:linear-gradient(135deg,rgba(255,0,255,.1) 0%,rgba(255,0,255,.05) 50%,transparent 100%);border-left:2px solid var(--neon-magenta)}.neon-gradient-green{background:linear-gradient(135deg,rgba(0,255,65,.1) 0%,rgba(0,255,65,.05) 50%,transparent 100%);border-left:2px solid var(--neon-green)}.neon-gradient-red{background:linear-gradient(135deg,rgba(255,51,102,.1) 0%,rgba(255,51,102,.05) 50%,transparent 100%);border-left:2px solid var(--neon-red)}.typing-cursor{display:inline-block;width:10px;height:1em;background:var(--neon-cyan);margin-left:5px;animation:cursorBlink 1s step-end infinite;box-shadow:0 0 5px var(--neon-cyan);vertical-align:middle}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.flicker{animation:flicker .15s infinite}@keyframes flicker{0%,to{opacity:1}41.99%{opacity:1}42%{opacity:0}43%{opacity:0}43.01%{opacity:1}47.99%{opacity:1}48%{opacity:0}49%{opacity:0}49.01%{opacity:1}}.crt-flicker{animation:crtFlicker .1s infinite}@keyframes crtFlicker{0%{opacity:.97}50%{opacity:1}to{opacity:.97}}.data-stream{position:relative;overflow:hidden}.data-stream:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent,rgba(0,255,255,.3),transparent);animation:dataStream 2s linear infinite;pointer-events:none}@keyframes dataStream{0%{top:-100%}to{top:100%}}.neon-loading-bar{width:100%;height:4px;background:#00ffff1a;border-radius:2px;overflow:hidden;position:relative}.neon-loading-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);animation:loadingBarScan 1.5s linear infinite;box-shadow:0 0 10px var(--neon-cyan)}@keyframes loadingBarScan{0%{left:-100%}to{left:100%}}.hexagon-grid{background-image:linear-gradient(30deg,rgba(0,255,255,.05) 12%,transparent 12.5%,transparent 87%,rgba(0,255,255,.05) 87.5%,rgba(0,255,255,.05)),linear-gradient(150deg,rgba(0,255,255,.05) 12%,transparent 12.5%,transparent 87%,rgba(0,255,255,.05) 87.5%,rgba(0,255,255,.05)),linear-gradient(30deg,rgba(0,255,255,.05) 12%,transparent 12.5%,transparent 87%,rgba(0,255,255,.05) 87.5%,rgba(0,255,255,.05)),linear-gradient(150deg,rgba(0,255,255,.05) 12%,transparent 12.5%,transparent 87%,rgba(0,255,255,.05) 87.5%,rgba(0,255,255,.05)),linear-gradient(60deg,rgba(0,255,255,.03) 25%,transparent 25.5%,transparent 75%,rgba(0,255,255,.03) 75%,rgba(0,255,255,.03)),linear-gradient(60deg,rgba(0,255,255,.03) 25%,transparent 25.5%,transparent 75%,rgba(0,255,255,.03) 75%,rgba(0,255,255,.03));background-size:80px 140px;background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px}.circuit-pattern{background-color:var(--bg-primary);background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:20px 20px;position:relative}.circuit-pattern:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10px 10px,rgba(0,255,255,.3) 2px,transparent 2px),radial-gradient(circle at 50px 50px,rgba(255,0,255,.3) 2px,transparent 2px);background-size:60px 60px;pointer-events:none}.scan-effect{position:relative;overflow:hidden}.scan-effect:before{content:"";position:absolute;top:-100%;left:0;width:100%;height:3px;background:linear-gradient(180deg,transparent,var(--neon-cyan),transparent);box-shadow:0 0 20px var(--neon-cyan);animation:scanEffect 3s linear infinite;pointer-events:none;z-index:10}@keyframes scanEffect{0%{top:-100%}to{top:100%}}.holo-corners{position:relative}.holo-corners:before,.holo-corners:after{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}.holo-corners:before{top:0;left:0;border-right:none;border-bottom:none}.holo-corners:after{bottom:0;right:0;border-left:none;border-top:none}.glow-hover{transition:all .3s ease}.glow-hover:hover{box-shadow:0 0 20px currentColor,inset 0 0 20px #00ffff1a;transform:translateY(-2px)}.terminal-output{color:var(--neon-green);font-size:.9rem;line-height:1.6}.terminal-error{color:var(--neon-red);text-shadow:0 0 5px var(--neon-red)}.terminal-success{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green)}.terminal-info{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.terminal-warning{color:var(--neon-orange);text-shadow:0 0 5px var(--neon-orange)}.output-display{display:flex;flex-direction:column;gap:.75rem}.output-entry{display:flex;flex-direction:column;gap:.5rem}.output-command{display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.output-timestamp{color:var(--text-secondary);font-size:.75rem}.output-cmd-text{color:var(--neon-cyan)}.output-result{padding-left:1.5rem;white-space:pre-wrap}.output-success{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green)}.output-error{color:var(--neon-red);text-shadow:0 0 5px var(--neon-red)}.output-info{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.output-warning{color:var(--neon-orange);text-shadow:0 0 5px var(--neon-orange)}.typewriter-text{display:inline-block}.typewriter-cursor{display:inline-block;width:8px;height:1em;background:var(--neon-cyan);animation:blink .8s infinite;margin-left:2px}.command-history{background:#0000004d;border:1px solid rgba(0,255,255,.3);padding:1rem;margin-bottom:1rem}.history-title{color:var(--neon-cyan);font-size:.9rem;margin-bottom:.5rem;text-shadow:0 0 5px var(--neon-cyan)}.history-item{display:flex;gap:.5rem;padding:.25rem 0;cursor:pointer;transition:all .3s ease}.history-item:hover{color:var(--neon-green);padding-left:.5rem}.history-index{color:var(--text-secondary);min-width:30px}.history-command{color:var(--neon-cyan)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-left{animation:slideInLeft .5s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-right{animation:slideInRight .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.scale-in{animation:scaleIn .5s ease-out}@keyframes rotateIn{0%{transform:rotate(-180deg) scale(0);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.rotate-in{animation:rotateIn .8s ease-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}@keyframes neonPulse{0%,to{text-shadow:0 0 10px currentColor,0 0 20px currentColor}50%{text-shadow:0 0 20px currentColor,0 0 30px currentColor,0 0 40px currentColor}}.neon-pulse{animation:neonPulse 2s ease-in-out infinite}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.4}}.flicker{animation:flicker 2s infinite}@keyframes dataStream{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.data-stream{animation:dataStream 3s linear infinite}@keyframes circuitLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.circuit-line{stroke-dasharray:1000;animation:circuitLine 2s ease-in-out}@keyframes hologramShimmer{0%{background-position:-200% center}to{background-position:200% center}}.hologram-shimmer{background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);background-size:200% 100%;animation:hologramShimmer 3s infinite}@keyframes matrixDrop{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.matrix-drop{animation:matrixDrop 5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes borderScan{0%{border-color:var(--neon-cyan) transparent transparent transparent}25%{border-color:transparent var(--neon-cyan) transparent transparent}50%{border-color:transparent transparent var(--neon-cyan) transparent}75%{border-color:transparent transparent transparent var(--neon-cyan)}to{border-color:var(--neon-cyan) transparent transparent transparent}}.border-scan{animation:borderScan 2s linear infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}body.no-animations *,body.no-animations *:before,body.no-animations *:after{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;transition-delay:0s!important}body.no-animations{--animation-duration: 0s;--transition-duration: 0s}