@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}.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-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 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}}*{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%)}@keyframes cityPulse{0%,to{opacity:.1;transform:scaleY(1)}50%{opacity:.15;transform:scaleY(1.05)}}.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}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}.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}.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}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(20px)}}@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}}.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)}.profile-footer{background:#0a0a0f99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(181,55,242,.3);padding:20px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.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:hidden}.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-input:disabled{opacity:.5;cursor:not-allowed}.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:fixed;top:30px;left:50%;transform:translate(-50%);z-index:100;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)}.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{background:#0a0a0f99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(181,55,242,.3);padding:18px 20px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.security-badge{display:flex;align-items:center;gap:10px;justify-content:center;color:#b537f2}.badge-icon{font-size:20px}.badge-text{font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.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)}}.form-field{position:relative}.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::placeholder{color:#ffffff4d}.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}.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}.submit-button:hover .button-arrow{transform:translate(5px)}.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}.footer-link:hover{color:#b537f2;text-shadow:0 0 10px rgba(181,55,242,.5)}.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}}.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}}.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: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}.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,#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{font-size:20px}.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}}.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)}}.settings-dashboard-wrapper{display:flex;flex-direction:column;gap:15px;width:100%;height:100%;animation:shopSlide .5s ease}.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 .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: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}.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:2px solid #00d9ff;border-radius:8px;margin:5px;padding:16px 23px;box-shadow:0 0 30px #00d9ff4d}.leaderboard-row.current-user:hover{background:linear-gradient(135deg,#00d9ff40,#00d9ff26)}.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}.player-username{font-family:Orbitron,sans-serif;font-size:15px;font-weight:700;color:#fff}.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}.stat-value{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#fff}.stat-value.primary{color:#00d9ff;font-weight:900}.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,gold,#fa0);border-radius:10px}.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:center;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)}.achievement-row.locked .achievement-title{color:#8892b0}.achievement-badges{display:flex;align-items:center;gap:8px}.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-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}.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:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00d9ff,transparent);animation:scanline 3s linear infinite}.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-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;padding:15px;background:#00d9ff0d;border:1px solid rgba(0,217,255,.3);border-radius:10px;text-align:center;transition:all .3s ease}.profile-stat-box:hover{background:#00d9ff1a;box-shadow:0 0 15px #00d9ff4d}.profile-stat-label{font-family:Rajdhani,sans-serif;font-size:12px;color:#8892b0;text-transform:uppercase;margin-bottom:8px}.profile-stat-value{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:#00d9ff}.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{display:flex;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:#00d9ff80;box-shadow:0 0 15px #00d9ff33}.match-item-mission{flex:1;font-family:Orbitron,sans-serif;font-size:15px;font-weight:600;color:#fff}.match-item-result{padding:6px 16px;border-radius:6px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase}.match-item-result.victory{background:#00ff001a;border:1px solid #00ff00;color:#0f0}.match-item-result.defeat{background:#ff6b351a;border:1px solid #ff6b35;color:#ff6b35}.match-item-xp{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;color:gold;min-width:80px;text-align:right}.match-item-date{font-family:Rajdhani,sans-serif;font-size:13px;color:#8892b0;min-width:100px;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}@keyframes spin{to{transform:rotate(360deg)}}.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;margin-left:-20px}.logo-htd-minimal{height:120px;width:auto;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))}.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-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))}.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-y:auto;padding:30px 40px 30px 30px;align-items:center;position:relative;z-index:5}.player-identity-extended{width:100%;max-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}.player-identity-extended:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00d9ff,#ff6b35);box-shadow:0 0 15px #00d9ffcc}.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-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}.stat-inline{color:#fffc;text-transform:uppercase;letter-spacing:1px}.stat-dot{color:#00d9ff80;font-size:12px}.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}.xp-circle-large{position:relative;width:80px;height:80px}.xp-percent-large{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:#00d9ff}.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)}.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}.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(3,1fr);gap:20px;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;top: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-complete-featured{padding:30px;background:#00ff641a;border:2px solid #00ff64;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:Orbitron,sans-serif;color:#00ff64;text-transform:uppercase}.check-icon-f{font-size:32px}.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}.logo-htd-minimal{height:50px}.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}.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%}}.map-container{width:100%;min-height:100vh;background:linear-gradient(180deg,#0a0e27,#1a1f3a,#0a0e27);position:relative;overflow:hidden;font-family:Rajdhani,sans-serif}.map-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:50px 50px;animation:gridFloat 20s linear infinite}@keyframes gridFloat{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.map-bg-glow{position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(0,217,255,.1) 0%,transparent 70%);transform:translate(-50%,-50%);animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.map-scanline{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,217,255,.05) 50%,transparent 100%);height:100px;animation:scanline 3s linear infinite;pointer-events:none}@keyframes scanline{0%{transform:translateY(-100px)}to{transform:translateY(100vh)}}.holographic-overlay{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;z-index:50;animation:holographicFlicker .3s infinite}@keyframes holographicFlicker{0%,to{opacity:1}50%{opacity:.95}}.holo-projector-base{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:100%;height:100%;transform-style:preserve-3d;pointer-events:none;z-index:5}.projector-platform{position:absolute;bottom:0;left:50%;transform:translate(-50%) rotateX(90deg) translateZ(0);width:400px;height:400px;transform-style:preserve-3d}.platform-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(0,217,255,.4);border-radius:50%;width:calc(80px + var(--ring-index) * 40px);height:calc(80px + var(--ring-index) * 40px);animation:ringPulse calc(2s + var(--ring-index) * .3s) ease-in-out infinite;box-shadow:0 0 20px #00d9ff4d,inset 0 0 20px #00d9ff33}@keyframes ringPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.05)}}.projector-core-light{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:radial-gradient(circle,rgba(0,217,255,.8),rgba(0,217,255,.3),transparent);border-radius:50%;box-shadow:0 0 40px #00d9ffcc,0 0 80px #00d9ff99;animation:coreLight 2s ease-in-out infinite}@keyframes coreLight{0%,to{opacity:.8;box-shadow:0 0 40px #00d9ffcc,0 0 80px #00d9ff99}50%{opacity:1;box-shadow:0 0 60px #00d9ff,0 0 120px #00d9ffcc}}.light-beams{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:400px;height:400px;transform-style:preserve-3d}.light-beam{position:absolute;bottom:0;left:50%;width:2px;height:600px;background:linear-gradient(to top,rgba(0,217,255,.6),rgba(0,217,255,.3) 50%,transparent);transform-origin:bottom center;transform:translate(-50%) rotate(var(--beam-angle)) rotateY(75deg);animation:beamGlow 3s ease-in-out infinite;animation-delay:calc(var(--beam-angle) * .01);filter:blur(1px)}@keyframes beamGlow{0%,to{opacity:.3}50%{opacity:.6}}.light-cone{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:300px solid transparent;border-right:300px solid transparent;border-bottom:600px solid rgba(0,217,255,.08);filter:blur(30px);animation:coneGlow 4s ease-in-out infinite}@keyframes coneGlow{0%,to{opacity:.4}50%{opacity:.7}}.projection-base{position:absolute;bottom:0;left:50%;width:300px;height:20px;background:radial-gradient(ellipse,rgba(0,217,255,.4),transparent);transform:translate(-50%);filter:blur(15px);animation:baseGlow 3s ease-in-out infinite;display:none}@keyframes baseGlow{0%,to{opacity:.5;width:300px}50%{opacity:.8;width:400px}}.holo-particles{position:absolute;inset:0;pointer-events:none;z-index:25;transform-style:preserve-3d}.holo-particle{position:absolute;width:var(--size, 3px);height:var(--size, 3px);background:#00d9ffe6;border-radius:50%;box-shadow:0 0 10px #00d9ff,0 0 20px #00d9ffcc,0 0 30px #00d9ff99;left:var(--x);top:var(--y);animation:particleFloat3D var(--duration) ease-in-out infinite;animation-delay:var(--delay);transform-style:preserve-3d}@keyframes particleFloat3D{0%{transform:translateZ(-100px) translateY(100px);opacity:0}10%{opacity:1}50%{transform:translateZ(100px) translateY(-50px);opacity:1}90%{opacity:1}to{transform:translateZ(250px) translateY(-150px);opacity:0}}.map-topbar{position:relative;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#0a0e27cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(0,217,255,.3);box-shadow:0 4px 20px #00d9ff1a}.map-topbar-left,.map-topbar-center,.map-topbar-right{flex:1}.map-topbar-center{text-align:center}.map-topbar-right{display:flex;justify-content:flex-end}.map-back-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#00d9ff1a;border:2px solid rgba(0,217,255,.4);color:#00d9ff;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.map-back-btn:hover{background:#00d9ff33;border-color:#00d9ff;transform:translate(-5px);box-shadow:0 0 20px #00d9ff66}.btn-icon{font-size:18px}.map-title{font-family:Orbitron,sans-serif;font-size:32px;font-weight:900;color:#00d9ff;margin:0;text-shadow:0 0 20px rgba(0,217,255,.6);letter-spacing:4px}.map-subtitle{font-size:12px;color:#ffffff80;margin:5px 0 0;letter-spacing:2px}.map-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4eff4e1a;border:1px solid rgba(78,255,78,.4);border-radius:4px;color:#4eff4e;font-size:12px;font-weight:700;letter-spacing:1px}.status-pulse{width:8px;height:8px;background:#4eff4e;border-radius:50%;box-shadow:0 0 10px #4eff4e;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.map-content{position:relative;height:calc(100vh - 160px);display:flex;justify-content:center;align-items:center;padding:40px;perspective:1500px;perspective-origin:50% 80%}.map-3d-container{position:relative;width:100%;max-width:1000px;height:100%;max-height:600px;transform-style:preserve-3d;transform:rotateX(60deg) rotate(0) translateY(-100px);animation:mapFloat3D 10s ease-in-out infinite}@keyframes mapFloat3D{0%,to{transform:rotateX(60deg) rotate(0) translateY(-100px) translateZ(0)}50%{transform:rotateX(58deg) rotate(2deg) translateY(-100px) translateZ(30px)}}.central-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(150px);z-index:30;filter:drop-shadow(0 30px 60px rgba(0,217,255,.8))}.hub-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid rgba(0,217,255,.6);border-radius:50%;animation:ringRotate 10s linear infinite;box-shadow:0 0 30px #00d9ffcc,inset 0 0 30px #00d9ff66}.ring-1{width:90px;height:90px;animation-duration:8s;border-width:4px}.ring-2{width:140px;height:140px;animation-duration:12s;animation-direction:reverse;border-width:3px;border-style:dashed}.ring-3{width:190px;height:190px;animation-duration:15s;border-width:2px}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hub-core{position:relative;width:80px;height:80px;background:radial-gradient(circle,#00d9ffcc,#00d9ff4d);border:5px solid #00d9ff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 50px #00d9ff,0 0 100px #00d9ffcc,0 0 150px #00d9ff99,inset 0 0 40px #00d9ff80;animation:coreGlow 2s ease-in-out infinite}@keyframes coreGlow{0%,to{box-shadow:0 0 50px #00d9ff,0 0 100px #00d9ffcc,0 0 150px #00d9ff99,inset 0 0 40px #00d9ff80;transform:scale(1)}50%{box-shadow:0 0 70px #00d9ff,0 0 140px #00d9ff,0 0 200px #00d9ffcc,inset 0 0 50px #00d9ffb3;transform:scale(1.05)}}.hub-icon{font-size:36px;filter:drop-shadow(0 0 15px #00d9ff)}.hub-label{font-size:10px;color:#00d9ff;font-weight:900;letter-spacing:2px;margin-top:4px;text-shadow:0 0 15px #00d9ff}.connection-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.connection-line{stroke:var(--line-color, #00d9ff);stroke-width:2;opacity:.4;filter:drop-shadow(0 0 8px var(--line-color));transition:all .3s ease}.connection-line.active{stroke-width:4;opacity:.9;animation:lineFlow 1.5s linear infinite}@keyframes lineFlow{0%{stroke-dasharray:8 12;stroke-dashoffset:0}to{stroke-dasharray:8 12;stroke-dashoffset:20}}.map-pole{position:absolute;transform:translate(-50%,-50%) translateZ(120px);cursor:pointer;z-index:35;transition:all .5s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 20px 50px var(--pole-color))}.map-pole:hover{z-index:40;transform:translate(-50%,-50%) translateZ(180px) scale(1.15);filter:drop-shadow(0 30px 80px var(--pole-color))}.map-pole.selected{z-index:45;transform:translate(-50%,-50%) translateZ(200px) scale(1.2);filter:drop-shadow(0 40px 100px var(--pole-color))}.pole-glow{position:absolute;top:50%;left:50%;width:150px;height:150px;background:radial-gradient(circle,var(--pole-color),transparent 60%);transform:translate(-50%,-50%);opacity:.6;animation:poleGlowPulse 3s ease-in-out infinite;filter:blur(25px)}@keyframes poleGlowPulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.3)}}.pole-ring{position:absolute;top:50%;left:50%;width:60px;height:60px;border:3px solid var(--pole-color);border-radius:50%;transform:translate(-50%,-50%);animation:poleRingRotate 4s linear infinite;box-shadow:0 0 15px var(--pole-color)}@keyframes poleRingRotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.15)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}.pole-core{position:relative;width:60px;height:60px;background:linear-gradient(135deg,#0a0e27fa,#1a1f3afa);border:4px solid var(--pole-color);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 40px var(--pole-color),0 0 80px var(--pole-color),0 0 120px #00d9ff4d,inset 0 0 30px #ffffff1a;animation:poleCoreFloat 4s ease-in-out infinite}@keyframes poleCoreFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.pole-core:before,.pole-core:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--pole-color);opacity:.4;pointer-events:none}.pole-core:before{transform:translate(-2px,-2px);border-color:#ff000080;animation:chromaticShift1 3s ease-in-out infinite}.pole-core:after{transform:translate(2px,2px);border-color:#00ffff80;animation:chromaticShift2 3s ease-in-out infinite}@keyframes chromaticShift1{0%,to{transform:translate(-2px,-2px);opacity:.3}50%{transform:translate(-3px,-3px);opacity:.5}}@keyframes chromaticShift2{0%,to{transform:translate(2px,2px);opacity:.3}50%{transform:translate(3px,3px);opacity:.5}}@keyframes poleCoreFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pole-icon{font-size:28px;filter:drop-shadow(0 0 15px var(--pole-color));animation:iconGlow 2s ease-in-out infinite}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 15px var(--pole-color))}50%{filter:drop-shadow(0 0 25px var(--pole-color))}}.lock-3d{width:35px;height:40px;position:relative;transform-style:preserve-3d;animation:lockRotate 8s linear infinite}@keyframes lockRotate{0%{transform:rotateY(0) rotateX(10deg)}to{transform:rotateY(360deg) rotateX(10deg)}}.lock-body{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:24px;transform-style:preserve-3d}.lock-body-front,.lock-body-back,.lock-body-left,.lock-body-right,.lock-body-top,.lock-body-bottom{position:absolute;background:linear-gradient(135deg,#00d9ff4d,#00d9ff26);border:2px solid #00d9ff;box-shadow:0 0 10px #00d9ffcc,inset 0 0 8px #00d9ff66}.lock-body-front{width:20px;height:24px;transform:translateZ(5px);border-radius:4px 4px 6px 6px}.lock-body-back{width:20px;height:24px;transform:translateZ(-5px) rotateY(180deg);border-radius:4px 4px 6px 6px}.lock-body-left{width:10px;height:24px;transform:translate(-5px) rotateY(-90deg);transform-origin:left center;border-radius:4px 0 0 6px}.lock-body-right{width:10px;height:24px;transform:translate(15px) rotateY(90deg);transform-origin:left center;border-radius:0 4px 6px 0}.lock-body-top{width:20px;height:10px;transform:translateY(0) rotateX(90deg);transform-origin:top center;border-radius:4px 4px 0 0}.lock-body-bottom{width:20px;height:10px;transform:translateY(24px) rotateX(-90deg);transform-origin:top center;border-radius:0 0 6px 6px}.lock-keyhole{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(6px);width:4px;height:6px;background:#00d9ff;border-radius:50% 50% 0 0;box-shadow:0 0 8px #00d9ff,0 0 15px #00d9ff99;animation:keyholeGlow 2s ease-in-out infinite}.lock-keyhole:after{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:2px;height:4px;background:#00d9ff;box-shadow:0 0 5px #00d9ff}@keyframes keyholeGlow{0%,to{box-shadow:0 0 8px #00d9ff,0 0 15px #00d9ff99}50%{box-shadow:0 0 12px #00d9ff,0 0 25px #00d9ffcc}}.lock-shackle{position:absolute;top:0;left:50%;transform:translate(-50%);width:18px;height:16px;transform-style:preserve-3d}.shackle-left,.shackle-right,.shackle-top{position:absolute;background:linear-gradient(180deg,#00d9ff66,#00d9ff33);border:2px solid #00d9ff;box-shadow:0 0 10px #00d9ffcc,inset 0 0 8px #00d9ff4d}.shackle-left{width:3px;height:12px;left:2px;top:4px;transform:translateZ(2px);border-radius:2px 2px 0 0}.shackle-right{width:3px;height:12px;right:2px;top:4px;transform:translateZ(2px);border-radius:2px 2px 0 0}.shackle-top{width:18px;height:3px;top:4px;transform:translateZ(2px);border-radius:2px 2px 0 0}.shackle-left:before,.shackle-right:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(180deg,#00d9ff33,#00d9ff1a);border:1px solid rgba(0,217,255,.6);transform:translateZ(-4px);border-radius:2px 2px 0 0}.shackle-top:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(90deg,#00d9ff33,#00d9ff1a);border:1px solid rgba(0,217,255,.6);transform:translateZ(-4px);border-radius:2px 2px 0 0}.pole-label{position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%) translateZ(10px);white-space:nowrap;padding:6px 14px;background:linear-gradient(135deg,#0a0e27f2,#1a1f3af2);border:2px solid var(--pole-color);border-radius:4px;color:var(--pole-color);font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;box-shadow:0 0 20px var(--pole-color),inset 0 0 10px #ffffff0d}.pole-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:3px;height:3px;background:var(--pole-color);border-radius:50%;box-shadow:0 0 5px var(--pole-color);animation:particleFloat 3s ease-in-out infinite}.particle:nth-child(1){top:0;left:50%;animation-delay:0s}.particle:nth-child(2){top:50%;left:100%;animation-delay:1s}.particle:nth-child(3){top:100%;left:50%;animation-delay:2s}@keyframes particleFloat{0%,to{transform:translate(-50%,-50%) translateY(0);opacity:0}10%,90%{opacity:1}50%{transform:translate(-50%,-50%) translateY(-30px);opacity:1}}.holographic-grid{position:absolute;inset:0;pointer-events:none;z-index:1;transform:translateZ(-30px)}.grid-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(0,217,255,.4),transparent);box-shadow:0 0 15px #00d9ff4d;animation:gridPulse 3s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.4}50%{opacity:.7}}.grid-line.horizontal{width:100%;height:2px;left:0}.grid-line.vertical{width:2px;height:100%;top:0;background:linear-gradient(180deg,transparent,rgba(0,217,255,.4),transparent);box-shadow:0 0 15px #00d9ff4d}.pole-detail-panel{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:320px;padding:25px;background:#0a0e27f2;border:2px solid var(--detail-color, #00d9ff);border-radius:8px;box-shadow:0 0 30px var(--detail-color),inset 0 0 30px #00d9ff0d;z-index:100;animation:panelSlideIn .4s ease}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(-50%) translate(50px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.detail-close-btn{position:absolute;top:15px;right:15px;width:30px;height:30px;background:#ff6b3533;border:2px solid #ff6b35;border-radius:4px;color:#ff6b35;font-size:18px;cursor:pointer;transition:all .3s ease}.detail-close-btn:hover{background:#ff6b3566;transform:rotate(90deg);box-shadow:0 0 15px #ff6b35}.detail-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--detail-color)}.detail-icon{font-size:36px;filter:drop-shadow(0 0 10px var(--detail-color))}.detail-title{font-family:Orbitron,sans-serif;font-size:20px;font-weight:900;color:var(--detail-color);margin:0;letter-spacing:2px}.detail-description{font-size:14px;color:#ffffffb3;line-height:1.6;margin:0 0 25px}.detail-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:4px}.stat-label{font-size:12px;color:#fff9;letter-spacing:1px}.stat-value{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#00d9ff}.detail-action-btn{width:100%;padding:14px;background:#0009;border:2px solid var(--btn-color, #00d9ff);border-radius:4px;color:var(--btn-color, #00d9ff);font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:all .3s ease}.detail-action-btn:hover{background:var(--btn-color);color:#0a0e27;transform:translateY(-2px);box-shadow:0 8px 25px #00d9ff66}.btn-arrow{font-size:18px;transition:transform .3s ease}.detail-action-btn:hover .btn-arrow{transform:translate(5px)}.map-bottombar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background:#0a0e27cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid rgba(0,217,255,.3);z-index:100}.map-legend{display:flex;gap:25px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffffb3;letter-spacing:1px}.legend-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px currentColor}.legend-dot.available{background:#4eff4e}.legend-dot.locked{background:#ff6b35}.legend-dot.completed{background:gold}.map-info{font-size:12px;color:#00d9ff;font-weight:700;letter-spacing:1px}@media(max-width:1200px){.pole-detail-panel{right:20px;width:280px}}@media(max-width:768px){.map-topbar{padding:15px 20px}.map-title{font-size:24px}.map-content{padding:20px}.pole-detail-panel{position:fixed;right:50%;top:50%;transform:translate(50%,-50%);width:calc(100% - 40px);max-width:350px}.map-bottombar{flex-direction:column;gap:10px;padding:15px 20px}}.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}