.main-menu{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:clamp(.5rem,2vh,2rem)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:linear-gradient(135deg,#0a0a1a,#1a0a2a)!important;text-align:center!important;z-index:1000!important;box-sizing:border-box!important}.mainmenu-stars-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;z-index:-1;overflow:hidden}.mainmenu-stars{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;background-repeat:repeat;will-change:background-position}.mainmenu-stars-small{background:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 160px 120px,#fff,transparent),radial-gradient(1px 1px at 50px 180px,#fff,transparent),radial-gradient(1px 1px at 130px 60px,#fff,transparent),radial-gradient(1px 1px at 180px 10px,#fff,transparent);background-size:200px 200px!important;background-position:0 0,0 0,0 0,0 0,0 0,0 0;animation:mainmenuAnimateStarsSmall 60s linear infinite!important;opacity:.7!important}.mainmenu-stars-medium{background:radial-gradient(1.5px 1.5px at 50px 80px,#00ffff,transparent),radial-gradient(1.5px 1.5px at 200px 90px,#cc00ff,transparent),radial-gradient(1.5px 1.5px at 120px 160px,#00ffff,transparent),radial-gradient(1.5px 1.5px at 280px 40px,#cc00ff,transparent);background-size:350px 350px;background-position:0 0,0 0,0 0,0 0;animation:mainmenuAnimateStarsMedium 90s linear infinite;opacity:.5}.mainmenu-stars-large{background:radial-gradient(2px 2px at 100px 150px,#fff,transparent),radial-gradient(2px 2px at 400px 450px,#fff,transparent),radial-gradient(2px 2px at 250px 300px,#fff,transparent);background-size:600px 600px;background-position:0 0,0 0,0 0;animation:mainmenuAnimateStarsLarge 120s linear infinite;opacity:.4}@keyframes mainmenuAnimateStarsSmall{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:0 -200px,0 -200px,0 -200px,0 -200px,0 -200px,0 -200px}}@keyframes mainmenuAnimateStarsMedium{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:0 -350px,0 -350px,0 -350px,0 -350px}}@keyframes mainmenuAnimateStarsLarge{0%{background-position:0 0,0 0,0 0}to{background-position:0 -600px,0 -600px,0 -600px}}.logo-container{position:relative;margin-bottom:clamp(2rem,6vh,4rem);opacity:0;transition:opacity 1s ease-out;display:flex;flex-direction:column;align-items:center}.logo-container.loaded{opacity:1}.game-logo{width:clamp(280px,60vw,600px);filter:drop-shadow(0 0 10px rgb(68,0,124));animation:float 6s ease-in-out infinite;margin-bottom:clamp(1rem,2vh,1.5rem)}.logo-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:clamp(280px,60vw,600px);height:60%;background:radial-gradient(ellipse,rgba(0,204,255,.3),transparent 70%);filter:blur(20px);animation:pulse 4s ease-in-out infinite alternate}.logo-words-container{position:relative;opacity:0;transition:opacity 1.5s ease-out .8s}.logo-words-container.loaded{opacity:1}.game-logo-words{width:clamp(200px,45vw,450px);filter:drop-shadow(0 0 8px rgb(68,0,124));animation:floatWords 8s ease-in-out infinite;position:relative;z-index:2}.logo-words-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse,rgba(0,204,255,.25),transparent 70%);filter:blur(15px);animation:pulseWords 4s ease-in-out infinite alternate}.matrix-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(0,255,255,.08) 0%,rgba(204,0,255,.06) 30%,rgba(204,0,255,.03) 50%,rgba(204,0,255,.01) 70%,transparent 100%);opacity:0;z-index:3;filter:blur(30px);animation:cyberMaterialize 2s ease-out 1.2s forwards}.matrix-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(0,255,255,.12) 0%,rgba(0,255,255,.04) 20%,rgba(0,255,255,.02) 40%,rgba(0,255,255,.01) 60%,transparent 100%);opacity:0;filter:blur(25px);animation:cyberPulse .8s ease-out 1.2s forwards}.matrix-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(204,0,255,.1) 0%,rgba(204,0,255,.03) 25%,rgba(204,0,255,.015) 45%,rgba(204,0,255,.005) 65%,transparent 100%);opacity:0;filter:blur(28px);animation:cyberGlow 1.5s ease-out 1.4s forwards}@keyframes cyberMaterialize{0%{opacity:0;transform:scale(.8);filter:blur(20px)}50%{opacity:.8;transform:scale(1.1);filter:blur(4px)}to{opacity:0;transform:scale(1);filter:blur(0px)}}@keyframes cyberPulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1)}}@keyframes cyberGlow{0%{opacity:0;transform:scale(.9)}30%{opacity:.6;transform:scale(1.05)}to{opacity:0;transform:scale(1)}}@keyframes float{50%{transform:translateY(-15px)}}@keyframes floatWords{0%{transform:translateY(0) translate(0)}25%{transform:translateY(-8px) translate(2px)}50%{transform:translateY(-12px) translate(-1px)}75%{transform:translateY(-6px) translate(1px)}to{transform:translateY(0) translate(0)}}@keyframes pulse{50%{opacity:.8;transform:translate(-50%) scale(1.05)}}@keyframes pulseWords{50%{opacity:.8;transform:scale(1.05)}}.menu-buttons{display:flex;flex-direction:column;align-items:center;gap:20px;opacity:0;transition:opacity 1s ease-out .3s}.menu-buttons.loaded{opacity:1}.cyber-button{position:relative;width:clamp(240px,50vw,320px);height:clamp(50px,8vh,70px);background:linear-gradient(90deg,#000428,#004e92);color:#0ff;font-family:var(--font-secondary);font-size:clamp(.9rem,2.5vw,1.4rem);font-weight:700;text-transform:uppercase;letter-spacing:clamp(1px,.5vw,3px);border:none;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,100% 0,100% 70%,95% 100%,5% 100%,0 70%);overflow:hidden}.cyber-button:before,.cyber-button:after{content:"";position:absolute;clip-path:inherit}.cyber-button:before{top:2px;right:2px;bottom:2px;left:2px;background:linear-gradient(135deg,#000428,#001e3c);z-index:1}.cyber-button:after{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0ff,#c0f);opacity:0;transition:opacity .3s ease;filter:blur(5px)}.cyber-button:hover{transform:translateY(-3px) scale(1.02);text-shadow:0 0 8px rgba(255,255,255,.8)}.button-text{position:relative;z-index:2;background:linear-gradient(to right,#0ff,#c0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.button-glitch{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transform:translate(-100%);z-index:1;clip-path:inherit}.cyber-button:hover .button-glitch{animation:buttonGlitch 1.5s infinite}@keyframes buttonGlitch{0%{transform:translate(-100%)}10%,90%{transform:translate(100%)}to{transform:translate(100%)}}@media (max-width: 768px){.game-logo{width:clamp(250px,80vw,400px)}.game-logo-words{width:clamp(180px,60vw,300px)}.logo-glow{width:clamp(250px,80vw,400px)}.cyber-button{width:clamp(200px,80vw,280px);height:clamp(45px,7vh,55px);font-size:clamp(.8rem,3.5vw,1rem)}}@media (max-height: 500px) and (orientation: landscape){.main-menu{padding:.5rem}.logo-container{margin-bottom:1rem}.game-logo{width:clamp(200px,40vw,350px);margin-bottom:clamp(.25rem,.5vh,.5rem)}.game-logo-words{width:clamp(140px,30vw,260px)}.logo-glow{width:clamp(200px,40vw,350px)}.cyber-button{height:clamp(40px,6vh,50px)}.menu-buttons{gap:10px}}@media (prefers-reduced-motion: reduce){.mainmenu-stars,.game-logo,.game-logo-words,.logo-glow,.logo-words-glow{animation:none}.matrix-overlay{animation:none;opacity:0}.matrix-overlay:before{animation:none;opacity:0}.matrix-overlay:after{animation:none;opacity:0}.button-glitch,.cyber-button:hover .button-glitch{animation:none}.logo-container,.logo-words-container,.menu-buttons,.cyber-button{transition-duration:.2s}}.bastion-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bastion-modal{background:linear-gradient(135deg,#0a0a1a,#1a0a2a);border:2px solid #00ffff;border-radius:10px;box-shadow:0 0 30px #00ffff80;max-width:1200px;max-height:85vh;width:95%;overflow:hidden;position:relative;transform:scale(.8) translateY(50px);opacity:0;transition:all .4s ease-out}.bastion-modal.loaded{transform:scale(1) translateY(0);opacity:1}.modal-header{background:linear-gradient(90deg,#00ffff1a,#8a2be21a);padding:1.5rem 2rem;border-bottom:1px solid rgba(0,255,255,.3);position:relative}.modal-title{font-family:var(--font-secondary);font-size:2rem;font-weight:700;color:#0ff;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,255,.5)}.modal-subtitle{font-family:var(--font-primary);font-size:1.1rem;color:#ccc;margin:0;letter-spacing:1px}.modal-close{position:absolute;top:1rem;right:1.5rem;background:none;border:2px solid #ff4444;color:#f44;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#f44;color:#fff;box-shadow:0 0 15px #ff444480}.modal-content{padding:1.5rem;max-height:65vh;overflow:hidden}.inventory-layout{display:flex;gap:2rem;height:100%;min-height:500px}.artifact-options{flex:2;display:flex;flex-direction:column;min-height:0}.options-header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,255,255,.3)}.options-title{font-family:var(--font-secondary);font-size:1.3rem;font-weight:700;color:#0ff;margin:0;text-transform:uppercase;letter-spacing:1px}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;overflow-y:auto;padding-right:.5rem;max-height:400px}.category-boxes{flex:1;display:flex;flex-direction:column;min-width:300px}.categories-header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,255,255,.3)}.categories-title{font-family:var(--font-secondary);font-size:1.3rem;font-weight:700;color:#0ff;margin:0;text-transform:uppercase;letter-spacing:1px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:fit-content}.artifact-option{background:linear-gradient(135deg,#001428cc,#140028cc);border:2px solid rgba(0,255,255,.3);border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.artifact-option:hover{border-color:#0ff9;box-shadow:0 0 20px #00ffff4d;transform:translateY(-2px)}.artifact-option.selected{border-color:#0ff;box-shadow:0 0 25px #0ff9;background:linear-gradient(135deg,#00283ce6,#28003ce6)}.artifact-preview{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:1rem;height:80px;width:100%}.artifact-image{max-width:70px;max-height:70px;width:auto;height:auto;filter:drop-shadow(0 0 8px rgba(0,255,255,.5));transition:all .3s ease}.artifact-option:hover .artifact-image{filter:drop-shadow(0 0 12px rgba(0,255,255,.8));transform:scale(1.05)}.artifact-glow{position:absolute;top:50%;left:50%;width:90px;height:90px;background:radial-gradient(circle,rgba(0,255,255,.2) 0%,transparent 70%);transform:translate(-50%,-50%);z-index:-1;animation:pulseArtifactGlow 3s ease-in-out infinite}@keyframes pulseArtifactGlow{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}.artifact-info{width:100%}.artifact-name{font-family:var(--font-secondary);font-size:1.1rem;font-weight:700;color:#0ff;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1px}.artifact-technology{font-family:var(--font-primary);font-size:.9rem;color:#8a2be2;margin:0 0 .5rem;font-weight:700;letter-spacing:.5px}.artifact-description{font-family:var(--font-primary);font-size:.8rem;color:#ccc;margin:0 0 .5rem;line-height:1.3}.artifact-ability{margin:.5rem 0 0;padding:.4rem;background:#8a2be21a;border-radius:4px;border:1px solid rgba(138,43,226,.3)}.ability-label{font-family:var(--font-primary);font-size:.7rem;color:#888;display:block;margin-bottom:.2rem}.ability-name{font-family:var(--font-secondary);font-size:.8rem;color:#8a2be2;font-weight:700;text-transform:uppercase;letter-spacing:1px}.category-box{background:linear-gradient(135deg,#001e32cc,#1e0032cc);border:2px solid rgba(0,255,255,.2);border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:120px}.category-box:hover{border-color:#00ffff80;box-shadow:0 0 15px #0ff3;transform:translateY(-1px)}.category-box.active{border-color:#0ff;box-shadow:0 0 20px #0ff6;background:linear-gradient(135deg,#003250e6,#320050e6)}.category-header{margin-bottom:.5rem;width:100%}.category-name{font-family:var(--font-secondary);font-size:.9rem;font-weight:700;color:#0ff;margin:0;text-transform:uppercase;letter-spacing:1px}.equipped-slot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.equipped-image{max-width:50px;max-height:50px;width:auto;height:auto;filter:drop-shadow(0 0 5px rgba(0,255,255,.5));margin-bottom:.5rem}.equipped-name{font-family:var(--font-primary);font-size:.7rem;color:#ccc;text-align:center;line-height:1.2}.empty-slot{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:2px dashed rgba(0,255,255,.3);border-radius:4px;margin-bottom:.5rem}.empty-text{font-family:var(--font-primary);font-size:.7rem;color:#666;text-transform:uppercase}.selection-indicator{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:#0ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:1.2rem;animation:checkmarkPulse .5s ease-out}@keyframes checkmarkPulse{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.modal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(0,255,255,.3);background:linear-gradient(90deg,#00ffff0d,#8a2be20d);display:flex;justify-content:space-between;gap:1rem}.cyber-button.secondary{background:linear-gradient(90deg,#333,#555);color:#ccc;width:180px;height:50px;font-size:1rem}.cyber-button.secondary:hover{background:linear-gradient(90deg,#555,#777);color:#fff;box-shadow:0 0 15px #ffffff4d}.cyber-button.primary{background:linear-gradient(90deg,#000428,#004e92);color:#0ff;width:200px;height:50px;font-size:1rem;border:none;border-radius:0;cursor:pointer;overflow:hidden;transition:all .3s ease;outline:none;position:relative;font-family:var(--font-secondary);font-weight:700;text-transform:uppercase;letter-spacing:2px;clip-path:polygon(0 0,100% 0,100% 70%,95% 100%,5% 100%,0 70%)}.cyber-button.primary:hover{background:linear-gradient(90deg,#004e92,#0070c0);color:#fff;box-shadow:0 0 20px #0ff9;transform:translateY(-2px)}@media (max-width: 1024px){.inventory-layout{flex-direction:column;gap:1.5rem;min-height:auto}.artifact-options{order:2}.category-boxes{order:1;min-width:auto}.category-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.category-box{min-height:100px;padding:.8rem}.options-grid{max-height:300px}}@media (max-width: 768px){.bastion-modal{width:95%;max-height:90vh}.modal-header{padding:1rem 1.5rem}.modal-content{padding:1rem}.modal-title{font-size:1.5rem}.inventory-layout{gap:1rem}.category-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.category-box{min-height:90px;padding:.6rem}.category-name{font-size:.8rem}.equipped-image{max-width:40px;max-height:40px}.options-grid{grid-template-columns:1fr;max-height:250px}.artifact-option{padding:.8rem}.artifact-image{max-width:60px;max-height:60px}.modal-footer{flex-direction:column;align-items:center;padding:1rem}.cyber-button.secondary,.cyber-button.primary{width:100%;max-width:250px}}@media (max-width: 480px){.category-grid{grid-template-columns:1fr 1fr;gap:.5rem}.category-box{min-height:80px;padding:.5rem}.category-name{font-size:.7rem}.equipped-image{max-width:35px;max-height:35px}.equipped-name{font-size:.6rem}.artifact-name{font-size:1rem}.artifact-description{font-size:.75rem}}.star-command-title{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-20px);opacity:0;transition:all 1.2s ease-out;z-index:10;padding:1rem 2rem}.star-command-title.loaded{transform:translateY(0);opacity:1}.title-glow{position:absolute;top:50%;left:50%;width:140%;height:140%;background:radial-gradient(ellipse at center,rgba(0,255,255,.2) 0%,rgba(0,255,255,.1) 30%,transparent 60%);transform:translate(-50%,-50%);z-index:-1;animation:titlePulse 6s ease-in-out infinite}.title-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem}.title-brackets{display:flex;align-items:center;gap:1rem;position:relative}.bracket-left,.bracket-right{font-family:var(--font-secondary);font-size:clamp(3rem,6vw,4.5rem);font-weight:700;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.4);animation:bracketGlow 4s ease-in-out infinite alternate}.bracket-left{animation-delay:0s}.bracket-right{animation-delay:.5s}.title-text{font-family:var(--font-secondary);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#fff;margin:0;text-transform:uppercase;letter-spacing:clamp(3px,1vw,8px);position:relative}.title-main{position:relative;color:#fff;text-shadow:0 0 8px rgba(0,255,255,.6),0 0 16px rgba(0,255,255,.3),0 0 24px rgba(0,255,255,.1);animation:textGlow 4s ease-in-out infinite}.title-underline{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#00ffff 10%,#ffffff 50%,#00ffff 90%,transparent 100%);animation:underlineScan 2s ease-in-out infinite;box-shadow:0 0 8px #0ff9}@keyframes titlePulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.02)}}@keyframes bracketGlow{0%{text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.4);opacity:.8}to{text-shadow:0 0 15px rgba(0,255,255,1),0 0 30px rgba(0,255,255,.6);opacity:1}}@keyframes textGlow{0%,to{text-shadow:0 0 8px rgba(0,255,255,.6),0 0 16px rgba(0,255,255,.3),0 0 24px rgba(0,255,255,.1)}50%{text-shadow:0 0 12px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.4),0 0 28px rgba(0,255,255,.2)}}@keyframes underlineScan{0%,to{opacity:.6;box-shadow:0 0 8px #0ff9}50%{opacity:1;box-shadow:0 0 15px #00ffffe6}}@media (max-width: 768px){.title-text{flex-direction:column;gap:.2rem}.title-star{font-size:.8em}}.profile-badge{position:relative;background:linear-gradient(135deg,#001428e6,#140028e6);border:2px solid rgba(0,255,255,.3);border-radius:12px;padding:1rem 1.5rem;min-width:250px;transform:translate(-30px);opacity:0;transition:all 1s ease-out;cursor:pointer;overflow:hidden}.profile-badge.loaded{transform:translate(0);opacity:1}.profile-badge:hover{border-color:#0ff9;box-shadow:0 0 20px #00ffff4d;transform:translateY(-2px)}.badge-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(0,255,255,.1) 0%,transparent 70%);z-index:-1;animation:badgePulse 3s ease-in-out infinite}.badge-content{display:flex;align-items:center;gap:1rem;position:relative;z-index:2}.profile-avatar{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.avatar-ring{position:absolute;width:100%;height:100%;border:2px solid #00ffff;border-radius:50%;animation:avatarRotate 8s linear infinite}.avatar-ring:before{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border:1px solid rgba(204,0,255,.5);border-radius:50%;animation:avatarRotate 6s linear infinite reverse}.avatar-icon{font-size:1.5rem;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8);z-index:1;animation:iconPulse 2s ease-in-out infinite}.avatar-image{width:40px;height:40px;border-radius:50%;object-fit:cover;z-index:1;border:2px solid rgba(0,255,255,.6);box-shadow:0 0 10px #0ff6}.profile-info{flex:1;display:flex;flex-direction:column;gap:.3rem}.profile-name{font-family:var(--font-secondary);font-size:1.1rem;font-weight:700;color:#0ff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 8px rgba(0,255,255,.6)}.profile-details{display:flex;justify-content:flex-start;align-items:center}.profile-status{font-family:var(--font-primary);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;padding:.2rem .5rem;border-radius:4px;border:1px solid}.profile-status.online{color:#0f0;background:#00ff001a;border-color:#00ff004d}.profile-status.offline{color:#888;background:#8888881a;border-color:#8888884d}.profile-status.connecting{color:#ff0;background:#ffff001a;border-color:#ffff004d;animation:statusBlink 1.5s ease-in-out infinite}.badge-border{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid transparent;border-radius:12px;background:linear-gradient(45deg,#00ffff,transparent,#cc00ff,transparent,#00ffff);background-size:400% 400%;animation:borderFlow 4s ease-in-out infinite;z-index:-1;opacity:.3}@keyframes badgePulse{0%,to{opacity:.1}50%{opacity:.3}}@keyframes avatarRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconPulse{0%,to{transform:scale(1);text-shadow:0 0 10px rgba(0,255,255,.8)}50%{transform:scale(1.1);text-shadow:0 0 15px rgba(0,255,255,1)}}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.profile-badge{min-width:160px;padding:.8rem}.profile-avatar{width:40px;height:40px}.avatar-icon{font-size:1.2rem}.profile-name{font-size:1rem}.profile-rank,.profile-level{font-size:.7rem}}.global-chat{position:relative;background:linear-gradient(135deg,#001428e6,#140028e6);border:2px solid rgba(0,255,255,.3);border-radius:8px;min-width:280px;max-width:350px;transform:translateY(30px);opacity:0;transition:all 1s ease-out;overflow:hidden}.global-chat.loaded{transform:translateY(0);opacity:1}.global-chat.expanded{border-color:#0ff9;box-shadow:0 0 25px #00ffff4d}.chat-header{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;cursor:pointer;transition:all .3s ease;border-bottom:1px solid rgba(0,255,255,.2)}.chat-header:hover{background:#00ffff1a}.chat-icon{font-size:1.2rem;animation:iconBlink 3s ease-in-out infinite}.chat-title{font-family:var(--font-secondary);font-size:.9rem;font-weight:700;color:#0ff;text-transform:uppercase;letter-spacing:1px;flex:1}.chat-status{display:flex;align-items:center;gap:.3rem}.status-indicator{width:8px;height:8px;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.status-indicator.online{background:#0f0;box-shadow:0 0 8px #0f09}.status-text{font-family:var(--font-primary);font-size:.7rem;color:#0f0;font-weight:700}.expand-arrow{font-size:.8rem;color:#0ff;transition:transform .3s ease}.global-chat.expanded .expand-arrow{transform:rotate(180deg)}.chat-content{max-height:250px;animation:expandChat .3s ease-out}.chat-messages{max-height:180px;overflow-y:auto;padding:.5rem;background:#0000004d}.chat-message{display:flex;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;line-height:1.3;padding:.3rem;border-radius:4px;transition:all .2s ease}.chat-message:hover{background:#00ffff1a}.chat-message.system{background:#ffff001a;border-left:2px solid #ffff00}.chat-message.announcement{background:#ffa5001a;border-left:2px solid #ffa500}.chat-message.player{background:#00ffff0d;border-left:2px solid #00ffff}.message-time{color:#888;font-family:var(--font-primary);min-width:35px}.message-player{color:#0ff;font-family:var(--font-secondary);font-weight:700;min-width:60px}.message-text{color:#fff;font-family:var(--font-primary);flex:1}.chat-input-area{display:flex;gap:.5rem;padding:.5rem;border-top:1px solid rgba(0,255,255,.2);background:#0003}.chat-input{flex:1;background:#001428cc;border:1px solid rgba(0,255,255,.3);border-radius:4px;padding:.4rem;color:#fff;font-family:var(--font-primary);font-size:.8rem;outline:none}.chat-input:focus{border-color:#0ff9;box-shadow:0 0 8px #00ffff4d}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-send{background:linear-gradient(90deg,#000428,#004e92);border:1px solid rgba(0,255,255,.3);border-radius:4px;padding:.4rem .8rem;color:#0ff;font-family:var(--font-secondary);font-size:.7rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.chat-send:hover:not(:disabled){background:linear-gradient(90deg,#004e92,#0070c0);box-shadow:0 0 10px #0ff6}.chat-send:disabled{opacity:.5;cursor:not-allowed}.chat-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(0,255,255,.1) 0%,transparent 70%);z-index:-1;animation:chatPulse 4s ease-in-out infinite}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#00ffffb3}@keyframes iconBlink{0%,90%,to{opacity:1}95%{opacity:.3}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes expandChat{0%{max-height:0;opacity:0}to{max-height:250px;opacity:1}}@keyframes chatPulse{0%,to{opacity:.1}50%{opacity:.3}}@media (max-width: 768px){.global-chat{min-width:240px;max-width:280px}.chat-content{max-height:200px}.chat-messages{max-height:140px}}.settings-icon{position:relative;background:linear-gradient(135deg,#001428e6,#140028e6);border:2px solid rgba(0,255,255,.3);border-radius:8px;padding:1rem;cursor:pointer;transform:translate(30px);opacity:0;transition:all 1s ease-out;overflow:hidden;min-width:100px}.settings-icon.loaded{transform:translate(0);opacity:1}.settings-icon:hover{border-color:#0ff9;box-shadow:0 0 20px #00ffff4d;transform:translateY(-2px)}.settings-icon:hover .gear-icon{animation:gearSpin 2s linear infinite}.settings-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,255,255,.1) 0%,transparent 70%);z-index:-1;animation:settingsPulse 3s ease-in-out infinite}.settings-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:2}.gear-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.gear-outer{position:relative;width:100%;height:100%;border:2px solid #00ffff;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,255,255,.1) 0%,transparent 70%)}.gear-outer:before{content:"";position:absolute;top:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:1px solid rgba(204,0,255,.3);border-radius:50%;animation:outerRing 8s linear infinite reverse}.gear-inner{font-size:1.5rem;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8);animation:innerGlow 2s ease-in-out infinite alternate}.settings-label{font-family:var(--font-secondary);font-size:.8rem;font-weight:700;color:#0ff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 8px rgba(0,255,255,.6)}.settings-border{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid transparent;border-radius:8px;background:linear-gradient(45deg,#00ffff,transparent,#cc00ff,transparent,#00ffff);background-size:400% 400%;animation:borderFlow 4s ease-in-out infinite;z-index:-1;opacity:.3}@keyframes settingsPulse{0%,to{opacity:.1}50%{opacity:.3}}@keyframes gearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes outerRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes innerGlow{0%{text-shadow:0 0 10px rgba(0,255,255,.8);transform:scale(1)}to{text-shadow:0 0 15px rgba(0,255,255,1);transform:scale(1.05)}}@media (max-width: 768px){.settings-icon{padding:.8rem;min-width:80px}.gear-icon{width:35px;height:35px}.gear-inner{font-size:1.3rem}.settings-label{font-size:.7rem}}.bastion-icon{position:relative;background:linear-gradient(135deg,#001428e6,#140028e6);border:2px solid rgba(0,255,255,.3);border-radius:12px;padding:1.5rem;cursor:pointer;transform:translateY(30px);opacity:0;transition:all 1s ease-out;overflow:hidden;min-width:120px;display:flex;flex-direction:column;align-items:center;gap:.8rem}.bastion-icon.loaded{transform:translateY(0);opacity:1}.bastion-icon:hover{border-color:#00ffffb3;box-shadow:0 0 30px #0ff6;transform:translateY(-3px)}.bastion-icon:hover .bastion-image{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(0,255,255,.8)) drop-shadow(0 0 40px rgba(0,255,255,.4))}.bastion-icon:hover .bastion-energy-ring{animation:energyRingSpin 2s linear infinite}.bastion-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,255,255,.15) 0%,transparent 70%);z-index:-1;animation:bastionPulse 4s ease-in-out infinite}.bastion-container{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.bastion-image{width:100%;height:100%;filter:drop-shadow(0 0 15px rgba(0,255,255,.6)) drop-shadow(0 0 30px rgba(0,255,255,.3));transition:all .3s ease;animation:bastionFloat 6s ease-in-out infinite}.bastion-energy-ring{position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);border:2px solid transparent;border-top:2px solid rgba(0,255,255,.6);border-right:2px solid rgba(0,255,255,.3);border-radius:50%;animation:energyRingRotate 8s linear infinite}.bastion-energy-ring:before{content:"";position:absolute;top:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:1px solid transparent;border-bottom:1px solid rgba(204,0,255,.4);border-left:1px solid rgba(204,0,255,.2);border-radius:50%;animation:energyRingRotate 6s linear infinite reverse}.bastion-pulse{position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(0,255,255,.2) 0%,transparent 70%);transform:translate(-50%,-50%);z-index:-1;animation:bastionPulseAnim 3s ease-in-out infinite}.bastion-label{font-family:var(--font-secondary);font-size:.9rem;font-weight:700;color:#0ff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 8px rgba(0,255,255,.6)}.bastion-status{font-family:var(--font-primary);font-size:.7rem;color:#0f0;text-transform:uppercase;letter-spacing:.5px;font-weight:700;background:#00ff001a;padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(0,255,0,.3);animation:statusBlink 3s ease-in-out infinite}.bastion-border{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid transparent;border-radius:12px;background:linear-gradient(45deg,#00ffff,transparent,#cc00ff,transparent,#00ffff);background-size:400% 400%;animation:borderFlow 5s ease-in-out infinite;z-index:-1;opacity:.4}@keyframes bastionPulse{0%,to{opacity:.15}50%{opacity:.3}}@keyframes bastionFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes energyRingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes energyRingSpin{0%{transform:rotate(0)}to{transform:rotate(720deg)}}@keyframes bastionPulseAnim{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}@keyframes statusBlink{0%,90%,to{opacity:1}95%{opacity:.6}}@media (max-width: 768px){.bastion-icon{padding:1.2rem;min-width:100px}.bastion-container{width:70px;height:70px}.bastion-label{font-size:.8rem}.bastion-status{font-size:.6rem}}@media (max-width: 480px){.bastion-icon{padding:1rem;min-width:80px}.bastion-container{width:60px;height:60px}.bastion-label{font-size:.7rem}}.magic-counter{position:relative;background:linear-gradient(135deg,#001428e6,#140028e6);border:2px solid rgba(138,43,226,.4);border-radius:8px;padding:.8rem 1.2rem;min-width:160px;transform:translateY(-10px);opacity:0;transition:all .8s ease-out;overflow:hidden}.magic-counter.loaded{transform:translateY(0);opacity:1}.magic-counter:hover{border-color:#8a2be2b3;box-shadow:0 0 25px #8a2be266}.counter-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(138,43,226,.2) 0%,transparent 70%);z-index:-1;animation:magicPulse 3s ease-in-out infinite}.magic-icon-container{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.magic-symbol{width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(138,43,226,.6)) drop-shadow(0 0 12px rgba(138,43,226,.3));animation:symbolFloat 8s ease-in-out infinite}.icon-pulse{position:absolute;top:50%;left:50%;width:110%;height:110%;background:radial-gradient(circle,rgba(138,43,226,.2) 0%,transparent 70%);transform:translate(-50%,-50%);z-index:-1;animation:iconPulseAnim 4s ease-in-out infinite}.counter-amount{font-family:var(--font-secondary);font-size:1.2rem;font-weight:700;color:#c0f;text-shadow:0 0 6px rgba(204,0,255,.6),0 0 12px rgba(204,0,255,.3);letter-spacing:1px}.counter-border{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid transparent;border-radius:12px;background:linear-gradient(45deg,#cc00ff,transparent,#8a2be2,transparent,#cc00ff);background-size:400% 400%;animation:borderFlow 5s ease-in-out infinite;z-index:-1;opacity:.4}@keyframes magicPulse{0%,to{opacity:.15}50%{opacity:.25}}@media (max-width: 768px){.magic-counter{padding:.8rem 1rem;min-width:160px}.magic-icon-container{width:35px;height:35px}.counter-amount{font-size:1.2rem}.counter-label{font-size:.6rem}}@media (max-width: 480px){.magic-counter{padding:.6rem .8rem;min-width:140px}.counter-content{gap:.8rem}.magic-icon-container{width:30px;height:30px}.counter-amount{font-size:1rem}.counter-label{font-size:.55rem}}.hopia-counter{position:relative;background:linear-gradient(135deg,#281400e6,#3c1e00e6);border:2px solid rgba(255,165,0,.4);border-radius:8px;padding:.8rem 1.2rem;min-width:160px;transform:translateY(-10px);opacity:0;transition:all .8s ease-out;overflow:hidden}.hopia-counter.loaded{transform:translateY(0);opacity:1}.hopia-counter:hover{border-color:#ffa500b3;box-shadow:0 0 25px #ffa50066}.counter-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(255,165,0,.2) 0%,transparent 70%);z-index:-1;animation:hopiaPulse 3s ease-in-out infinite}.hopia-icon-container{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.hopia-symbol{width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(255,165,0,.6)) drop-shadow(0 0 12px rgba(255,165,0,.3));animation:symbolFloat 8s ease-in-out infinite}.icon-pulse{position:absolute;top:50%;left:50%;width:110%;height:110%;background:radial-gradient(circle,rgba(255,165,0,.2) 0%,transparent 70%);transform:translate(-50%,-50%);z-index:-1;animation:iconPulseAnim 4s ease-in-out infinite}.counter-amount{font-family:var(--font-secondary);font-size:1.2rem;font-weight:700;color:orange;text-shadow:0 0 6px rgba(255,165,0,.6),0 0 12px rgba(255,165,0,.3);letter-spacing:1px}.counter-border{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid transparent;border-radius:12px;background:linear-gradient(45deg,#ffa500,transparent,#ff8c00,transparent,#ffa500);background-size:400% 400%;animation:borderFlow 5s ease-in-out infinite;z-index:-1;opacity:.4}@keyframes hopiaPulse{0%,to{opacity:.15}50%{opacity:.25}}@media (max-width: 768px){.hopia-counter{padding:.8rem 1rem;min-width:160px}.hopia-icon-container{width:35px;height:35px}.counter-amount{font-size:1.2rem}.counter-label{font-size:.6rem}}@media (max-width: 480px){.hopia-counter{padding:.6rem .8rem;min-width:140px}.counter-content{gap:.8rem}.hopia-icon-container{width:30px;height:30px}.counter-amount{font-size:1rem}.counter-label{font-size:.55rem}}.charge-counter{position:relative;background:linear-gradient(135deg,#002814e6,#003c1ee6);border:2px solid rgba(0,255,127,.4);border-radius:8px;padding:.8rem 1.2rem;min-width:160px;transform:translateY(-10px);opacity:0;transition:all .8s ease-out;overflow:hidden}.charge-counter.loaded{transform:translateY(0);opacity:1}.charge-counter:hover{border-color:#00ff7fb3;box-shadow:0 0 25px #00ff7f66}.counter-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(0,255,127,.2) 0%,transparent 70%);z-index:-1;animation:chargePulse 3s ease-in-out infinite}.counter-content{display:flex;align-items:center;gap:1rem;position:relative;z-index:2}.charge-icon-container{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.charge-symbol{width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(0,255,127,.6)) drop-shadow(0 0 12px rgba(0,255,127,.3));animation:symbolFloat 8s ease-in-out infinite}.icon-pulse{position:absolute;top:50%;left:50%;width:110%;height:110%;background:radial-gradient(circle,rgba(0,255,127,.2) 0%,transparent 70%);transform:translate(-50%,-50%);z-index:-1;animation:iconPulseAnim 4s ease-in-out infinite}.counter-display{flex:1;display:flex;flex-direction:column;gap:.2rem}.counter-amount{font-family:var(--font-secondary);font-size:1.2rem;font-weight:700;color:#00ff7f;text-shadow:0 0 6px rgba(0,255,127,.6),0 0 12px rgba(0,255,127,.3);letter-spacing:1px}.counter-border{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid transparent;border-radius:12px;background:linear-gradient(45deg,#00ff7f,transparent,#00ff64,transparent,#00ff7f);background-size:400% 400%;animation:borderFlow 5s ease-in-out infinite;z-index:-1;opacity:.4}@keyframes chargePulse{0%,to{opacity:.15}50%{opacity:.25}}@keyframes symbolFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes iconPulseAnim{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.05)}}@keyframes borderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.charge-counter{padding:.8rem 1rem;min-width:160px}.charge-icon-container{width:35px;height:35px}.counter-amount{font-size:1.2rem}.counter-label{font-size:.6rem}}@media (max-width: 480px){.charge-counter{padding:.6rem .8rem;min-width:140px}.counter-content{gap:.8rem}.charge-icon-container{width:30px;height:30px}.counter-amount{font-size:1rem}.counter-label{font-size:.55rem}}.login-button-container{display:flex;justify-content:center;margin-top:1rem}.login-button{background:linear-gradient(135deg,#5865f2,#4752c4);border-color:#5865f299}.login-button:hover{background:linear-gradient(135deg,#6b73ff,#5865f2);border-color:#5865f2cc;box-shadow:0 0 25px #5865f266}.logout-button{background:linear-gradient(135deg,#c0fc,#90cc);border-color:#c0f9}.logout-button:hover{background:linear-gradient(135deg,#cc00ffe6,#9900cce6);border-color:#c0fc;box-shadow:0 0 25px #c0f6}.cyber-button.loading{opacity:.7;cursor:not-allowed}.cyber-button.loading:hover{transform:none;box-shadow:none}@media (max-width: 768px){.login-button-container{margin-top:.8rem}.cyber-button{padding:.8rem 1.5rem;font-size:.9rem}}.star-command{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0a0a1a,#1a0a2a);z-index:10;box-sizing:border-box;padding:0}.starcommand-stars-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;z-index:-1;overflow:hidden}.starcommand-stars{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;background-repeat:repeat;will-change:background-position}.starcommand-stars-small{background:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 160px 120px,#fff,transparent),radial-gradient(1px 1px at 50px 180px,#fff,transparent),radial-gradient(1px 1px at 130px 60px,#fff,transparent),radial-gradient(1px 1px at 180px 10px,#fff,transparent);background-size:200px 200px!important;background-position:0 0,0 0,0 0,0 0,0 0,0 0;animation:starcommandAnimateStarsSmall 60s linear infinite!important;opacity:.7!important}.starcommand-stars-medium{background:radial-gradient(1.5px 1.5px at 50px 80px,#00ffff,transparent),radial-gradient(1.5px 1.5px at 200px 90px,#cc00ff,transparent),radial-gradient(1.5px 1.5px at 120px 160px,#00ffff,transparent),radial-gradient(1.5px 1.5px at 280px 40px,#cc00ff,transparent);background-size:350px 350px;background-position:0 0,0 0,0 0,0 0;animation:starcommandAnimateStarsMedium 90s linear infinite;opacity:.5}.starcommand-stars-large{background:radial-gradient(2px 2px at 100px 150px,#fff,transparent),radial-gradient(2px 2px at 400px 450px,#fff,transparent),radial-gradient(2px 2px at 250px 300px,#fff,transparent);background-size:600px 600px;background-position:0 0,0 0,0 0;animation:starcommandAnimateStarsLarge 120s linear infinite;opacity:.4}@keyframes starcommandAnimateStarsSmall{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:0 -200px,0 -200px,0 -200px,0 -200px,0 -200px,0 -200px}}@keyframes starcommandAnimateStarsMedium{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:0 -350px,0 -350px,0 -350px,0 -350px}}@keyframes starcommandAnimateStarsLarge{0%{background-position:0 0,0 0,0 0}to{background-position:0 -600px,0 -600px,0 -600px}}.top-ui-bar{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem;z-index:20;box-sizing:border-box}.top-left-controls{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.top-right-controls{display:flex;align-items:center;gap:1rem}.bottom-ui-bar{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:1.5rem 2rem;z-index:20;box-sizing:border-box}.bottom-right-controls{display:flex;align-items:flex-end;gap:1rem}.star-command-content{display:flex;width:100%;height:100%;max-width:1400px;margin:0 auto;padding:8rem 2rem 6rem;box-sizing:border-box;align-items:center;justify-content:center}.nexus-section{display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(30px);opacity:0;transition:transform 1.5s ease-out,opacity 1.5s ease-out}.nexus-section.loaded{transform:translateY(0);opacity:1}.nexus-gate-container{position:relative;margin-bottom:5rem;display:flex;justify-content:center;align-items:flex-start}.nexus-gate-image{max-width:650px;max-height:650px;width:100%;height:auto;filter:drop-shadow(0 0 35px rgba(138,43,226,.8)) drop-shadow(0 0 70px rgba(138,43,226,.4)) drop-shadow(0 0 120px rgba(138,43,226,.2));transition:all .4s ease;animation:floatGate 8s ease-in-out infinite}.nexus-gate-image:hover{filter:drop-shadow(0 0 40px rgba(138,43,226,1)) drop-shadow(0 0 80px rgba(138,43,226,.6)) drop-shadow(0 0 120px rgba(138,43,226,.3));transform:scale(1.02)}.nexus-gate-glow{position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle at center,rgba(138,43,226,.15) 0%,rgba(138,43,226,.08) 40%,rgba(138,43,226,.04) 60%,transparent 80%);transform:translate(-50%,-50%);z-index:-1;animation:elegantPulse 8s ease-in-out infinite}.nexus-gate-glow:before{content:"";position:absolute;top:50%;left:50%;width:80%;height:80%;background:radial-gradient(circle at center,rgba(138,43,226,.2) 0%,rgba(138,43,226,.1) 30%,rgba(138,43,226,.05) 50%,transparent 70%);transform:translate(-50%,-50%);animation:elegantPulse 6s ease-in-out infinite reverse}.nexus-gate-glow:after{content:"";position:absolute;top:50%;left:50%;width:60%;height:60%;background:radial-gradient(circle at center,rgba(138,43,226,.25) 0%,rgba(138,43,226,.12) 25%,transparent 50%);transform:translate(-50%,-50%);animation:elegantPulse 4s ease-in-out infinite}@keyframes floatGate{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes elegantPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.02)}}.nexus-controls{display:flex;flex-direction:column;align-items:center;gap:1rem}.cyber-button{position:relative;width:320px;height:70px;background:linear-gradient(135deg,#000428,#004e92,#000428);color:#0ff;font-family:var(--font-secondary);font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:4px;border:2px solid rgba(0,255,255,.3);border-radius:0;cursor:pointer;overflow:hidden;transition:all .4s ease;outline:none;clip-path:polygon(0 0,100% 0,100% 70%,95% 100%,5% 100%,0 70%);box-shadow:0 0 20px #00ffff4d,inset 0 0 20px #00ffff1a}.button-text{position:relative;z-index:2}.cyber-button:hover{background:linear-gradient(135deg,#004e92,#0070c0,#004e92);color:#fff;border-color:#0ffc;box-shadow:0 0 30px #0ffc,0 0 60px #0ff6,inset 0 0 30px #0ff3;transform:translateY(-3px);text-shadow:0 0 10px rgba(255,255,255,.8)}.cyber-button:active{transform:translateY(0);box-shadow:0 0 15px #0ff9,inset 0 0 15px #00ffff4d}@media (max-width: 1024px){.top-ui-bar{padding:1rem 1.5rem;flex-wrap:wrap;gap:1rem}.top-left-controls{gap:.6rem}.top-right-controls{flex-direction:column;align-items:flex-end;gap:.5rem}.bottom-ui-bar{padding:1rem 1.5rem;flex-wrap:wrap;gap:1rem}.bottom-right-controls{flex-direction:column;align-items:flex-end;gap:.8rem}.star-command-content{padding:6rem 1rem 4rem}.nexus-gate-image{max-width:550px;max-height:550px}.cyber-button{width:280px;height:60px;font-size:1.1rem;letter-spacing:3px}}@media (max-width: 768px){.top-ui-bar{padding:.8rem 1rem;flex-direction:column;align-items:center;gap:.8rem}.top-left-controls{align-items:center;gap:.5rem}.top-right-controls{flex-direction:row;align-items:center;gap:.8rem}.bottom-ui-bar{padding:.8rem 1rem;flex-direction:column;align-items:center;gap:.8rem}.bottom-right-controls{flex-direction:row;align-items:center;gap:.8rem}.star-command-content{padding:12rem 1rem 8rem}.nexus-gate-image{max-width:450px;max-height:450px}.cyber-button{width:250px;height:55px;font-size:1rem;letter-spacing:2px}}@media (max-width: 480px){.top-ui-bar,.bottom-ui-bar{padding:.6rem .8rem}.star-command-content{padding:14rem .8rem 10rem}.nexus-gate-image{max-width:350px;max-height:350px}.cyber-button{width:220px;height:50px;font-size:.9rem;letter-spacing:1px}}.game-over{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#0a0a1ae6,#1a0a2ae6);position:absolute;top:0;left:0;z-index:10;overflow:hidden}.gameover-stars-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;z-index:-1;overflow:hidden}.gameover-stars{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;background-repeat:repeat;will-change:background-position}.gameover-stars-small{background:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 160px 120px,#fff,transparent),radial-gradient(1px 1px at 50px 180px,#fff,transparent),radial-gradient(1px 1px at 130px 60px,#fff,transparent),radial-gradient(1px 1px at 180px 10px,#fff,transparent);background-size:200px 200px!important;background-position:0 0,0 0,0 0,0 0,0 0,0 0;animation:gameoverAnimateStarsSmall 60s linear infinite!important;opacity:.7!important}.gameover-stars-medium{background:radial-gradient(1.5px 1.5px at 50px 80px,#00ffff,transparent),radial-gradient(1.5px 1.5px at 200px 90px,#cc00ff,transparent),radial-gradient(1.5px 1.5px at 120px 160px,#00ffff,transparent),radial-gradient(1.5px 1.5px at 280px 40px,#cc00ff,transparent);background-size:350px 350px;background-position:0 0,0 0,0 0,0 0;animation:gameoverAnimateStarsMedium 90s linear infinite;opacity:.5}.gameover-stars-large{background:radial-gradient(2px 2px at 100px 150px,#fff,transparent),radial-gradient(2px 2px at 400px 450px,#fff,transparent),radial-gradient(2px 2px at 250px 300px,#fff,transparent);background-size:600px 600px;background-position:0 0,0 0,0 0;animation:gameoverAnimateStarsLarge 120s linear infinite;opacity:.4}@keyframes gameoverAnimateStarsSmall{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:0 -200px,0 -200px,0 -200px,0 -200px,0 -200px,0 -200px}}@keyframes gameoverAnimateStarsMedium{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:0 -350px,0 -350px,0 -350px,0 -350px}}@keyframes gameoverAnimateStarsLarge{0%{background-position:0 0,0 0,0 0}to{background-position:0 -600px,0 -600px,0 -600px}}.game-over-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#000000b3;border:2px solid #00ffff;border-radius:10px;box-shadow:0 0 20px #00ffff80,0 0 40px #0ff3,inset 0 0 10px #00ffff1a;transform:scale(.9);opacity:0;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.game-over-content.visible{transform:scale(1);opacity:1}.game-over-title{font-size:3.5rem;margin-bottom:1.5rem;color:#f0c;text-shadow:0 0 10px rgba(255,0,204,.7),0 0 20px rgba(255,0,204,.4);font-family:var(--font-primary);font-weight:700;letter-spacing:3px;text-transform:uppercase}.score-display-large{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.score-label{font-size:1.5rem;color:#0ff;margin-bottom:.5rem;font-family:var(--font-primary);letter-spacing:1px}.score-value{font-size:3rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,255,255,.7),0 0 20px rgba(0,255,255,.4);font-family:var(--font-secondary);letter-spacing:2px}.game-over-buttons{display:flex;flex-direction:column;gap:15px;margin-top:1rem}.cyber-button{position:relative;width:280px;height:60px;background:linear-gradient(90deg,#000428,#004e92);color:#0ff;font-family:var(--font-secondary);font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;border:none;border-radius:0;cursor:pointer;overflow:hidden;transition:all .3s ease;outline:none;clip-path:polygon(0 0,100% 0,100% 70%,95% 100%,5% 100%,0 70%)}.cyber-button:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:linear-gradient(135deg,#000428,#001e3c);clip-path:polygon(0 0,100% 0,100% 70%,95% 100%,5% 100%,0 70%);z-index:1}.cyber-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#0ff,#c0f);opacity:0;transition:opacity .3s ease;clip-path:polygon(0 0,100% 0,100% 70%,95% 100%,5% 100%,0 70%);z-index:0;filter:blur(5px)}.cyber-button:hover{color:#fff;transform:translateY(-3px) scale(1.02);text-shadow:0 0 8px rgba(255,255,255,.8)}.cyber-button:hover:after{opacity:.5}.cyber-button:active{transform:translateY(2px)}.button-text{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;margin:0 auto;text-align:center;background:linear-gradient(to right,#0ff,#c0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translate(-2px)}.cyber-button:hover .button-text{background:linear-gradient(to right,#fff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.button-glitch{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transform:translate(-100%);z-index:1}.cyber-button:hover .button-glitch{animation:glitch 1.5s infinite}.cyber-button:before{background-image:linear-gradient(135deg,#000428,#001e3c),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,255,255,.1) 2px,rgba(0,255,255,.1) 4px);background-blend-mode:normal}@keyframes glitch{0%{transform:translate(-100%)}10%,90%{transform:translate(100%)}to{transform:translate(100%)}}@media (max-width: 768px){.game-over-title,.score-value{font-size:2.5rem}.cyber-button{width:240px;font-size:1rem}}html,body{margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:hidden!important}:root{--font-primary: "Jersey10", "Jersey 10", monospace;--font-secondary: "Goldman", sans-serif}body{font-family:var(--font-primary)!important;background-color:#0a0a1a!important;color:#fff!important;display:block!important;place-items:unset!important;min-width:unset!important;min-height:unset!important}.app{width:100vw!important;height:100vh!important;overflow:hidden!important}#root{width:100vw!important;height:100vh!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;max-width:none!important;margin:0!important;padding:0!important;text-align:left!important}.game-container{position:relative;width:100%;height:100%;margin:0 auto;box-shadow:0 0 20px #0080ff80}.score-display{position:absolute;top:20px;right:20px;font-size:1.5rem;color:#fff;z-index:5}.button{background:linear-gradient(90deg,#000428,#004e92);color:#0ff;font-family:var(--font-secondary);font-size:1.2rem;font-weight:700;padding:12px 24px;margin:10px;border:2px solid #00ffff;border-radius:4px;box-shadow:0 0 10px #00ffff80;cursor:pointer;transition:all .3s ease;outline:none;text-transform:uppercase;letter-spacing:1px}.button:hover{background:linear-gradient(90deg,#000428,#0070c0);color:#fff;box-shadow:0 0 15px #00ffffb3;transform:translateY(-3px)}.button:active{transform:translateY(2px);box-shadow:0 0 5px #00ffff80}.game-container-wrapper{position:relative;width:100vw;height:100vh;overflow:hidden}.session-restore-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000033e6;display:flex;align-items:center;justify-content:center;z-index:1000}.session-restore-message{color:#0ff;font-family:Goldman,sans-serif;font-size:24px;text-align:center;text-shadow:0 0 10px #00ffff;animation:pulse 1.5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.7;text-shadow:0 0 10px #00ffff}to{opacity:1;text-shadow:0 0 20px #00ffff,0 0 30px #00ffff}}.menu-buttons{display:flex;flex-direction:column;align-items:center;gap:10px}