@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;color:#0ff;font-family:Orbitron,monospace;overflow:hidden}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#00142880;border:1px solid #0ff3;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#08a);border:1px solid #00ffff4d;border-radius:4px;box-shadow:0 0 6px #0ff6}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ff,#0ac);box-shadow:0 0 10px #0ff9}::-webkit-scrollbar-corner{background:#00142880}*{scrollbar-color:#0ff #00142880;scrollbar-width:thin}.App{grid-gap:8px;background:radial-gradient(ellipse at center,#012 0,#000 70%);box-sizing:border-box;display:grid;gap:8px;grid-template-areas:"hud-top" "main-content";grid-template-columns:1fr;grid-template-rows:50px 1fr;height:100vh;padding:8px;position:relative;width:100vw}.hud-top-area{align-self:stretch;grid-area:hud-top;z-index:300}.main-content-area{grid-area:main-content;min-height:0;min-width:0;overflow:hidden;position:relative;z-index:100}.placeholder-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428cc;border:2px solid #0ff6;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;padding:15px}.placeholder-title{border-bottom:1px solid #00ffff4d;color:#0ff;font-family:Orbitron,sans-serif;font-size:1em;letter-spacing:2px;padding-bottom:8px;text-align:center;text-shadow:0 0 10px #00ffff80}.placeholder-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:15px;justify-content:center;opacity:.5}.placeholder-icon{animation:pulse 2s ease-in-out infinite}.placeholder-text{color:#0ff;font-family:Rajdhani,sans-serif;font-size:1.2em;letter-spacing:1px}.starfield{background:#0000}.starfield:before{animation:starMove 20s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fffc,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#fff9,#0000),radial-gradient(2px 2px at 160px 30px,#fff,#0000);background-repeat:repeat;background-size:200px 100px;content:"";height:200%;left:0;position:absolute;top:0;width:200%}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428cc;border:1px solid #00ffff4d;margin:10px;overflow:hidden;padding:20px;position:relative}.panel:before{animation:scanSweep 3s linear infinite;background:linear-gradient(90deg,#0000,#0ff,#0000);content:"";height:2px;left:-100%;position:absolute;top:0;width:100%}.panel-header{color:#0ff;font-family:Orbitron,monospace;font-size:1.2em;font-weight:900;margin-bottom:15px;position:relative;text-align:center;text-shadow:0 0 10px currentColor}.panel-header:after{background:linear-gradient(90deg,#0000,#0ff,#0000);bottom:-5px;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.data-stream{color:#0f8;font-family:Rajdhani,monospace;font-size:.9em;line-height:1.4}.data-value{color:#ff0;font-weight:600;text-shadow:0 0 5px currentColor}.critical{animation:pulse 1s ease-in-out infinite;color:#f44!important}.warning{color:#fa0!important}.optimal{color:#0f8!important}.holo-grid{background-image:linear-gradient(#00ffff1a 1px,#0000 0),linear-gradient(90deg,#00ffff1a 1px,#0000 0);background-size:20px 20px;position:relative}.holo-grid:before{animation:holoShimmer 4s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,#00ffff1a 2px,#0000 0),radial-gradient(circle at 75% 75%,#00ffff1a 2px,#0000 0);background-size:40px 40px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.sci-fi-button{background:linear-gradient(45deg,#012,#034);border:2px solid #0ff;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);color:#0ff;cursor:pointer;font-family:Orbitron,monospace;font-weight:700;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.sci-fi-button:before{background:linear-gradient(90deg,#0000,#0ff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.sci-fi-button:hover:before{left:100%}.sci-fi-button:hover{box-shadow:0 0 20px #00ffff80,inset 0 0 20px #00ffff1a;transform:translateY(-2px)}.sci-fi-button:active{box-shadow:0 0 10px #0ffc,inset 0 0 10px #0ff3;transform:translateY(0)}@media (max-width:1200px){.App{gap:6px;grid-template-rows:50px 1fr;padding:6px}}@media (max-width:768px){.App{gap:4px;grid-template-areas:"hud-top" "main-content";grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100vh;padding:4px}.hud-top-area{height:auto;min-height:50px}.placeholder-panel{padding:10px}.placeholder-title{font-size:.9em}.placeholder-icon{font-size:2em}.placeholder-text{font-size:1em}}@media (max-width:480px){.App{gap:3px;padding:3px}.placeholder-panel{padding:8px}.placeholder-title{font-size:.8em;letter-spacing:1px}.placeholder-icon{font-size:1.5em}.placeholder-text{font-size:.9em}}.cheat-message{animation:cheatPulse .5s ease-out,cheatFadeOut 2s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428f2;border:3px solid #fa0;border-radius:10px;box-shadow:0 0 30px #fa09,0 0 60px #fa06,inset 0 0 20px #fa03;color:#fa0;font-family:Orbitron,monospace;font-size:24px;font-weight:700;left:50%;padding:30px 50px;pointer-events:none;position:fixed;text-align:center;text-shadow:0 0 20px #fa0,0 0 30px #fa0;top:50%;transform:translate(-50%,-50%);z-index:100001}@keyframes cheatPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes cheatFadeOut{0%,80%{opacity:1}to{opacity:0}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes alertPulse{0%,to{border-color:#ff444480;box-shadow:0 0 10px #ff444480}50%{border-color:#f44;box-shadow:0 0 30px #ff4444e6,0 0 50px #f449}}@keyframes shakeVertical{0%,to{transform:translateY(0)}10%,30%,50%,70%,90%{transform:translateY(-5px)}20%,40%,60%,80%{transform:translateY(5px)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes successFlash{0%,to{background-color:initial}50%{background-color:#0f83}}@keyframes errorFlash{0%,to{background-color:initial}50%{background-color:#f443}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px currentColor;text-shadow:0 0 10px currentColor}50%{box-shadow:0 0 30px currentColor,0 0 50px currentColor;text-shadow:0 0 20px currentColor,0 0 30px currentColor}}.slide-in-left{animation:slideInFromLeft .5s ease-out}.slide-in-right{animation:slideInFromRight .5s ease-out}.slide-in-top{animation:slideInFromTop .5s ease-out}.slide-in-bottom{animation:slideInFromBottom .5s ease-out}.fade-in{animation:fadeIn .5s ease-out}.alert-pulse{animation:alertPulse 2s ease-in-out infinite}.shake{animation:shake .5s ease-in-out}.shake-vertical{animation:shakeVertical .5s ease-in-out}.success-flash{animation:successFlash .5s ease-out}.error-flash{animation:errorFlash .5s ease-out}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}.count-up{animation:countUp .3s ease-out}@media (max-width:768px){.button,.clickable,button{font-size:16px;min-height:44px;min-width:44px;padding:12px 16px}input,select,textarea{font-size:16px;min-height:44px;padding:10px 12px}.icon-button{min-height:48px;min-width:48px;padding:12px}.button-group button{margin:4px}}@media (max-width:768px) and (orientation:landscape){.App{grid-template-areas:"hud-top" "main-content";grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}.hud-top-area{min-height:40px}}@media (max-width:768px){.modal-overlay{padding:0}.modal,.modal-content{border:none!important;border-radius:0!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;width:100vw!important}.modal-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428fa;border-bottom:2px solid #0ff;position:sticky;top:0;z-index:100}.modal-body{-webkit-overflow-scrolling:touch;height:calc(100vh - 60px);overflow-y:auto}.modal-close{font-size:24px;min-height:48px;min-width:48px}.scrollable{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{overscroll-behavior-y:contain}}@media (min-width:769px) and (max-width:1024px){.button,button{min-height:40px;padding:10px 14px}}@media (max-width:768px){.no-select{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.selectable,input,textarea{-webkit-user-select:text;user-select:text}}@supports (padding:max(0px)){@media (max-width:768px){.App{padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}.hud-top-area{padding-top:env(safe-area-inset-top)}}}.portal-container{height:400px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease;width:400px;z-index:30}.portal-container.active{opacity:1}.portal{border-radius:50%;height:100%;overflow:hidden;position:relative;width:100%}.portal-ring{animation:portalRotate 3s linear infinite;border:2px solid;border-radius:50%;position:absolute}.ring-1{animation-duration:2s;border-color:#0ff;box-shadow:0 0 20px #0ff,inset 0 0 20px #0ff;height:80%;left:10%;top:10%;width:80%}.ring-2{animation-direction:reverse;animation-duration:3s;border-color:#f0f;box-shadow:0 0 15px #f0f,inset 0 0 15px #f0f;height:60%;left:20%;top:20%;width:60%}.ring-3{animation-duration:1.5s;border-color:#ff0;box-shadow:0 0 10px #ff0,inset 0 0 10px #ff0;height:40%;left:30%;top:30%;width:40%}.portal-core{animation:portalPulse 2s ease-in-out infinite;background:radial-gradient(circle,#fffc 0,#0ff9 30%,#f0f6 60%,#000c 100%);box-shadow:0 0 30px #fffc,inset 0 0 20px #00ffff80;height:30%;left:35%;top:35%;width:30%}.energy-swirl,.portal-core{border-radius:50%;position:absolute}.energy-swirl{animation:energySwirl 1s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#00ffff4d 90deg,#0000 180deg,#ff00ff4d 270deg,#0000 1turn);height:200%;left:-50%;top:-50%;width:200%}.energy-particles{animation:particleFloat 4s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 40% 70%,#0ffc,#0000),radial-gradient(1px 1px at 90% 40%,#fff,#0000),radial-gradient(1px 1px at 30% 80%,#f0f9,#0000),radial-gradient(2px 2px at 60% 30%,#fff,#0000);background-size:50px 50px;border-radius:50%}.energy-particles,.warp-lines{height:100%;left:0;position:absolute;top:0;width:100%}.warp-line{animation:warpLineAppear .5s ease-out var(--delay) forwards;background:linear-gradient(180deg,#0000 0,#fffc 50%,#0000);height:200px;left:50%;opacity:0;position:absolute;top:50%;transform:rotate(var(--angle)) translateY(-100px);transform-origin:bottom center;width:2px}.portal-container.active .warp-line{animation:warpLineActive .1s ease-out var(--delay) forwards,warpLineFade 2s ease-out calc(var(--delay) + .5s) forwards}.energy-burst{animation:energyBurst .5s ease-out;background:radial-gradient(circle,#fff6 0,#0ff3 30%,#0000 70%);height:200%;left:-50%;top:-50%;width:200%}.energy-burst,.space-distortion{border-radius:50%;position:absolute}.space-distortion{animation:spaceDistort 1s ease-out;background:radial-gradient(circle,#0000 0,#00ffff1a 40%,#ff00ff1a 60%,#0000 80%);height:300%;left:-100%;top:-100%;width:300%}@keyframes portalRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes portalPulse{0%,to{box-shadow:0 0 30px #fffc,inset 0 0 20px #00ffff80;transform:scale(1)}50%{box-shadow:0 0 50px #fff,inset 0 0 30px #0ffc;transform:scale(1.1)}}@keyframes energySwirl{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes warpLineAppear{0%{height:0;opacity:0}to{height:200px;opacity:1}}@keyframes warpLineActive{0%{height:0;opacity:0}to{height:300px;opacity:1}}@keyframes warpLineFade{0%{opacity:1}to{opacity:0}}@keyframes energyBurst{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes spaceDistort{0%{opacity:.5;transform:scale(0) rotate(0deg)}to{opacity:0;transform:scale(1) rotate(180deg)}}.rank-display{align-items:center;background:#001428cc;border:1px solid #0ff;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;position:relative;transition:all .2s ease}.rank-display:hover{background:#001428f2;box-shadow:0 0 10px #00ffff4d}.rank-badge{align-items:center;display:flex;gap:4px}.rank-icon{font-size:16px}.rank-name{color:#0ff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.rank-progress-bar{background:#00000080;border:1px solid #0ff;border-radius:6px;height:12px;overflow:hidden;position:relative;width:80px}.rank-progress-fill{background:linear-gradient(90deg,#0ff,#0f8);height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.rank-progress-text{font-size:9px;font-weight:700;left:50%;text-shadow:0 0 3px #000;top:50%;transform:translate(-50%,-50%)}.rank-progress-text,.rank-tooltip{color:#fff;font-family:Rajdhani,sans-serif;position:absolute}.rank-tooltip{background:#001428fa;border:2px solid #0ff;border-radius:6px;box-shadow:0 4px 20px #00ffff4d;left:0;min-width:250px;padding:12px;top:calc(100% + 8px);z-index:1000}.tooltip-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.tooltip-header strong{color:#0ff;font-size:14px}.tooltip-level{color:#0f8;font-size:11px}.tooltip-description{color:#aaa;font-size:11px;margin-bottom:8px}.tooltip-divider{background:#00ffff4d;height:1px;margin:8px 0}.tooltip-next-rank{color:#fff;font-size:12px;margin-bottom:8px}.tooltip-next-rank strong{color:#f0f}.tooltip-requirements{display:flex;flex-direction:column;gap:4px}.requirement{align-items:center;color:#ccc;display:flex;font-size:11px;gap:6px}.requirement.complete{color:#0f8}.req-icon{font-size:10px}.req-name{flex:1 1}.req-progress{color:#0ff;font-weight:700}.tooltip-max-rank{color:#fa0;font-size:13px;font-weight:700;text-align:center}.rank-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e0;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.rank-modal{background:#000a19f7;border:2px solid #0ff;border-radius:8px;box-shadow:0 0 30px #00ffff4d;font-family:Orbitron,sans-serif;max-height:85vh;max-width:680px;overflow-y:auto;padding:24px;width:90%}.rank-modal-header{align-items:center;border-bottom:1px solid #00ffff40;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.rank-modal-icon{font-size:28px}.rank-modal-header h2{color:#0ff;flex:1 1;font-size:16px;font-weight:900;letter-spacing:2px;text-shadow:0 0 10px #00ffff80}.rank-modal-close{background:none;border:none;color:#0ff;cursor:pointer;font-size:22px;padding:4px 8px;transition:color .2s}.rank-modal-close:hover{color:#fff;text-shadow:0 0 8px #0ff}.rank-stats-row{display:flex;gap:12px;margin-bottom:20px}.rank-stat{align-items:center;background:#00ffff0d;border:1px solid #0ff3;border-radius:6px;display:flex;flex:1 1;flex-direction:column;padding:10px 8px}.rank-stat-label{color:#8ab;font-size:9px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.rank-stat-value{color:#0ff;font-size:15px;font-weight:700}.rank-ladder{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.rank-ladder-row{grid-gap:10px;align-items:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:5px;color:#667;display:grid;font-size:12px;gap:10px;grid-template-columns:48px 120px 1fr auto;padding:10px 12px;transition:border-color .2s}.rank-ladder-row.achieved{border-color:#00ffff26;color:#99b}.rank-ladder-row.current{background:#00ffff14;border-color:#0ff;box-shadow:0 0 12px #00ffff26;color:#fff}.rank-ladder-level{color:#556;font-size:10px;letter-spacing:1px}.rank-ladder-row.current .rank-ladder-level{color:#0ff}.rank-ladder-name{color:inherit;font-size:13px;font-weight:700}.rank-current-arrow{color:#0f8}.rank-ladder-desc{color:#778;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:400}.rank-ladder-row.current .rank-ladder-desc{color:#aac}.rank-ladder-reqs{display:flex;font-family:Rajdhani,sans-serif;font-size:10px;font-weight:600;gap:10px}.req-met{color:#0f8}.req-unmet{color:#445}.rank-next-section{background:#00ff880d;border:1px solid #00ff8840;border-radius:6px;margin-bottom:16px;padding:14px}.rank-next-title{color:#0f8;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:10px}.rank-next-reqs{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.rank-next-req{align-items:center;color:#99a;display:flex;font-family:Rajdhani,sans-serif;font-size:12px;gap:8px}.rank-next-req.complete{color:#0f8}.req-check{text-align:center;width:14px}.req-label{font-weight:600;width:130px}.req-progress{color:#ccd}.rank-next-req.complete .req-progress{color:#0f8}.rank-rewards{color:#889;font-family:Rajdhani,sans-serif;font-size:11px;margin-top:4px}.rank-rewards-label{color:#667}.rank-rewards-credits{color:#fa0;font-weight:700}.rank-rewards-unlocks{color:#8cf}.rank-max-achieved{background:#ffaa000f;border:1px solid #fa03;border-radius:6px;color:#fa0;font-size:14px;margin-bottom:16px;padding:14px;text-align:center}.rank-modal-footer{display:flex;justify-content:flex-end}.rank-modal-btn{background:#00ffff1a;border:2px solid #0ff;border-radius:4px;color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;padding:10px 24px;transition:all .2s}.rank-modal-btn:hover{background:#0ff3;box-shadow:0 0 12px #0ff6}.hud-simple{font-family:Rajdhani,monospace;height:100%;position:relative;width:100%;z-index:300}.hud-simple,.hud-simple>*{pointer-events:none}.hud-simple a,.hud-simple button{pointer-events:auto}.hud-top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428cc;border:1px solid #0ff6;border-radius:5px;height:100%;justify-content:space-between;padding:6px 12px;position:relative;width:100%}.hud-section,.hud-top{align-items:center;display:flex}.hud-section{flex:1 1;flex-direction:column;min-width:0}.hud-section.center{align-items:center}.hud-label{color:#888;font-size:.6em;letter-spacing:1px;margin-bottom:2px;white-space:nowrap}.hud-value{color:#0ff;font-size:.75em;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.crosshair{height:60px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:350}.crosshair-h,.crosshair-v{background:#0ff9;position:absolute}.crosshair-h{height:1px;left:0;top:50%;transform:translateY(-50%);width:100%}.crosshair-v{height:100%;left:50%;top:0;transform:translateX(-50%);width:1px}.crosshair-center{background:#0000;border:2px solid #0ff;border-radius:50%;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}@media (max-width:1024px){.hud-top{flex-wrap:wrap;row-gap:4px}.hud-section{flex:0 0 auto}.hud-user{margin-left:auto}.help-indicator,.hud-coords,.hud-stardate,.reset-indicator{display:none}}@media (max-width:767.98px){.hud-top{gap:6px;padding:6px 8px}.hud-universe,.hud-vessel-status{display:none}.hud-label{font-size:.55em}.hud-value{font-size:.75em}.crosshair{height:40px;width:40px}.hud-action-danger,.hud-action-secondary{display:none}.hud-user-actions{gap:4px}.hud-action-btn{font-size:11px;min-height:36px;min-width:36px;padding:6px 8px}.hud-action-btn.hud-action-icon{font-size:14px}}@media (max-height:480px) and (orientation:landscape){.hud-action-danger,.hud-action-secondary,.hud-rank,.hud-universe,.hud-vessel-status{display:none}.hud-label{font-size:.55em}.hud-value{font-size:.75em}}@media (max-width:480px){.hud-power .hud-label,.hud-rank,.hud-username{display:none}.hud-action-primary{font-size:10px;padding:6px 10px}}.help-indicator{flex:0 0 auto;min-width:60px}.help-key{animation:pulse 2s ease-in-out infinite;background:#00ffff1a;border:1px solid #0ff;border-radius:3px;color:#0ff;cursor:help;display:inline-block;font-family:Orbitron,monospace;font-size:.9em;font-weight:700;padding:2px 8px;text-shadow:0 0 10px #0ff}.reset-indicator{flex:0 0 auto;min-width:60px}.reset-key{animation:pulse 2s ease-in-out infinite;background:#ff44441a;border:1px solid #f44;border-radius:3px;color:#f44;cursor:pointer;display:inline-block;font-family:Orbitron,monospace;font-size:.9em;font-weight:700;padding:2px 8px;text-shadow:0 0 10px #f44}.status-indicator{align-items:center;display:inline-flex;font-weight:700;gap:4px;letter-spacing:1px;transition:all .3s ease}.status-indicator.optimal{color:#0f8}.status-indicator.warning{color:#fa0}.status-indicator.critical{color:#f44}.status-indicator.destroyed{color:#a00}.pulse-animation{animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.hud-user{margin-left:20px}.hud-user-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}.hud-username{color:#0ff}.hud-action-btn{background:#0ff3;border:1px solid #0ff;border-radius:4px;color:#0ff;cursor:pointer;font-family:inherit;font-size:11px;line-height:1;padding:4px 8px}.hud-action-btn.hud-action-primary{padding:4px 12px}.hud-action-btn.hud-action-icon{font-size:16px}.hud-action-btn.hud-action-warn{background:#fa03;border-color:#fa0;color:#fa0}.hud-action-btn.hud-action-danger{background:#f443;border-color:#f44;color:#f44}.hud-action-btn:hover{filter:brightness(1.3)}.tooltip-wrapper{display:inline-block;position:relative}.tooltip{animation:tooltipFadeIn .2s ease;pointer-events:none;position:absolute;z-index:10001}.tooltip-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428fa;border:1px solid #0ff;border-radius:6px;box-shadow:0 4px 20px #0ff6;color:#fff;font-family:Rajdhani,sans-serif;font-size:13px;padding:8px 12px;white-space:nowrap}.tooltip-arrow{border-style:solid;height:0;position:absolute;width:0}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%)}.tooltip-top .tooltip-arrow{border-color:#0ff #0000 #0000;border-width:6px 6px 0;left:50%;top:100%;transform:translateX(-50%)}.tooltip-bottom{left:50%;top:calc(100% + 8px);transform:translateX(-50%)}.tooltip-bottom .tooltip-arrow{border-color:#0000 #0000 #0ff;border-width:0 6px 6px;bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-left .tooltip-arrow{border-color:#0000 #0000 #0000 #0ff;border-width:6px 0 6px 6px;left:100%;top:50%;transform:translateY(-50%)}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-right .tooltip-arrow{border-color:#0000 #0ff #0000 #0000;border-width:6px 6px 6px 0;right:100%;top:50%;transform:translateY(-50%)}@media (max-width:768px){.tooltip{bottom:calc(100% + 8px)!important;top:auto!important}.tooltip,.tooltip-arrow{left:50%!important;right:auto!important;transform:translateX(-50%)!important}.tooltip-arrow{border-color:#0ff #0000 #0000!important;border-width:6px 6px 0!important;bottom:auto!important;top:100%!important}.tooltip-content{max-width:200px;white-space:normal}}.navigation-panel{align-self:stretch;animation:slideInFromLeft .6s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000f1ee6;border:2px solid #0ff6;border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%;z-index:150}.nav-header{background:#001428cc;border-bottom:1px solid #00ffff4d;color:#0ff;flex:0 0 auto;font-size:.75em;font-weight:900;letter-spacing:1px;padding:4px;text-align:center}.nav-content{padding:4px}.nav-content,.nav-content-main{display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:0;overflow:hidden}.nav-content-bottom{gap:4px}.nav-content-bottom,.selected-system-info{display:flex;flex:0 0 auto;flex-direction:column}.selected-system-info{background:#001e3c99;border:1px solid #00ffff4d;border-radius:6px;max-height:200px;overflow:hidden;padding:0}.system-header{background:#001428cc;border-bottom:1px solid #00ffff4d;padding:10px}.system-name{font-family:Orbitron,sans-serif;font-size:.9em;font-weight:900;text-shadow:0 0 10px #00ffff80}.system-type{color:#888;font-family:Rajdhani,sans-serif;font-size:.7em;font-weight:600;letter-spacing:1px;text-align:center;text-transform:uppercase}.system-details-scroll{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px}.detail-columns{gap:8px}.detail-column,.detail-columns{display:flex;flex-direction:column}.detail-column{gap:6px}.detail-item{align-items:flex-start;gap:8px;padding:8px;transition:all .3s ease}.detail-item:hover{background:#00ffff1a;border-color:#0ff6}.detail-item.full-width{grid-column:1/-1}.detail-item.warning{background:#ffaa001a;border-color:#ffaa004d}.detail-item.warning:hover{background:#ffaa0026;border-color:#ffaa0080}.detail-icon{flex-shrink:0;font-size:1.2em}.detail-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.star-map{border:1px solid #00ffff4d;flex:3 1;min-height:200px}.grid-line{background:#00ffff1a}.current-position{align-items:center;display:flex;flex-direction:column;gap:5px;left:20%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ship-marker{color:#0f8;font-size:1.5em;text-shadow:0 0 10px currentColor}.position-label{color:#0f8;font-size:.5em;font-weight:600;text-align:center}.star-system{align-items:center;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:5px;position:absolute;transition:all .3s ease}.star-system:hover{background:#00ffff1a;transform:scale(1.1)}.star-system.selected{background:#0ff3;border:1px solid #00ffff80}.system-marker{color:#ff0;font-size:1.2em;text-shadow:0 0 8px currentColor}.system-name{font-size:.45em;font-weight:600;white-space:nowrap}.system-details{gap:6px;max-height:250px;overflow-y:auto}.system-title{font-size:.85em;margin-bottom:4px}.detail-grid{grid-gap:4px 8px;display:grid;gap:4px 8px;grid-template-columns:1fr 1fr}.detail-item{background:#00ffff0d;border:1px solid #0ff3;border-radius:4px;flex-direction:column;gap:2px;padding:4px}.detail-label{font-family:Rajdhani,sans-serif;font-size:.65em;letter-spacing:.5px;text-transform:uppercase}.detail-value{font-family:Orbitron,sans-serif;font-size:.85em}.detail-description{word-wrap:break-word;color:#aaa;font-family:Rajdhani,sans-serif;font-size:.75em;font-weight:500;line-height:1.4}.scan-progress{display:flex;flex-direction:column;gap:2px;margin-top:4px}.scan-modal-overlay{background-color:#012;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;left:0;position:fixed;top:0;width:100vw;z-index:9000}.scan-modal{background:#001428f2;border:2px solid #0ff9;border-radius:15px;box-shadow:0 0 50px #0ff6,inset 0 0 30px #00ffff1a;max-width:600px;min-width:450px;overflow:visible;padding:30px;position:relative;text-align:center}.scan-modal:before{animation:borderScan 2s linear infinite;background:linear-gradient(90deg,#0000,#0ff 20%,#f0f 50%,#ff0 80%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.modal-title{font-size:1.4em;margin-bottom:20px;text-shadow:0 0 15px currentColor}.modal-system-name{color:#ff0;font-size:1.1em;font-weight:700;margin-bottom:25px}.modal-progress-container{margin:25px 0}.modal-progress-label{color:#fa0;font-size:1em;font-weight:700;margin-bottom:15px;text-shadow:0 0 10px currentColor}.progress-bar-container{align-items:flex-end;background:#000;border:3px solid #0ff;border-radius:8px;display:flex;gap:2px;height:60px;margin:20px 0;padding:4px}.progress-segment{border-radius:2px;flex:1 1;min-height:4px;transition:all .2s ease}.modal-progress-text{color:#0ff;font-family:Orbitron,monospace;font-size:1.2em;font-weight:700;text-shadow:0 0 10px currentColor}.scan-status-text{color:#888;font-size:.9em;font-style:italic;margin-top:15px}@keyframes progressGlow{0%,to{box-shadow:0 0 15px #0ff9}50%{box-shadow:0 0 25px #0ffc}}@keyframes warpTunnel{0%{opacity:0;transform:translateZ(0) scale3d(.1,.1,1)}10%{opacity:1;transform:translateZ(0) scale3d(.5,.5,1)}90%{opacity:1;transform:translate3d(var(--move-x),var(--move-y),0) scale3d(2,15,1)}to{opacity:0;transform:translate3d(var(--move-x-end),var(--move-y-end),0) scale3d(3,25,1)}}@keyframes warpBeam{0%{opacity:0;transform:rotate(0) scaleX(0) scaleY(.5);transform:rotate(var(--beam-angle,0)) scaleX(0) scaleY(.5)}15%{opacity:1;transform:rotate(0) scaleX(.3) scaleY(1);transform:rotate(var(--beam-angle,0)) scaleX(.3) scaleY(1)}85%{opacity:1;transform:rotate(0) scaleX(2) scaleY(3);transform:rotate(var(--beam-angle,0)) scaleX(2) scaleY(3)}to{opacity:0;transform:rotate(0) scaleX(4) scaleY(8);transform:rotate(var(--beam-angle,0)) scaleX(4) scaleY(8)}}@keyframes warpPulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.8)}}@keyframes warpTextPulse{0%,to{text-shadow:0 0 20px #0ff;transform:translateX(-50%) scale(1)}50%{text-shadow:0 0 40px #0ff,0 0 60px #0ff,0 0 80px #0ff;transform:translateX(-50%) scale(1.15)}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes planetSpin{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes planetGrow{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes planetFadeIn{0%{opacity:0}to{opacity:1}}@keyframes textFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.progress-label{color:#fa0;font-size:.5em;font-weight:600;text-align:center}.progress-bar{background:#00000080;border:1px solid #00ffff4d;border-radius:4px;height:8px;width:100%}.progress-fill{background:linear-gradient(90deg,#0ff,#fa0);border-radius:8px;box-shadow:0 0 10px #00ffff80;transition:width .1s ease}.progress-text{color:#0ff;font-size:.5em;font-weight:700;text-align:center}.nav-controls{display:flex;flex-direction:column;gap:15px}.control-group{background:#000a14cc;border:1px solid #00ffff4d;border-radius:8px;padding:15px}.control-label{color:#ff0;font-size:.9em;font-weight:700;margin-bottom:10px;text-align:center}.warp-controls{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr)}.warp-button{background:#001428cc;border:1px solid #00ffff4d;border-radius:4px;color:#0ff;cursor:pointer;font-family:Orbitron,monospace;font-weight:700;padding:8px;transition:all .3s ease}.warp-button:hover{background:#00ffff1a;box-shadow:0 0 10px #00ffff4d}.mode-buttons{gap:5px}.mode-button{font-family:Rajdhani,monospace;font-size:.8em;font-weight:600;padding:8px 12px}.mode-button.active{box-shadow:0 0 10px #00ffff4d}.scan-progress-wrapper{margin:20px auto!important;padding:0!important;width:350px!important}.scan-progress-container{background-color:red!important;border:3px solid #fff!important;border-radius:8px!important;display:block!important;height:60px!important;overflow:hidden!important;position:relative!important;width:100%!important}.scan-progress-fill{background-color:#0f0!important;background-image:none!important;border:none!important;border-radius:0!important;height:100%!important;left:0!important;position:absolute!important;top:0!important;transition:width .2s ease!important}.scan-progress-text{font-size:24px!important;left:50%!important;margin:0!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:10!important}.scan-fallback-text,.scan-progress-text{background:none!important;border:none!important;color:#fff!important;font-family:Arial,sans-serif!important;font-weight:700!important;padding:0!important;text-shadow:2px 2px 4px #000!important}.scan-fallback-text{font-size:32px!important;margin:20px 0!important;text-align:center!important}@media (max-width:1200px){.navigation-panel{width:100%}}@media (max-width:768px){.navigation-panel{height:auto;margin:0;position:relative;right:auto;top:auto;width:100%}.nav-content{padding:10px}.star-map{height:300px;min-height:300px}.warp-controls{gap:6px;grid-template-columns:repeat(3,1fr)}.warp-button{font-size:.85em;padding:8px}.fuel-gauge-container{margin:6px;padding:6px}.fuel-label{font-size:.65em;min-width:80px}}@media (max-width:480px){.nav-content{padding:8px}.star-map{height:250px;min-height:250px}.warp-controls{gap:4px;grid-template-columns:repeat(2,1fr)}.warp-button{font-size:.75em;padding:6px}.fuel-gauge-container{align-items:stretch;flex-direction:column;margin:4px;padding:4px}.fuel-label{font-size:.6em;min-width:auto;text-align:center}}.fuel-gauge-container{align-items:center;gap:10px;margin:8px;padding:8px}.fuel-label{font-size:.7em;min-width:100px}.fuel-bar{background:#00000080;border:1px solid #00ffff4d;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.fuel-fill{box-shadow:0 0 10px currentColor;height:100%;transition:width .5s ease,background-color .3s ease}.fuel-value{color:#0ff;font-size:.8em;min-width:45px;text-shadow:0 0 8px #0ff}.event-notification{animation:eventSlideIn .5s ease-out;background:#000a14f2;border:2px solid;border-radius:8px;box-shadow:0 0 20px currentColor;margin:8px;padding:12px}@keyframes eventSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.event-title{font-size:.9em;font-weight:900;letter-spacing:1px;margin-bottom:8px;text-shadow:0 0 10px currentColor}.event-message{color:#fff;font-size:.75em;line-height:1.4;margin-bottom:10px}.event-actions{flex-wrap:wrap;gap:8px}.event-action-btn{background:#00000080;border:1px solid;border-radius:4px;cursor:pointer;font-family:Orbitron,monospace;font-size:.7em;font-weight:600;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.event-action-btn:hover{background:#ffffff1a;box-shadow:0 0 15px currentColor;transform:translateY(-2px)}@keyframes orbitRotate{0%{transform:translate(50%,50%) rotate(0deg)}to{transform:translate(50%,50%) rotate(1turn)}}@keyframes shipOrbit{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes scanBeam{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}to{opacity:0;transform:translateX(100%)}}@keyframes rotate360{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes scanLine{0%{top:0}to{top:100%}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.star-map-container{display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:0}.star-map{border:2px solid #0ff6;border-radius:6px;box-shadow:0 0 10px #0ff3;cursor:pointer;flex:2 1;min-height:120px;overflow:hidden;position:relative;transition:all .3s ease}.star-map:hover{border-color:#00ffffb3;box-shadow:0 0 20px #0ff6;transform:translateY(-2px)}.star-map:active{box-shadow:0 0 15px #00ffff4d;transform:translateY(0)}.map-grid{align-items:center;background:#00050fcc;display:flex;justify-content:center;position:relative}.grid-lines,.map-grid{height:100%;width:100%}.grid-lines{left:0;opacity:.3;pointer-events:none;position:absolute;top:0}.grid-line{background:#00ffff26;position:absolute}.grid-line.horizontal{height:1px;width:100%}.grid-line.vertical{height:100%;width:1px}.map-title{color:#0ff;font-size:.65em;font-weight:700;left:50%;letter-spacing:2px;opacity:.8;text-shadow:0 0 10px #0ff;top:8px;transform:translateX(-50%)}.map-title,.universe-node{pointer-events:none;position:absolute;z-index:10}.universe-node{align-items:center;display:flex;flex-direction:column;gap:4px}.universe-node.current{left:50%;top:50%;transform:translate(-50%,-50%)}.universe-node.connected{cursor:help;pointer-events:auto;transform:translate(-50%,-50%)}.universe-circle{background:radial-gradient(circle at 30% 30%,#ffffff1a,#0000 70%);border:2px solid;border-radius:50%;height:20px;position:relative;width:20px}.universe-circle.current-circle{animation:currentUniverseCirclePulse 2s ease-in-out infinite;border-width:2px;height:25px;width:25px}.universe-circle.connected-circle{animation:connectedUniverseCirclePulse 3s ease-in-out infinite;height:18px;width:18px}@keyframes currentUniverseCirclePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}@keyframes connectedUniverseCirclePulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.universe-name{font-family:Orbitron,sans-serif;font-size:.4em;font-weight:900;letter-spacing:.5px;text-align:center;white-space:nowrap}.universe-node.current .universe-name{font-size:.45em;letter-spacing:1px}.universe-status{animation:pulse 2s ease-in-out infinite;color:#0f8;font-size:.35em;text-shadow:0 0 8px #0f8}.gate-label,.universe-status{font-weight:600;letter-spacing:.5px}.gate-label{font-size:.3em;margin-top:2px;text-align:center;white-space:nowrap}.universe-connection-line{filter:drop-shadow(0 0 3px currentColor)}.system-info{background:#000a14cc;border:1px solid #00ffff4d;border-radius:6px;flex:1 1;min-height:100px;padding:10px}.system-details{display:flex;flex-direction:column;gap:4px}.system-title{color:#0ff;font-size:.9em;font-weight:900;margin-bottom:6px;text-align:center}.detail-grid{display:flex;flex-direction:column;gap:2px}.detail-item{border-bottom:1px solid #00ffff1a;justify-content:space-between;padding:1px 0}.detail-label{color:#888;font-size:.75em;font-weight:600}.detail-value{font-family:Orbitron,monospace;font-size:.75em}.action-buttons{display:flex;gap:4px;margin-top:4px}.action-buttons .sci-fi-button{flex:1 1;font-size:.5em;padding:3px 6px}.no-selection{align-items:center;display:flex;height:100%;justify-content:center}.selection-prompt{color:#888;font-size:.55em;font-weight:600;line-height:1.2;text-align:center}.galaxy-map{background:#000a14f2;border:1px solid #0ff6;border-radius:6px;height:80px;padding:4px;pointer-events:none;position:absolute;right:8px;top:8px;width:80px;z-index:10}.galaxy-map-title{color:#0ff;font-size:.5em;font-weight:700;letter-spacing:1px;margin-bottom:4px;text-align:center;text-shadow:0 0 5px #0ff}.galaxy-map-grid{background:#00000080;border-radius:4px;height:calc(100% - 16px);position:relative;width:100%}.galaxy-marker{align-items:center;display:flex;flex-direction:column;gap:2px;position:absolute;transform:translate(-50%,-50%)}.galaxy-icon{animation:galaxyPulse 3s ease-in-out infinite;font-size:1.2em}.galaxy-marker.current .galaxy-icon{animation:galaxyPulseCurrent 2s ease-in-out infinite}.galaxy-current-indicator{animation:pulse 1.5s ease-in-out infinite;color:#0f8;font-size:.6em;text-shadow:0 0 8px #0f8}@keyframes galaxyPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes galaxyPulseCurrent{0%,to{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.open-map-button{background:linear-gradient(135deg,#0ff,#08f);border:2px solid #0ff;border-radius:5px;box-shadow:0 0 10px #00ffff80;color:#000;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.7em;font-weight:700;letter-spacing:1px;margin-top:10px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease;width:100%}.open-map-button:hover{background:linear-gradient(135deg,#0ff,#0af);box-shadow:0 0 20px #0ffc;transform:translateY(-2px)}.open-map-button:active{transform:translateY(0)}.connection-line{z-index:1}.universe-indicator{align-items:center;background:#001428e6;border:1px solid #0ff6;border-radius:4px;display:flex;gap:6px;left:8px;padding:4px 10px;pointer-events:none;position:absolute;top:8px;z-index:10}.universe-label{color:#888;font-size:.6em;font-weight:600;letter-spacing:1px}.universe-name{color:#f0f;font-size:.65em;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px #f0f}.compass-rose{background:#001428cc;border:1px solid #00ffff4d;border-radius:50%;bottom:8px;height:40px;pointer-events:none;position:absolute;right:8px;width:40px;z-index:10}.compass-e,.compass-n,.compass-s,.compass-w{color:#0ff;font-size:.6em;font-weight:700;position:absolute;text-shadow:0 0 5px #0ff}.compass-n{top:2px}.compass-n,.compass-s{left:50%;transform:translateX(-50%)}.compass-s{bottom:2px}.compass-e{right:6px}.compass-e,.compass-w{top:50%;transform:translateY(-50%)}.compass-w{left:6px}.quick-stats{border-top:1px solid #0ff3;display:flex;justify-content:space-around;margin-top:8px;padding-top:8px;position:relative}.star-map-container .stat-item{align-items:center;display:flex;gap:6px;position:relative}.star-map-container .stat-icon{font-size:1em;opacity:.8}.star-map-container .stat-value{color:#0ff;font-size:.75em;font-weight:700;text-shadow:0 0 5px #0ff}.black-hole{height:60px;pointer-events:none;position:absolute;width:60px;z-index:0}.black-hole,.event-horizon{transform:translate(-50%,-50%)}.event-horizon{animation:eventHorizonPulse 3s ease-in-out infinite;background:#000;box-shadow:0 0 10px 2px #8a2be2cc,0 0 20px 4px #8a2be299,inset 0 0 10px #000;height:20px;left:50%;top:50%;width:20px}@keyframes eventHorizonPulse{0%,to{box-shadow:0 0 10px 2px #8a2be2cc,0 0 20px 4px #8a2be299,inset 0 0 10px #000}50%{box-shadow:0 0 15px 3px #8a2be2,0 0 30px 6px #8a2be2cc,inset 0 0 10px #000}}.accretion-disk{animation:accretionSpin 8s linear infinite;background:radial-gradient(circle at center,#0000 35%,#ff8c004d 40%,#ff450080 50%,#8a2be266 70%,#0000 85%);height:50px;transform:translate(-50%,-50%);width:50px}@keyframes accretionSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.gravitational-lensing{animation:lensingPulse 4s ease-in-out infinite;background:radial-gradient(circle at center,#0000 60%,#8a2be21a 70%,#8a2be233 80%,#0000 100%);border-radius:50%;height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}@keyframes lensingPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.star-system.warp-gate{z-index:15}.star-system.warp-gate .system-marker{animation:gateMarkerPulse 2s ease-in-out infinite;color:#f0f;filter:drop-shadow(0 0 10px #ff00ff);font-size:2em;text-shadow:0 0 15px #f0f,0 0 30px #f0f,0 0 45px #ff00ff80}@keyframes gateMarkerPulse{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.4) rotate(180deg)}}.star-system.warp-gate .system-name{animation:gateNamePulse 3s ease-in-out infinite;color:#f0f;font-size:.5em;font-weight:900;letter-spacing:2px;text-shadow:0 0 10px #f0f,0 0 20px #f0f}@keyframes gateNamePulse{0%,to{opacity:1}50%{opacity:.7}}.star-system.warp-gate:hover{background:#f0f3;box-shadow:0 0 20px #ff00ff80;transform:scale(1.2)}.star-system.warp-gate.selected{background:#ff00ff4d;border:2px solid #f0fc;box-shadow:0 0 30px #f0f9}.star-system.warp-gate:before{animation:gateRingExpand 3s ease-out infinite;border:2px solid #f0f;border-radius:50%;content:"";height:40px;left:50%;opacity:.4;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}@keyframes gateRingExpand{0%{height:40px;opacity:.6;width:40px}to{height:80px;opacity:0;width:80px}}.star-system.warp-gate:after{animation:gateRingExpand 3s ease-out 1.5s infinite;border:2px solid #f0f;border-radius:50%;content:"";height:40px;left:50%;opacity:.4;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.star-system.warp-gate.undiscovered .system-marker{animation:mysteryPulse 2s ease-in-out infinite;color:#a0f;text-shadow:0 0 15px #a0f,0 0 30px #a0f}@keyframes mysteryPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.star-system.warp-gate.undiscovered .system-name{color:#a0f;text-shadow:0 0 10px #a0f}.map-expand-hint{align-items:center;animation:hintPulse 2s ease-in-out infinite;background:#00ffff0d;border:1px solid #00ffff4d;border-radius:6px;cursor:pointer;display:flex;gap:8px;justify-content:center;margin-top:8px;padding:8px;transition:all .3s ease}.map-expand-hint:hover{background:#00ffff1a;border-color:#0ff;box-shadow:0 0 15px #00ffff4d;transform:scale(1.02)}.expand-icon{color:#0ff;font-size:1.2em;text-shadow:0 0 8px #0ffc}.expand-text{color:#0ff;font-family:Orbitron,sans-serif;font-size:.75em;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px #00ffff80}.universe-tooltip{animation:tooltipFadeIn .2s ease-out;background:#001428fa;border:2px solid #0ff;border-radius:8px;box-shadow:0 0 20px #0ff9;max-width:300px;padding:12px 16px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-title{font-size:1.1em;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-shadow:0 0 10px currentColor}.tooltip-description{color:#fff;font-size:.9em;line-height:1.4;margin-bottom:10px;opacity:.9}.tooltip-stats{border-top:1px solid #00ffff4d;display:flex;flex-direction:column;gap:4px;padding-top:8px}.tooltip-stat{display:flex;font-size:.85em;justify-content:space-between}.stat-label{color:#0ff;opacity:.8}.stat-value{color:#fff}.progress-bar-container{font-family:Rajdhani,sans-serif;position:relative;width:100%}.progress-bar-small{height:16px!important;max-width:100%}.progress-bar-medium{height:24px!important;max-width:100%}.progress-bar-large{height:32px!important;max-width:100%}.progress-bar-track{background:#00000080;border:1px solid #00ffff4d;border-radius:10px;flex-shrink:0;overflow:hidden;position:relative;width:100%}.progress-bar-small .progress-bar-track{height:16px}.progress-bar-medium .progress-bar-track{height:24px}.progress-bar-large .progress-bar-track{height:32px}.progress-bar-fill{align-items:center;border-radius:10px;display:flex;justify-content:center;max-width:100%;position:relative;transition:width .3s ease,background .3s ease}.progress-bar-small .progress-bar-label{font-size:.7em}.progress-bar-medium .progress-bar-label{font-size:.85em}.progress-bar-large .progress-bar-label{font-size:1em}.progress-bar-label{color:#000;font-weight:700;letter-spacing:1px;position:relative;text-shadow:0 0 4px #ffffff80;z-index:1}.progress-bar-label-outside{font-size:.75em;font-weight:700;letter-spacing:1px;order:-1;padding-bottom:2px;text-shadow:0 0 8px currentColor}.progress-bar-animated{animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.85}}.progress-bar-striped{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 0,#0000 50%,#ffffff26 0,#ffffff26 75%,#0000 0,#0000);background-size:20px 20px}.progress-bar-striped.progress-bar-animated{animation:progressStripes 1s linear infinite,progressPulse 2s ease-in-out infinite}@keyframes progressStripes{0%{background-position:0 0}to{background-position:20px 0}}.progress-bar-fill:after{background:linear-gradient(180deg,#ffffff4d 0,#0000 50%,#0003);border-radius:10px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:768px){.progress-bar-small{min-height:14px}.progress-bar-small .progress-bar-track{height:14px}.progress-bar-medium{min-height:20px}.progress-bar-medium .progress-bar-track{height:20px}.progress-bar-large{min-height:28px}.progress-bar-large .progress-bar-track{height:28px}.progress-bar-label{font-size:.75em}}@media (prefers-reduced-motion:reduce){.progress-bar-fill{transition:none}.progress-bar-animated,.progress-bar-striped.progress-bar-animated{animation:none}}@media (prefers-contrast:high){.progress-bar-track{border-width:2px}.progress-bar-label{text-shadow:0 0 2px #000,0 0 2px #000}}.fuel-gauge-container{background:#000a14cc;border:1px solid #00ffff4d;border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:8px 10px}.fuel-header{gap:10px;justify-content:space-between}.fuel-header,.fuel-label{align-items:center;display:flex}.fuel-label{color:#0ff;font-size:.65em;font-weight:700;gap:8px;text-shadow:0 0 8px #0ff;white-space:nowrap}.tank-upgrade-badge{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:4px;color:#0ff;font-size:.85em;padding:2px 6px;text-shadow:0 0 5px #0ff}.fuel-value{font-family:Orbitron,monospace;font-size:.7em;font-weight:700;text-align:right;text-shadow:0 0 8px currentColor;transition:color .3s ease;white-space:nowrap}.fuel-bar-container{position:relative;width:100%}.fuel-bar-container .progress-bar-container{position:relative;z-index:1}.fuel-liquid-wave{animation:liquidWave 3s ease-in-out infinite;border-radius:10px;height:100%;left:0;opacity:.15;pointer-events:none;position:absolute;top:0;transition:width .5s ease,background .3s ease;z-index:2}@keyframes liquidWave{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.fuel-consumption-indicator{align-items:center;animation:fadeIn .3s ease-out;background:#ffaa001a;border:1px solid #ffaa004d;border-radius:4px;color:#fa0;display:flex;font-family:Rajdhani,sans-serif;font-size:.7em;gap:6px;padding:4px 8px}.consumption-icon{animation:pulse 1s ease-in-out infinite;font-size:1.1em}.consumption-text{font-weight:600;letter-spacing:.5px}.fuel-warning-indicator{align-items:center;animation:fadeIn .3s ease-out;background:#ff44441a;border:1px solid #ff44444d;border-radius:4px;color:#f44;display:flex;font-family:Rajdhani,sans-serif;font-size:.7em;gap:6px;padding:4px 8px}.warning-icon{font-size:1.1em}.warning-text{font-weight:700;letter-spacing:1px;text-transform:uppercase}.pulse-animation{animation:pulse 1.5s ease-in-out infinite}.warp-controls-container{align-items:center;background:#001428cc;border:1px solid #00ffff4d;border-radius:6px;display:flex;flex-direction:row;gap:12px;padding:8px}.warp-slider-section{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;position:relative}.warp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.warp-label{color:#0ff;font-size:.65em;font-weight:700;letter-spacing:1px}.warp-label,.warp-value{font-family:Orbitron,sans-serif}.warp-value{font-size:1.2em;font-weight:900;text-shadow:0 0 10px currentColor}.warp-slider-container{display:flex;flex-direction:column;gap:2px}.warp-slider{appearance:none;border:1px solid #00ffff4d;border-radius:4px;cursor:pointer;height:8px;outline:none;width:100%}.warp-slider::-webkit-slider-thumb{appearance:none;background:#0ff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0ffc;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.warp-slider::-webkit-slider-thumb:hover{box-shadow:0 0 15px #0ff;transform:scale(1.2)}.warp-slider::-moz-range-thumb{background:#0ff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0ffc;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.warp-slider::-moz-range-thumb:hover{box-shadow:0 0 15px #0ff;transform:scale(1.2)}.warp-ticks{display:flex;justify-content:space-between;padding:0 2px}.warp-tick{font-family:Rajdhani,sans-serif;font-size:.7em;font-weight:600;transition:all .3s ease}.warp-status{display:none;font-family:Orbitron,sans-serif;font-size:.7em;font-weight:700;letter-spacing:1px;text-align:center;text-shadow:0 0 8px currentColor}.warp-warning{animation:pulse 2s ease-in-out infinite;background:#f443;border:1px solid #f44;border-radius:4px;color:#f44;font-family:Rajdhani,sans-serif;font-size:.65em;font-weight:600;left:0;padding:4px 6px;position:absolute;right:0;text-align:center;top:-30px;z-index:10}.mode-section{display:flex;flex:0 0 auto;flex-direction:column;gap:4px;min-width:200px}.mode-label{color:#0ff;font-family:Orbitron,sans-serif;font-size:.65em;font-weight:700;letter-spacing:1px;text-align:center}.mode-buttons{display:flex;gap:4px}.mode-button{background:#001428cc;border:1px solid #00ffff4d;border-radius:4px;color:#0ff;cursor:pointer;flex:1 1;font-family:Orbitron,sans-serif;font-size:.6em;font-weight:700;letter-spacing:.5px;padding:6px 8px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.mode-button:hover{background:#00ffff1a;border-color:#0ff;transform:translateY(-1px)}.mode-button.active{background:#0ff3;border-color:#0ff;box-shadow:0 0 10px #00ffff80}.mode-button.emergency{border-color:#ff44444d}.mode-button.emergency:hover{background:#ff44441a;border-color:#f44;color:#f44}.mode-button.emergency.active{background:#f443;border-color:#f44;box-shadow:0 0 10px #ff444480;color:#f44}.dual-progress-bar{align-items:center;display:flex;gap:12px;width:100%}.dual-progress-section{display:flex;flex:1 1;flex-direction:column;gap:4px}.dual-progress-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.dual-progress-label{color:#888;font-family:Rajdhani,sans-serif;font-size:.75em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dual-progress-percentage{font-family:Orbitron,monospace;font-size:.75em;font-weight:700;text-shadow:0 0 8px currentColor}.dual-progress-bar-container{background:#00000080;border:1px solid #00ffff4d;border-radius:6px;height:12px;overflow:hidden;position:relative;width:100%}.dual-progress-fill{border-radius:6px;height:100%;transition:width .5s ease}.dual-progress-fill.dual-progress-animated{animation:dualProgressStripes 1s linear infinite;background-image:linear-gradient(45deg,#fff3 25%,#0000 0,#0000 50%,#fff3 0,#fff3 75%,#0000 0,#0000);background-size:20px 20px}@keyframes dualProgressStripes{0%{background-position:0 0}to{background-position:20px 0}}.dual-progress-divider{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:0 4px}.dual-progress-vs{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:4px;color:#0ff;font-family:Orbitron,monospace;font-size:.7em;font-weight:900;letter-spacing:1px;padding:4px 8px;text-shadow:0 0 10px #0ffc}.dual-progress-bar-small .dual-progress-bar-container{height:8px}.dual-progress-bar-small .dual-progress-label,.dual-progress-bar-small .dual-progress-percentage{font-size:.65em}.dual-progress-bar-small .dual-progress-vs{font-size:.6em;padding:2px 6px}.dual-progress-bar-medium .dual-progress-bar-container{height:12px}.dual-progress-bar-medium .dual-progress-label,.dual-progress-bar-medium .dual-progress-percentage{font-size:.75em}.dual-progress-bar-medium .dual-progress-vs{font-size:.7em;padding:4px 8px}.dual-progress-bar-large .dual-progress-bar-container{height:16px}.dual-progress-bar-large .dual-progress-label,.dual-progress-bar-large .dual-progress-percentage{font-size:.85em}.dual-progress-bar-large .dual-progress-vs{font-size:.8em;padding:6px 10px}@media (max-width:768px){.dual-progress-bar{flex-direction:column;gap:8px}.dual-progress-divider{padding:4px 0;width:100%}.dual-progress-vs{text-align:center;width:100%}}.warp-effect-container{background:#000;height:100vh;left:0;opacity:1;overflow:hidden;position:fixed;top:0;transition:opacity .5s ease-out;width:100vw;z-index:10000}.warp-effect-container.disengaging{opacity:0;transition:opacity 2s ease-out}.warp-tunnel{background:radial-gradient(circle at center,#003 0,#000 100%);left:0;overflow:hidden;top:0}.warp-tunnel,.warp-vortex-tunnel{height:100%;position:absolute;width:100%}.warp-vortex-tunnel{align-items:center;display:flex;justify-content:center;perspective:1000px;pointer-events:none}.warp-vortex-ring{animation:warpVortexExpand 3s ease-out infinite;border:2px solid #0ff6;border-radius:50%;box-shadow:0 0 15px #00ffff4d,inset 0 0 15px #0ff3;height:200px;opacity:0;position:absolute;width:200px}@keyframes warpVortexExpand{0%{opacity:0;transform:scale(.1) translateZ(0)}15%{opacity:.6}85%{opacity:.4}to{opacity:0;transform:scale(4) translateZ(500px)}}.warp-energy-particles{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;width:100%}.warp-particle{animation:warpParticleSpiral 3s linear infinite;background:#0ff;border-radius:50%;box-shadow:0 0 8px #0ffc;height:3px;position:absolute;width:3px}@keyframes warpParticleSpiral{0%{opacity:0;transform:rotate(var(--angle)) translateX(calc(var(--distance)*10)) scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:rotate(calc(var(--angle) + 2turn)) translateX(0) scale(0)}}.warp-star-streak{animation:starStreak var(--duration) linear infinite;animation-delay:var(--delay);background:var(--color);border-radius:50%;height:var(--size);left:var(--start-x);opacity:0;position:absolute;top:var(--start-y);width:var(--size)}.warp-star-streak:before{box-shadow:0 0 calc(var(--size)*2) var(--color),0 0 calc(var(--size)*4) var(--color);height:100%;opacity:.8;transform:translate(-50%,-50%);width:100%}.warp-star-streak:after,.warp-star-streak:before{border-radius:50%;content:"";left:50%;position:absolute;top:50%}.warp-star-streak:after{animation:streakFade var(--duration) linear infinite;animation-delay:var(--delay);background:linear-gradient(to left,var(--color),#0000);height:var(--size);opacity:0;transform:translate(-100%,-50%) rotate(var(--angle));transform-origin:right center;width:calc(var(--size)*20)}@keyframes starStreak{0%{left:var(--start-x);opacity:0;top:var(--start-y);transform:scale(1)}5%{opacity:1}98%{opacity:1}to{left:var(--end-x);opacity:0;top:var(--end-y);transform:scale(4)}}@keyframes streakFade{0%{opacity:0;width:0}10%{opacity:.6;width:calc(var(--size)*15)}50%{opacity:.8;width:calc(var(--size)*25)}95%{opacity:.8;width:calc(var(--size)*30)}to{opacity:0;width:calc(var(--size)*35)}}.warp-core{animation:warpCorePulse 2s ease-in-out infinite;background:radial-gradient(circle,#ffffffe6 0,#0ff9 30%,#0064ff4d 60%,#0000 100%);box-shadow:0 0 60px #0ffc,0 0 120px #0096ff99,inset 0 0 40px #ffffff80;height:200px;width:200px}.warp-core,.warp-core-inner{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.warp-core-inner{animation:warpCoreRotate 3s linear infinite;background:radial-gradient(circle,#fff 0,#0ffc 50%,#0000 100%);height:80%;width:80%}.warp-core-pulse{animation:warpCorePulseRing 1.5s ease-out infinite;border:3px solid #0ff9;border-radius:50%;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes warpCorePulse{0%,to{box-shadow:0 0 60px #0ffc,0 0 120px #0096ff99,inset 0 0 40px #ffffff80;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 80px #0ff,0 0 160px #0096ffcc,inset 0 0 60px #ffffffb3;transform:translate(-50%,-50%) scale(1.1)}}@keyframes warpCoreRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes warpCorePulseRing{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.speed-lines{height:100%;transform:translate(-50%,-50%);width:100%}.speed-line,.speed-lines{left:50%;position:absolute;top:50%}.speed-line{animation:speedLineGrow .5s ease-out var(--delay) forwards,speedLinePulse 2s ease-in-out infinite;animation-delay:var(--delay),calc(var(--delay) + .5s);background:linear-gradient(180deg,#0000 0,#0ffc 50%,#0000);height:0;transform:rotate(var(--angle)) translateY(-50vh);transform-origin:top center;width:3px}@keyframes speedLineGrow{0%{height:0;opacity:0}to{height:100vh;opacity:1}}@keyframes speedLinePulse{0%,to{opacity:.3}50%{opacity:.8}}.warp-progress-container{bottom:50px;font-family:Orbitron,monospace;left:50%;position:absolute;text-align:center;transform:translateX(-50%);width:500px;z-index:10100}.warp-progress-label{color:#0ff;font-size:1.3em;font-weight:700;letter-spacing:2px;margin-bottom:10px;text-shadow:0 0 15px #0ff,0 0 30px #0ff}.warp-progress-bar{background:#001428cc;border:2px solid #0ff;border-radius:12px;box-shadow:0 0 20px #00ffff80,inset 0 0 10px #00000080;height:25px;overflow:hidden;position:relative;width:100%}.warp-progress-fill{animation:progressShimmer 2s linear infinite;background:linear-gradient(90deg,#0ff,#0f8 50%,#0ff);background-size:200% 100%;box-shadow:0 0 20px #0ffc,inset 0 0 10px #ffffff4d;height:100%;transition:width .1s linear}@keyframes progressShimmer{0%{background-position:0 50%}to{background-position:200% 50%}}.warp-progress-time{align-items:center;color:#fa0;display:flex;font-size:1em;gap:12px;justify-content:center;letter-spacing:1px;margin-top:8px;text-shadow:0 0 10px #fa0}.warp-skip-btn{background:#00ffff26;border:1px solid #00ffff80;border-radius:4px;color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.7em;padding:4px 12px;transition:all .2s ease}.warp-skip-btn:hover{background:#00ffff4d;box-shadow:0 0 10px #00ffff80}.disengage-warp-btn{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f44,#c00);border:2px solid #f44;border-radius:8px;box-shadow:0 0 20px #ff444480;color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-size:1.1em;font-weight:700;letter-spacing:2px;padding:15px 30px;position:absolute;right:50px;text-transform:uppercase;top:50px;transition:all .3s ease;z-index:10100}.disengage-warp-btn:hover{background:linear-gradient(135deg,#f66,red);box-shadow:0 0 30px #f44c;transform:scale(1.05)}.warp-speed-control{font-family:Orbitron,monospace;position:absolute;right:50px;top:50%;transform:translateY(-50%);width:80px;z-index:10100}.warp-speed-label{color:#0ff;font-size:.9em;font-weight:700;letter-spacing:1px;margin-bottom:15px;text-align:center;text-shadow:0 0 10px #0ff;writing-mode:horizontal-tb}.warp-speed-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.warp-speed-btn{border:2px solid;border-radius:6px;cursor:pointer;font-family:Orbitron,monospace;font-size:1.3em;font-weight:900;height:45px;letter-spacing:1px;overflow:hidden;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.warp-speed-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.warp-speed-btn:hover:before{left:100%}.warp-speed-btn:hover{filter:brightness(1.2);transform:scale(1.05)}.warp-speed-btn.active{animation:warpSpeedPulse 1s ease-in-out infinite;font-weight:900}@keyframes warpSpeedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.warp-speed-estimate{background:#001428e6;border:2px solid #00ffff80;border-radius:8px;box-shadow:0 0 15px #00ffff4d;padding:12px;text-align:center}.estimate-label{color:#8cf;font-size:.7em;font-weight:600;letter-spacing:.5px;line-height:1.2;margin-bottom:8px;text-shadow:0 0 5px #8cf}.estimate-value{animation:fuelEstimatePulse 2s ease-in-out infinite;font-size:1.8em;font-weight:900;letter-spacing:1px;text-shadow:0 0 15px currentColor}@keyframes fuelEstimatePulse{0%,to{opacity:1}50%{opacity:.8}}.warp-fuel-container{left:50%;max-width:80%;position:absolute;text-align:center;top:50px;transform:translateX(-50%);width:500px;z-index:10100}.warp-fuel-label{color:#0ff;font-size:1.3em;font-weight:700;letter-spacing:2px;margin-bottom:10px;text-shadow:0 0 10px #0ff}.warp-fuel-bar{background:#0009;border:2px solid #0ff;border-radius:15px;box-shadow:0 0 20px #00ffff4d,inset 0 0 20px #00000080;height:30px;width:100%}.warp-fuel-bar,.warp-fuel-fill{overflow:hidden;position:relative}.warp-fuel-fill{box-shadow:0 0 25px #0ffc;height:100%;transition:width .3s ease,background .3s ease}.warp-fuel-fill:after{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.warp-fuel-stats{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.warp-fuel-value{color:#0ff;font-size:1em;font-weight:600;text-shadow:0 0 5px #0ff}.warp-fuel-rate{color:#fa0;font-family:Rajdhani,monospace;font-size:.85em;font-weight:600;text-shadow:0 0 5px #fa0}.arrival-screen{animation:fadeIn 1s ease-out;background:#000}.arrival-screen,.starfield{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.starfield{overflow:hidden}.planet-star{animation:twinkle 3s ease-in-out infinite;background:#fff;border-radius:50%;position:absolute}.arrival-planet{animation:planetRise 2s ease-out;border-radius:50%;height:600px;width:600px;z-index:10}.planet-surface{animation:planetPulse 4s ease-in-out infinite;background:radial-gradient(circle at 40% 40%,#adf 0,#8bf 15%,#69f 30%,#47d 50%,#25b 70%,#14a 85%,#038 100%);box-shadow:0 0 300px #6496ff,0 0 150px #6496ffcc,inset -40px -40px 80px #0000004d;z-index:1}.planet-atmosphere,.planet-surface{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.planet-atmosphere{animation:atmosphereShimmer 3s ease-in-out infinite;background:radial-gradient(circle at 35% 35%,#c8f0ff66 0,#96dcff4d 20%,#64c8ff33 40%,#0000 60%);height:100%;width:100%;z-index:2}.planet-shadow{background:#0006;border-radius:50%;filter:blur(40px);height:180px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) translate(-100px,-80px);width:180px;z-index:3}@keyframes planetRise{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes planetPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes atmosphereShimmer{0%,to{opacity:.6}50%{opacity:1}}.arrival-ui{align-items:center;animation:fadeIn 1.5s ease-out .5s both;display:flex;flex-direction:column;font-family:Orbitron,monospace;justify-content:center;left:50%;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2000}.arrival-title{animation:pulse 2s ease-in-out infinite;font-size:4em;font-weight:900;letter-spacing:8px;margin-bottom:20px;pointer-events:none;text-shadow:0 0 20px #0ff,0 0 40px #0ff,0 0 60px #0ff}.arrival-destination{color:#fa0;font-size:2em;font-weight:700;letter-spacing:4px;margin-bottom:50px;pointer-events:none;text-shadow:0 0 15px #fa0}.enter-orbit-btn{animation:pulseButton 2s ease-in-out infinite;background:linear-gradient(135deg,#0ff,#0c9);border:3px solid #0ff;border-radius:8px;box-shadow:0 0 30px #0ff9;color:#000;cursor:pointer;display:inline-block;font-family:Orbitron,monospace;font-size:1.4em;font-weight:900;left:0;letter-spacing:3px;margin:0;padding:20px 50px;pointer-events:auto;position:relative;right:0;text-transform:uppercase;transition:all .3s ease;z-index:2001}@keyframes pulseButton{0%,to{box-shadow:0 0 30px #0ff9;opacity:1}50%{box-shadow:0 0 40px #0ffc;opacity:.9}}.enter-orbit-btn:hover{background:linear-gradient(135deg,#0ff,#0f8);box-shadow:0 0 50px #00ffffe6;transform:scale(1.1);transform-origin:center center}.enter-orbit-btn:active{transform:scale(1.05);transform-origin:center center}.gate-warp-effect{background:radial-gradient(ellipse at center,#1a0033 0,#000 100%);height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:20000}.gate-vortex-tunnel,.gate-warp-effect{align-items:center;display:flex;justify-content:center}.gate-vortex-tunnel{height:100%;perspective:1000px;position:absolute;width:100%}.gate-vortex-ring{animation:gateVortexExpand 2s ease-out infinite;border:3px solid #f0f;border-radius:50%;box-shadow:0 0 20px #f0fc,inset 0 0 20px #f0f6;height:200px;opacity:0;position:absolute;width:200px}@keyframes gateVortexExpand{0%{opacity:0;transform:scale(.1) translateZ(0)}10%{opacity:1}90%{opacity:.8}to{opacity:0;transform:scale(4) translateZ(500px)}}.gate-energy-particles{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.gate-particle{animation:gateParticleSpiral 3s linear infinite;background:#0ff;border-radius:50%;box-shadow:0 0 10px #0ffc;height:4px;position:absolute;width:4px}@keyframes gateParticleSpiral{0%{opacity:0;transform:rotate(var(--angle)) translateX(calc(var(--distance)*10)) scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:rotate(calc(var(--angle) + 2turn)) translateX(0) scale(0)}}.gate-portal-center{align-items:center;animation:gatePortalPulse 2s ease-in-out infinite;display:flex;height:300px;justify-content:center;position:absolute;width:300px}.gate-portal-core{animation:gateCoreSpin 4s linear infinite;background:radial-gradient(circle,#f0f 0,#80f 30%,#0000 70%);border-radius:50%;box-shadow:0 0 50px #f0fc,0 0 100px #f0f9,inset 0 0 50px #f0f6;height:100%;width:100%}@keyframes gatePortalPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes gateCoreSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gate-travel-progress{bottom:100px;left:50%;max-width:90%;position:absolute;text-align:center;transform:translateX(-50%);width:500px;z-index:10}.gate-progress-label{animation:gateTextPulse 1.5s ease-in-out infinite;color:#f0f;font-family:Orbitron,sans-serif;font-size:1.2em;font-weight:700;letter-spacing:3px;margin-bottom:15px;text-shadow:0 0 20px #f0fc}@keyframes gateTextPulse{0%,to{opacity:.8}50%{opacity:1}}.gate-progress-bar{background:#000c;border:2px solid #f0f;border-radius:15px;box-shadow:0 0 20px #ff00ff80,inset 0 0 10px #000c;height:30px;margin-bottom:10px;overflow:hidden;width:100%}.gate-progress-fill{animation:gateProgressShimmer 2s linear infinite;background:linear-gradient(90deg,#f0f,#f8f,#f0f);background-size:200% 100%;box-shadow:0 0 20px #f0fc;height:100%;transition:width .3s ease}@keyframes gateProgressShimmer{0%{background-position:0 50%}to{background-position:200% 50%}}.gate-progress-text{color:#fff;font-family:Rajdhani,sans-serif;font-size:1.5em;font-weight:700;text-shadow:0 0 10px #f0fc}.gate-flash{background:#f0f;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.gate-flash-in{animation:gateFlashIn .5s ease-out}.gate-flash-out{animation:gateFlashOut .5s ease-in}@keyframes gateFlashIn{0%{opacity:1}to{opacity:0}}@keyframes gateFlashOut{0%{opacity:0}50%{opacity:.8}to{opacity:0}}.gate-universe-splash{background-position:50%;background-size:cover;inset:0;mix-blend-mode:screen;position:absolute;transition:opacity .5s ease}.modal-overlay{align-items:center;animation:modalFadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:20000}.modal-overlay.modal-blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{animation:modalSlideIn .3s ease;background:#001428fa;border:3px solid #0ff;border-radius:12px;box-shadow:0 0 40px #00ffff80,inset 0 0 20px #00ffff0d;display:flex;flex-direction:column;max-height:90vh;position:relative}.modal-small{max-width:90vw;width:400px}.modal-medium{max-width:90vw;width:600px}.modal-large{max-width:90vw;width:800px}.modal-full{height:95vh;max-height:95vh;width:95vw}.modal-header{align-items:center;background:linear-gradient(180deg,#00ffff1a,#0000);border-bottom:2px solid #00ffff4d;display:flex;justify-content:space-between;padding:20px 30px}.modal-title{font-size:1.5em;font-weight:700;text-shadow:0 0 10px #0ffc;text-transform:uppercase}.modal-close-button{align-items:center;background:#0000;border:2px solid #0ff;border-radius:50%;color:#0ff;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:1.5em;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close-button:hover{background:#0ff3;box-shadow:0 0 15px #0ff9;transform:rotate(90deg)}.modal-close-button:active{transform:rotate(90deg) scale(.95)}.modal-body{color:#8cf;flex:1 1;font-family:Rajdhani,sans-serif;overflow-y:auto;padding:30px}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-track{background:#00142880;border-radius:5px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#08f);border-radius:5px;box-shadow:0 0 10px #00ffff80}.modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ff,#0af)}.modal-footer{align-items:center;background:linear-gradient(0deg,#00ffff1a,#0000);border-top:2px solid #00ffff4d;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}@media (max-width:768px){.modal-content{border-radius:8px;max-height:95vh}.modal-large,.modal-medium,.modal-small{width:95vw}.modal-header{padding:15px 20px}.modal-title{font-size:1.2em}.modal-body{padding:20px}.modal-footer{flex-wrap:wrap;padding:15px 20px}.modal-close-button{font-size:1.2em;height:35px;width:35px}}.modal-overlay:focus{outline:none}.modal-content:focus{outline:2px solid #0ff;outline-offset:4px}.modal-overlay.fading{animation:modalFadeOut .3s ease forwards}.modal-overlay.fading .modal-content{animation:modalSlideOut .3s ease forwards}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}.btn{align-items:center;border:2px solid;border-radius:0;cursor:pointer;display:inline-flex;font-family:Orbitron,sans-serif;font-weight:700;gap:8px;justify-content:center;overflow:hidden;position:relative;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.btn-small{font-size:.65em;gap:4px;padding:6px 12px}.btn-medium{font-size:.75em;padding:8px 12px}.btn-large{font-size:.85em;padding:12px 24px}.btn-primary{background:linear-gradient(45deg,#012,#034);box-shadow:0 0 10px #00ffff4d}.btn-primary:hover:not(.btn-disabled):not(.btn-loading){background:linear-gradient(45deg,#023,#045);border-color:#0ff;box-shadow:0 0 20px #0ff9}.btn-secondary{background:linear-gradient(45deg,#201,#403);box-shadow:0 0 10px #ff00ff4d}.btn-secondary:hover:not(.btn-disabled):not(.btn-loading){background:linear-gradient(45deg,#302,#504);border-color:#f0f;box-shadow:0 0 20px #f0f9}.btn-success{background:linear-gradient(45deg,#010,#030);border-color:#0f8;box-shadow:0 0 10px #00ff884d;color:#0f8}.btn-success:hover:not(.btn-disabled):not(.btn-loading){background:linear-gradient(45deg,#020,#040);border-color:#0f8;box-shadow:0 0 20px #0f89}.btn-danger{background:linear-gradient(45deg,#200,#400);border-color:#f44;box-shadow:0 0 10px #ff44444d;color:#f44}.btn-danger:hover:not(.btn-disabled):not(.btn-loading){background:linear-gradient(45deg,#300,#500);border-color:#f44;box-shadow:0 0 20px #f449}.btn-warning{background:linear-gradient(45deg,#210,#430);border-color:#fa0;box-shadow:0 0 10px #ffaa004d;color:#fa0}.btn-warning:hover:not(.btn-disabled):not(.btn-loading){background:linear-gradient(45deg,#320,#540);border-color:#fa0;box-shadow:0 0 20px #fa09}.btn-ghost{background:#0000;border-color:#00ffff80;box-shadow:none;color:#0ff}.btn-ghost:hover:not(.btn-disabled):not(.btn-loading){background:#00ffff1a;border-color:#0ff;box-shadow:0 0 15px #0ff6}.btn-disabled{cursor:not-allowed;filter:grayscale(70%);opacity:.4}.btn-loading{cursor:wait;opacity:.7}.btn-spinner{animation:spin 1s linear infinite;display:inline-block;font-size:1.2em}.btn-icon{font-size:1.1em}.btn-content,.btn-icon{align-items:center;display:inline-flex}.btn:focus-visible{box-shadow:0 0 20px currentColor;outline:2px solid currentColor;outline-offset:2px}.btn:active:not(.btn-disabled):not(.btn-loading){box-shadow:0 0 5px currentColor,inset 0 0 10px #00000080;transform:scale(.95);transition:all .1s ease}@keyframes buttonPulse{0%,to{box-shadow:0 0 10px currentColor}50%{box-shadow:0 0 20px currentColor,0 0 30px currentColor}}.course-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9000}.course-modal{background:#001428f2;border:2px solid #0ff;border-radius:15px;box-shadow:0 0 50px #0ff6,inset 0 0 30px #00ffff1a;max-width:900px;min-width:450px;padding:30px;position:relative;text-align:center;width:85vw}.course-modal-border{animation:borderScan 2s linear infinite;background:linear-gradient(90deg,#0000,#0ff 20%,#f0f 50%,#ff0 80%,#0000);height:2px;left:0;position:absolute;right:0;top:0}@keyframes borderScan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.course-modal-title{color:#0ff;font-size:1.4em;font-weight:900;letter-spacing:2px;margin-bottom:20px;text-shadow:0 0 15px #0ff}.course-progress-section{margin:25px 0}.course-progress-label{color:#fa0;font-size:1em;font-weight:700;margin-bottom:15px;text-shadow:0 0 10px #fa0}.course-progress-bar{background:#00000080;border:2px solid #0ff;border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.course-progress-fill{background:linear-gradient(90deg,#fa0,#0ff);border-radius:8px;box-shadow:0 0 10px #00ffff80;height:100%;transition:width .2s ease}.course-progress-text{color:#fff;font-family:Orbitron,monospace;font-size:.8em;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 3px #000c;top:50%;transform:translate(-50%,-50%);z-index:10}.course-destination{color:#ff0;font-size:1.1em;font-weight:700;margin-bottom:15px}.course-distance{color:#fff;font-size:1em;margin-bottom:15px}.course-fuel-cost{background:#0000004d;border:2px solid #00ffff4d;border-radius:8px;margin-bottom:15px;padding:12px}.fuel-cost-label{color:#888;font-size:.85em;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.fuel-cost-value{font-family:Orbitron,monospace;font-size:1.3em;font-weight:900;text-shadow:0 0 10px currentColor}.fuel-cost-current{color:#888;font-size:.7em;font-weight:400;margin-left:8px}.fuel-cost-warning{animation:pulse 1s ease-in-out infinite;color:#f44;font-size:.85em;font-weight:700;margin-top:5px;text-shadow:0 0 10px #f44}.course-warp{font-size:2.5em;font-weight:700;margin-bottom:10px;text-shadow:0 0 15px currentColor}.warp-subtext{font-size:.3em;margin-top:5px}.warp-subtext.warning{color:#f44}.warp-subtext.info{color:#0ff}.warp-subtext.emergency{color:#f44}.course-eta{color:#ccc}.course-eta,.course-status{font-size:1em;margin-bottom:20px}.course-status{font-style:italic}.course-actions{display:flex;gap:15px;justify-content:center}.course-confirm-btn{background-color:#f44c;border:2px solid #f44;border-radius:6px;box-shadow:0 0 15px #ff44444d;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:12px 24px;transition:all .3s ease}.course-confirm-btn:hover{background-color:#f44;box-shadow:0 0 25px #f449;transform:translateY(-2px)}.course-cancel-btn{background-color:#034c;border:2px solid #0ff;border-radius:6px;box-shadow:0 0 15px #00ffff4d;color:#0ff;cursor:pointer;font-size:1em;font-weight:700;padding:12px 24px;transition:all .3s ease}.course-cancel-btn:hover{background-color:#034;box-shadow:0 0 25px #0ff9;transform:translateY(-2px)}.fuel-options-hint{color:#fa0;font-size:.85em;font-style:italic;margin-top:10px;opacity:.8;text-align:center}.fuel-alternatives{width:100%}.alternatives-title{color:#f44;font-size:1em;font-weight:700;margin-bottom:15px;text-shadow:0 0 10px #f44}.alternatives-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:15px}.alternative-btn{background-color:#ffaa001a;border:2px solid #fa0;border-radius:6px;box-shadow:0 0 15px #ffaa004d;color:#fa0;cursor:pointer;font-size:.9em;font-weight:700;padding:12px 20px;text-align:center;transition:all .3s ease}.alternative-btn:hover{background-color:#fa03;box-shadow:0 0 25px #fa09;transform:translateY(-2px)}.alternative-details{color:#ccc;font-size:.8em;font-weight:400;margin-top:4px}.risky-warp-btn{animation:dangerPulse 2s ease-in-out infinite;background-color:#ff44441a;border:2px solid #f44;border-radius:6px;box-shadow:0 0 15px #ff44444d;color:#f44;cursor:pointer;font-size:.9em;font-weight:700;padding:12px 20px;text-align:center;transition:all .3s ease}.risky-warp-btn:hover{background-color:#f443;box-shadow:0 0 25px #f449;transform:translateY(-2px)}.risky-details{color:#faa;font-size:.8em;font-weight:400;margin-top:4px}@keyframes dangerPulse{0%,to{border-color:#f44;box-shadow:0 0 15px #ff44444d}50%{border-color:#f66;box-shadow:0 0 25px #ff444480}}.alternative-destinations{border-top:1px solid #0ff3;margin-top:20px;padding-top:15px}.alternatives-subtitle{color:#0ff;font-size:.9em;font-weight:600;margin-bottom:10px;text-shadow:0 0 8px #0ff}.alternatives-subtitle:after{color:#888;content:" (scroll if more)";font-size:.8em;font-weight:400}.destination-options{grid-gap:12px;background:#0003;border:1px solid #0ff3;border-radius:6px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:10px;max-height:200px;overflow-y:auto;padding:15px}.destination-options::-webkit-scrollbar{width:8px}.destination-options::-webkit-scrollbar-track{background:#00142880;border-radius:4px}.destination-options::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#08f);border-radius:4px;box-shadow:0 0 5px #00ffff80}.destination-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ff,#0af)}.destination-btn{background-color:#00ffff1a;border:2px solid #0ff;border-radius:6px;box-shadow:0 0 12px #0ff3;color:#0ff;cursor:pointer;font-size:.85em;font-weight:700;padding:10px 16px;text-align:center;transition:all .3s ease}.destination-btn:hover{background-color:#0ff3;box-shadow:0 0 20px #0ff6;transform:translateY(-1px)}.destination-details{color:#8cf;font-size:.8em;font-weight:400;margin-top:3px}@media (max-width:768px){.course-modal{max-width:none;padding:20px;width:95vw}.destination-options{max-height:180px}.alternatives-options,.destination-options{grid-template-columns:1fr}.course-title{font-size:1.2em}}@media (max-width:480px){.course-modal{padding:15px}.destination-options{max-height:160px;padding:10px}}.gravity-well-overlay{align-items:center;animation:fadeIn .5s ease-out;background:radial-gradient(circle at center,#000000f2 0,#0a001efa 100%);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.gravity-well-overlay.exiting{animation:fadeOut 1.5s ease-out forwards}.black-hole-center{height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.event-horizon{animation:pulseHorizon 2s ease-in-out infinite;background:radial-gradient(circle at center,#000 0,#000 40%,#8a2be2cc 70%,#4b008266 100%);border-radius:50%;box-shadow:0 0 40px #8a2be2cc,0 0 80px #4b008299,inset 0 0 60px #000;height:100%;position:absolute;width:100%}@keyframes pulseHorizon{0%,to{box-shadow:0 0 40px #8a2be2cc,0 0 80px #4b008299,inset 0 0 60px #000;transform:scale(1)}50%{box-shadow:0 0 60px #8a2be2,0 0 120px #4b0082cc,inset 0 0 80px #000;transform:scale(1.05)}}.accretion-disk{animation:spinDisk 3s linear infinite;background:conic-gradient(from 0deg,#ff640099,#ff960066,#ffc8004d,#ff640099);border-radius:50%;box-shadow:0 0 40px #ff960099,inset 0 0 40px #000c;height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotateX(75deg);width:300px}@keyframes spinDisk{0%{transform:translate(-50%,-50%) rotateX(75deg) rotate(0deg)}to{transform:translate(-50%,-50%) rotateX(75deg) rotate(1turn)}}.particle-field{height:100%;left:0;position:absolute;top:0;width:100%}.gravity-particle{animation:spiral var(--speed) linear infinite;background:radial-gradient(circle,#fff,#8a2be299);border-radius:50%;box-shadow:0 0 10px #fffc;height:var(--size);left:50%;position:absolute;top:50%;transform-origin:0 0;width:var(--size)}@keyframes spiral{0%{opacity:1;transform:rotate(var(--angle)) translateX(var(--distance)) scale(1)}to{opacity:0;transform:rotate(calc(var(--angle) + 6.28rad)) translateX(50px) scale(.2)}}.lensing-ring{animation:expandRing 2s ease-out infinite;border:2px solid #8a2be266;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ring-1{animation-delay:0s}.ring-2{animation-delay:.7s;height:400px;width:400px}.ring-3{animation-delay:1.4s;height:500px;width:500px}@keyframes expandRing{0%{border-color:#8a2be2cc;opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1}to{border-color:#8a2be200;opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.gravity-status{bottom:100px;left:50%;position:absolute;transform:translateX(-50%);z-index:10010}.status-text{align-items:center;animation:statusFadeIn .5s ease-out;display:flex;flex-direction:column;gap:15px}@keyframes statusFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-icon{animation:iconPulse 1s ease-in-out infinite;font-size:4em}.status-message{color:#90f;font-family:Orbitron,monospace;font-size:1.2em;font-weight:700;letter-spacing:2px;text-align:center;text-shadow:0 0 10px #90fc,0 0 20px #90f9}.status-text.entering .status-message{color:#fa0;text-shadow:0 0 10px #fa0c,0 0 20px #fa09}.status-text.peak .status-message{animation:shake .3s ease-in-out infinite;color:#f44;text-shadow:0 0 10px #f44c,0 0 20px #f449}.status-text.exiting .status-message{color:#0f8;text-shadow:0 0 10px #0f8c,0 0 20px #0f89}.distortion-overlay{animation:distortionWave 3s ease-in-out infinite;background:radial-gradient(circle at 30% 40%,#8a2be21a 0,#0000 50%),radial-gradient(circle at 70% 60%,#4b00821a 0,#0000 50%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes distortionWave{0%,to{opacity:.5;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.1) rotate(5deg)}}.gravity-well-overlay.peak .event-horizon{animation:pulseHorizonIntense .5s ease-in-out infinite}@keyframes pulseHorizonIntense{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.gravity-well-overlay.peak .accretion-disk{animation:spinDiskFast 1s linear infinite}@keyframes spinDiskFast{0%{transform:translate(-50%,-50%) rotateX(75deg) rotate(0deg)}to{transform:translate(-50%,-50%) rotateX(75deg) rotate(1turn)}}.countdown-timer{left:50%;position:absolute;text-align:center;top:80px;transform:translateX(-50%);z-index:10010}.countdown-value{animation:countdownPulse 1s ease-in-out infinite;color:#0ff;font-family:Orbitron,monospace;font-size:4em;font-weight:900;text-shadow:0 0 30px #0ff,0 0 60px #0ff}.countdown-label{color:#00ffffb3;font-family:Rajdhani,sans-serif;font-size:.9em;letter-spacing:2px;margin-top:10px;text-transform:uppercase}@keyframes countdownPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.game-icon{display:inline-block;transition:all .3s ease;vertical-align:middle}.game-icon:hover{filter:drop-shadow(0 0 12px currentColor)!important;transform:scale(1.1)}.game-icon-pulse{animation:iconPulse 2s ease-in-out infinite}.game-icon-spin{animation:iconSpin 2s linear infinite}@keyframes iconSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.alien-encounter-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:30000}.alien-encounter-modal-overlay.closing{animation:fadeOut .3s ease}.alien-encounter-modal{animation:slideIn .4s ease;background:#001428fa;border:3px solid #0ff;border-radius:12px;box-shadow:0 0 40px #00ffff80,inset 0 0 40px #00ffff1a;max-height:90vh;max-width:1000px;overflow:hidden;width:90%}.alien-modal-header{align-items:center;background:#00ffff1a;border-bottom:2px solid #00ffff80;display:flex;justify-content:space-between;padding:15px 20px}.alien-modal-title{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.2em;font-weight:900;letter-spacing:2px;text-shadow:0 0 10px #0ffc}.alien-modal-close{align-items:center;background:none;border:2px solid #f44;border-radius:50%;color:#f44;cursor:pointer;display:flex;font-size:1.5em;height:35px;justify-content:center;transition:all .3s ease;width:35px}.alien-modal-close:hover{background:#f443;box-shadow:0 0 15px #ff444480;transform:rotate(90deg)}.alien-modal-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:300px 1fr;max-height:calc(90vh - 80px);overflow-y:auto;padding:20px}.alien-portrait-section{display:flex;flex-direction:column;gap:15px}.alien-portrait-container{align-items:center;aspect-ratio:1;background:#00000080;border:2px solid #00ffff80;border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.alien-portrait-icon{animation:holoShimmer 3s ease-in-out infinite;filter:drop-shadow(0 0 20px currentColor);font-size:8em;z-index:2}.alien-portrait-scanlines{animation:scanSweep 8s linear infinite;background:repeating-linear-gradient(0deg,#00ffff08,#00ffff08 1px,#0000 0,#0000 2px);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}@keyframes scanSweep{0%{transform:translateY(0)}to{transform:translateY(100%)}}.alien-species-info{background:#00ffff0d;border:1px solid #00ffff4d;border-radius:6px;padding:10px;text-align:center}.alien-species-name{font-family:Orbitron,sans-serif;font-size:1.2em;font-weight:700;margin-bottom:5px;text-shadow:0 0 10px currentColor}.alien-origin{color:#888;font-family:Rajdhani,sans-serif;font-size:.9em}.alien-reputation-display{background:#001428cc;border:1px solid #00ffff4d;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:12px}.reputation-label{color:#888;font-family:Orbitron,sans-serif;font-size:.7em;letter-spacing:1px}.reputation-level-badge{background:#00000080;border:2px solid;border-radius:4px;font-size:.85em;font-weight:700;padding:6px 10px;text-shadow:0 0 5px currentColor}.reputation-level-badge,.reputation-score{font-family:Orbitron,sans-serif;text-align:center}.reputation-score{font-size:1.5em;text-shadow:0 0 10px currentColor}.reputation-bar-mini{background:#00000080;border:1px solid #00ffff4d;border-radius:3px;height:6px;overflow:hidden}.reputation-bar-fill-mini{box-shadow:0 0 10px currentColor;height:100%;transition:width .5s ease}.alien-hostility-display{background:#001428cc;border:1px solid #00ffff4d;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:12px}.hostility-label{color:#888;font-family:Orbitron,sans-serif;font-size:.7em;letter-spacing:1px}.hostility-badge{background:#00000080;border:2px solid;border-radius:4px;font-family:Orbitron,sans-serif;font-size:.85em;font-weight:700;padding:6px 10px;text-align:center;text-shadow:0 0 5px currentColor}.alien-dialogue-section{display:flex;flex-direction:column;gap:20px}.alien-message-container{background:#00ffff0d;border:2px solid #00ffff4d;border-radius:8px;min-height:120px;padding:15px}.alien-message-header{align-items:center;border-bottom:1px solid #0ff3;display:flex;gap:10px;margin-bottom:10px;padding-bottom:10px}.alien-message-icon{filter:drop-shadow(0 0 5px currentColor);font-size:1.5em}.alien-message-from{color:#0ff;font-family:Orbitron,sans-serif;font-size:.9em;font-weight:700}.alien-message-text{color:#fff;font-family:Rajdhani,sans-serif;font-size:1.1em;font-style:italic;line-height:1.6}.dialogue-choices{display:flex;flex-direction:column;gap:12px}.choices-header{color:#0ff;font-family:Orbitron,sans-serif;font-size:.9em;font-weight:700;letter-spacing:1px;margin-bottom:5px}.choices-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.dialogue-choice{background:#001428cc;border:2px solid;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;text-align:left;transition:all .3s ease}.dialogue-choice:hover:not(:disabled){background:#00ffff1a;box-shadow:0 0 20px currentColor;transform:translateY(-2px)}.dialogue-choice:disabled{cursor:not-allowed;filter:grayscale(1)}.dialogue-choice.special{border-width:3px;box-shadow:0 0 15px currentColor}.choice-header{align-items:center;display:flex;gap:8px}.choice-icon{font-size:1.3em}.choice-label{color:#fff;font-family:Orbitron,sans-serif;font-size:.85em;font-weight:700}.choice-description{color:#aaa;font-family:Rajdhani,sans-serif;font-size:.85em;line-height:1.4}.choice-consequences{border-top:1px solid #0ff3;color:#888;display:flex;font-family:Rajdhani,sans-serif;font-size:.75em;justify-content:space-between;padding-top:8px}.choice-credits,.choice-rep{font-weight:600}.dialogue-response{align-items:center;display:flex;justify-content:center;min-height:200px}.response-processing{align-items:center;display:flex;flex-direction:column;gap:15px}.processing-spinner{animation:spin 1s linear infinite;border:4px solid #0ff3;border-radius:50%;border-top-color:#0ff;height:50px;width:50px}.processing-text{animation:pulse 1.5s ease-in-out infinite;color:#0ff;font-family:Orbitron,sans-serif;font-size:.9em}.dialogue-outcome{background:#00ffff0d;border:2px solid #00ffff4d;border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:20px}.outcome-header{font-family:Orbitron,sans-serif;font-size:1.3em;font-weight:900;letter-spacing:2px;text-align:center;text-shadow:0 0 10px currentColor}.outcome-message{color:#fff;font-family:Rajdhani,sans-serif;font-size:1.1em;line-height:1.6;text-align:center}.outcome-details{background:#0000004d;border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:15px}.outcome-detail{align-items:center;display:flex;font-family:Rajdhani,sans-serif;font-size:1em;gap:10px}.outcome-icon{font-size:1.3em}.outcome-value{font-weight:700;text-shadow:0 0 5px currentColor}@media (max-width:768px){.alien-modal-content,.choices-grid{grid-template-columns:1fr}.alien-portrait-icon{font-size:5em}}.talk-toggle-btn{cursor:pointer}.alien-talk-section{background:#000a14cc;border:1px solid #00ffff4d;border-radius:4px;display:flex;flex-direction:column;margin-top:8px;max-height:200px}.alien-talk-messages{flex:1 1;font-family:Rajdhani,sans-serif;font-size:.85rem;max-height:140px;min-height:60px;overflow-y:auto;padding:8px}.alien-talk-msg{display:flex;gap:6px;line-height:1.4;margin-bottom:6px}.alien-talk-prefix{flex-shrink:0;opacity:.7}.alien-talk-user .alien-talk-text{color:#0ff}.alien-talk-alien .alien-talk-text{color:#cde}.alien-talk-loading{font-style:italic;opacity:.6}.alien-talk-input-row{border-top:1px solid #00ffff26;display:flex;gap:4px;padding:6px 8px}.alien-talk-input{background:#001428e6;border:1px solid #00ffff4d;border-radius:3px;color:#0ff;flex:1 1;font-family:Rajdhani,sans-serif;font-size:.85rem;outline:none;padding:4px 8px}.alien-talk-input:focus{border-color:#0ff9;box-shadow:0 0 5px #0ff3}.alien-talk-input::placeholder{color:#00ffff4d}.alien-talk-send{background:#0000;border:1px solid #0ff6;border-radius:3px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.7rem;padding:4px 12px;transition:all .2s ease}.alien-talk-send:hover:not(:disabled){background:#00ffff1a;box-shadow:0 0 8px #00ffff4d}.alien-talk-send:disabled{cursor:not-allowed;opacity:.3}.alien-talk-header{align-items:center;border-bottom:1px solid #00ffff26;display:flex;justify-content:space-between;margin-bottom:4px;padding:4px 8px 6px}.alien-talk-title{color:#0ff;font-size:.7rem;letter-spacing:.1em;opacity:.7}.alien-talk-tts-toggle{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:0 4px;transition:opacity .2s}.alien-talk-tts-toggle:hover{opacity:.8}.event-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:12000}.event-overlay.fading{animation:fadeOut .3s ease}.event-modal{animation:slideIn .4s ease;background:#001428fa;border:3px solid #0ff;border-radius:12px;box-shadow:0 0 40px #00ffff80;max-width:600px;min-width:400px;padding:30px;position:relative}.immediate-event{border-left:5px solid #0f8}.interactive-event{border-left:5px solid #f0f;box-shadow:0 0 40px #ff00ff4d}.navigation-category{background:linear-gradient(135deg,#001428fa,#001e32fa)}.combat-category{background:linear-gradient(135deg,#280000fa,#3c0a0afa)}.encounter-category{background:linear-gradient(135deg,#001428fa,#140028fa)}.hazard-category{background:linear-gradient(135deg,#281400fa,#3c1e00fa)}.exploration-category{background:linear-gradient(135deg,#001428fa,#002814fa)}.science-category{background:linear-gradient(135deg,#140028fa,#1e003cfa)}.resource-category{background:linear-gradient(135deg,#002814fa,#003c1efa)}.event-header{align-items:center;border-bottom:1px solid #00ffff4d;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.event-header h2{flex:1 1;font-family:Orbitron,sans-serif;font-size:1.4em;font-weight:700;margin:0;text-shadow:0 0 10px currentColor}.chain-indicator{align-items:center;display:flex;margin:0 15px}.chain-badge{animation:pulse 2s infinite;background:#f0f3;border:1px solid #f0f;border-radius:4px;color:#f0f;font-size:.8em;font-weight:600;padding:4px 8px;text-shadow:0 0 5px #f0f}.chain-badge,.event-type-badge{font-family:Rajdhani,sans-serif}.event-type-badge{border:1px solid #00ffff80;color:#0ff;font-size:.7em;font-weight:500;text-transform:uppercase}.event-message{margin-bottom:20px}.event-message p{color:#8cf;font-family:Rajdhani,sans-serif;font-size:1.1em;line-height:1.5;margin:0}.action-feedback{animation:feedbackPulse .5s ease;background:#0009;border:1px solid;border-radius:6px;box-shadow:0 0 15px currentColor;font-family:Rajdhani,sans-serif;font-weight:500;margin-bottom:20px;padding:12px;text-align:center}.event-actions{display:flex;flex-direction:column;gap:12px}.event-action-button{background:linear-gradient(135deg,#00ffff1a,#00c8ff1a);border:2px solid #0ff;border-radius:6px;color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9em;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;text-transform:uppercase;transition:all .3s ease}.event-action-button:hover{background:linear-gradient(135deg,#0ff3,#00c8ff33);box-shadow:0 0 20px #0ff9;transform:translateY(-2px)}.event-action-button:active{transform:translateY(0)}.event-action-button.processing{animation:processing 1s infinite;cursor:not-allowed;opacity:.6}.event-action-button:disabled{cursor:not-allowed;opacity:.4}.interactive-event .event-action-button{background:linear-gradient(135deg,#ff00ff1a,#c800ff1a);border-color:#f0f;color:#f0f}.interactive-event .event-action-button:hover{background:linear-gradient(135deg,#f0f3,#c800ff33);box-shadow:0 0 20px #f0f9}.combat-category .event-action-button{background:linear-gradient(135deg,#ff44441a,#ff00001a);border-color:#f44;color:#f44}.combat-category .event-action-button:hover{background:linear-gradient(135deg,#f443,#f003);box-shadow:0 0 20px #f449}.event-debug{border-top:1px solid #0ff3;margin-top:20px;padding-top:15px;text-align:center}.event-debug small{color:#0ff9;font-family:Courier New,monospace;font-size:.7em}@keyframes feedbackPulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes processing{0%,to{opacity:.6}50%{opacity:.8}}@media (max-width:768px){.event-modal{margin:20px;max-width:calc(100vw - 40px);min-width:auto;padding:20px}.event-header{align-items:flex-start;flex-direction:column;gap:10px}.event-header h2{font-size:1.2em}.chain-indicator{margin:0}.event-actions{gap:10px}.event-action-button{font-size:.8em;padding:10px 16px}}@media (prefers-contrast:high){.event-modal{border-width:4px}.event-action-button{border-width:3px}.action-feedback{border-width:2px}}@media (prefers-reduced-motion:reduce){.action-feedback,.event-modal,.event-overlay{animation:none}.event-action-button{transition:none}.chain-badge{animation:none}}.event-type-badge{background:#00ffff1a;border:1px solid #00ffff4d;color:#8cf;font-family:Courier New,monospace;font-size:.8em}.event-category-badge,.event-type-badge{border-radius:4px;letter-spacing:1px;padding:4px 8px}.event-category-badge{animation:holoShimmer 2s ease-in-out infinite;box-shadow:0 0 5px currentColor;font-family:Orbitron,sans-serif;font-size:.7em;font-weight:600;margin-top:5px;text-align:center}.event-category-badge[data-category=minigame]{background:#f0f3;border:1px solid #ff00ff80;color:#f0f}.event-category-badge[data-category=interactive]{background:#0ff3;border:1px solid #00ffff80;color:#0ff}.event-category-badge[data-category=immediate]{background:#fa03;border:1px solid #ffaa0080;color:#fa0}.event-category-badge[data-category=outcomes]{background:#0f83;border:1px solid #00ff8880;color:#0f8}@keyframes holoShimmer{0%,to{opacity:.8}50%{opacity:1}}.quantum-storm-overlay{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:5000}.quantum-distortion{animation:quantumDistort 3s ease-in-out infinite alternate;background:radial-gradient(circle at center,#ff00ff1a 0,#8800ff0d 30%,#0000 70%);bottom:-10%;left:-10%;position:absolute;right:-10%;top:-10%}@keyframes quantumDistort{0%{filter:hue-rotate(0deg) saturate(1) contrast(1);transform:scale(1) rotate(0deg)}to{filter:hue-rotate(180deg) saturate(1.5) contrast(1.2);transform:scale(1.02) rotate(2deg)}}.quantum-particles{height:100%;position:absolute;width:100%}.quantum-particle{animation:quantumFloat 2s ease-in-out infinite,quantumPulse 1s ease-in-out infinite alternate;border-radius:50%;box-shadow:0 0 10px currentColor,0 0 20px currentColor;position:absolute;will-change:transform,opacity}@keyframes quantumFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px,-15px) scale(1.2)}50%{transform:translate(-5px,-25px) scale(.8)}75%{transform:translate(-15px,-10px) scale(1.1)}}@keyframes quantumPulse{0%{box-shadow:0 0 5px currentColor;opacity:.3}to{box-shadow:0 0 20px currentColor,0 0 40px currentColor;opacity:1}}.quantum-lightning{height:100%;left:0;position:absolute;top:0;width:100%}.lightning-bolt{stroke-linecap:round;stroke-linejoin:round;animation:lightningFlicker .1s ease-in-out infinite alternate}@keyframes lightningFlicker{0%{opacity:.8}to{opacity:1}}.quantum-ripples{height:100%;left:0;position:absolute;top:0;width:100%}.quantum-ripple{animation:quantumRipple 4s ease-out infinite;border:2px solid #ff00ff4d;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.quantum-ripple.ripple-1{animation-delay:0s}.quantum-ripple.ripple-2{animation-delay:1.3s;border-color:#8800ff4d}.quantum-ripple.ripple-3{animation-delay:2.6s;border-color:#ffff004d}@keyframes quantumRipple{0%{border-width:3px;height:0;opacity:1;width:0}50%{border-width:2px;opacity:.6}to{border-width:1px;height:200vw;opacity:0;width:200vw}}.quantum-vortex{height:300px;width:300px}.quantum-vortex,.vortex-ring{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vortex-ring{animation:vortexSpin 3s linear infinite;border:1px solid #f0f6;border-radius:50%}.vortex-ring.ring-1{animation-duration:2s;border-color:#f0f9;height:50px;width:50px}.vortex-ring.ring-2{animation-direction:reverse;animation-duration:3s;border-color:#8800ff80;height:100px;width:100px}.vortex-ring.ring-3{animation-duration:4s;border-color:#f0f6;height:150px;width:150px}.vortex-ring.ring-4{animation-direction:reverse;animation-duration:5s;border-color:#ffff004d;height:200px;width:200px}@keyframes vortexSpin{0%{opacity:.8;transform:translate(-50%,-50%) rotate(0deg) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) rotate(180deg) scale(1.1)}to{opacity:.8;transform:translate(-50%,-50%) rotate(1turn) scale(1)}}.quantum-glitch{height:100%;left:0;position:absolute;top:0;width:100%}.glitch-line{animation:glitchMove .5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#f0fc 20%,#ff09 50%,#80fc 80%,#0000);height:2px;position:absolute;width:100%}.glitch-line.glitch-1{animation-delay:0s;animation-duration:.3s;top:20%}.glitch-line.glitch-2{animation-delay:.2s;animation-duration:.4s;top:60%}.glitch-line.glitch-3{animation-delay:.4s;animation-duration:.6s;top:80%}@keyframes glitchMove{0%{opacity:0;transform:translateX(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateX(100%)}}.quantum-storm-overlay.intensity-low{opacity:.6}.quantum-storm-overlay.intensity-medium{opacity:.8}.quantum-storm-overlay.intensity-high{opacity:1}.quantum-particle,.quantum-ripple,.vortex-ring{will-change:transform,opacity}@media (max-width:768px){.quantum-particles .quantum-particle:nth-child(n+50){display:none}.quantum-vortex{height:200px;width:200px}.vortex-ring.ring-4{display:none}}@media (max-width:480px){.quantum-particles .quantum-particle:nth-child(n+25),.quantum-ripple.ripple-3{display:none}}.warp-gate-visualization{display:inline-block;position:relative}.warp-gate-visualization svg{height:100%;overflow:visible;width:100%}.gate-aura{animation:gatePulse 3s ease-in-out infinite}@keyframes gatePulse{0%,to{opacity:.2}50%{opacity:.4}}.gate-ring-outer{stroke-dasharray:5,10;animation:gateRotateOuter 20s linear infinite}.gate-ring-middle,.gate-ring-outer{transform-box:fill-box;transform-origin:center}.gate-ring-middle{stroke-dasharray:8,8;animation:gateRotateMiddle 15s linear infinite reverse}.gate-ring-inner{stroke-dasharray:10,5;animation:gateRotateInner 10s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes gateRotateOuter{0%{stroke-dashoffset:0}to{stroke-dashoffset:251.2}}@keyframes gateRotateMiddle{0%{stroke-dashoffset:0}to{stroke-dashoffset:188.4}}@keyframes gateRotateInner{0%{stroke-dashoffset:0}to{stroke-dashoffset:125.6}}.gate-particle{animation:gateParticleFade 2s ease-in-out infinite}@keyframes gateParticleFade{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.gate-vortex-line{animation:gateVortexPulse 2s ease-in-out infinite}@keyframes gateVortexPulse{0%,to{opacity:.2}50%{opacity:.8}}.gate-core{animation:gateCorePulse 2s ease-in-out infinite}@keyframes gateCorePulse{0%,to{opacity:.8}50%{opacity:1}}.gate-symbol{animation:gateSymbolPulse 2s ease-in-out infinite}@keyframes gateSymbolPulse{0%,to{filter:drop-shadow(0 0 5px #ff00ff);opacity:.9}50%{filter:drop-shadow(0 0 10px #ff00ff);opacity:1}}.gate-distortion{animation:gateDistortion 5s ease-in-out infinite}@keyframes gateDistortion{0%,to{opacity:.1}50%{opacity:.3}}.warp-gate-visualization:hover .gate-aura{animation-duration:2s}.warp-gate-visualization:hover .gate-ring{stroke-width:3;opacity:1}.warp-gate-visualization:hover .gate-core{animation-duration:1s}.warp-gate-visualization:hover .gate-particle{animation-duration:3s}.warp-gate-visualization.undiscovered{filter:hue-rotate(180deg)}.warp-gate-visualization.undiscovered .gate-symbol{animation:gateQuestionPulse 1.5s ease-in-out infinite}@keyframes gateQuestionPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(5deg)}}.arrival-screen-overlay{align-items:center;animation:fadeIn .5s ease-out;background:radial-gradient(ellipse at center,#001428fc 0,#000a14 100%);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.arrival-screen-container{position:relative}.arrival-planet-container,.arrival-screen-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.arrival-planet-container{overflow:hidden;position:absolute;z-index:1}.arrival-planet{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.arrival-planet .planet-surface{background:radial-gradient(circle at 30% 30%,#6496c8 0,#326496 40%,#143264 70%,#0a1e3c 100%);border-radius:50%;height:100%;overflow:hidden;position:relative;width:100%}.arrival-planet .planet-surface:before{animation:rotatePlanet 60s linear infinite;background:radial-gradient(circle at 20% 30%,#ffffff4d 0,#0000 20%),radial-gradient(circle at 60% 50%,#0006 0,#0000 30%),radial-gradient(circle at 40% 70%,#0000004d 0,#0000 25%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.arrival-planet .planet-atmosphere{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#0ff3 0,#00c8ff1a 40%,#0000 70%);border-radius:50%;height:110%;left:-5%;position:absolute;top:-5%;width:110%}@keyframes rotatePlanet{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.arrival-stars{height:100%;pointer-events:none;position:absolute;width:100%;z-index:0}.arrival-star{animation:twinkle 3s ease-in-out infinite;background:#fff;border-radius:50%;height:2px;position:absolute;width:2px}.arrival-info-panel{background:#001428e6;border:2px solid #0ff;border-radius:10px;box-shadow:0 0 20px #00ffff4d,inset 0 0 20px #00ffff1a;box-sizing:border-box;max-width:calc(100vw - 100px);min-width:300px;opacity:0;padding:30px;position:absolute;right:50px;top:50%;transform:translateY(-50%) translateX(100px);transition:opacity .5s ease-out,transform .5s ease-out;width:400px;z-index:10}.arrival-info-panel.visible{opacity:1;transform:translateY(-50%) translateX(0)}.arrival-header{margin-bottom:25px;text-align:center}.arrival-title{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.2em;letter-spacing:3px;margin-bottom:10px;text-shadow:0 0 10px #00ffff80}.arrival-location{color:#fff;font-family:Orbitron,sans-serif;font-size:1.8em;font-weight:900;letter-spacing:2px;text-shadow:0 0 15px #0ffc}.arrival-details{margin-bottom:25px}.arrival-detail-row{border-bottom:1px solid #0ff3;display:flex;font-family:Rajdhani,sans-serif;justify-content:space-between;padding:12px 0}.arrival-detail-row:last-child{border-bottom:none}.arrival-label{color:#0ff;font-size:1em;font-weight:600;letter-spacing:1px}.arrival-value{color:#fff;font-size:1em;font-weight:500;text-align:right}.arrival-value.threat-safe{color:#0f8}.arrival-value.threat-low{color:#fa0}.arrival-value.threat-medium{color:#f80}.arrival-value.threat-high{color:#f44}.arrival-value.threat-critical{animation:pulse 1s ease-in-out infinite;color:red;font-weight:700}.enter-orbit-button{animation:fadeIn .5s ease-out,buttonGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#0ffc,#00c8c8cc);border:none;border-radius:5px;box-shadow:0 0 20px #00ffff80;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1.2em;font-weight:700;letter-spacing:2px;padding:15px;position:relative;transition:all .3s ease;width:100%;z-index:100}.enter-orbit-button:hover{background:linear-gradient(135deg,#0ff,#00dcdc);box-shadow:0 0 30px #0ffc;transform:scale(1.05)}.enter-orbit-button:active{transform:scale(.98)}@keyframes buttonGlow{0%,to{box-shadow:0 0 20px #00ffff80}50%{box-shadow:0 0 30px #0ffc}}.arrival-status{align-items:center;color:#0ff;display:flex;font-family:Rajdhani,sans-serif;font-size:1.1em;gap:10px;justify-content:center;letter-spacing:1px;padding:15px}.status-spinner{animation:spin 1s linear infinite;border:3px solid #00ffff4d;border-radius:50%;border-top-color:#0ff;height:20px;width:20px}@media (max-width:1200px){.arrival-planet{height:350px;margin-left:-175px;margin-top:-175px;width:350px}.arrival-info-panel{max-width:calc(100vw - 60px);right:30px;width:350px}}@media (max-width:768px){.arrival-planet{height:280px;margin-left:-140px;margin-top:-140px;width:280px}.arrival-info-panel{left:5%;max-width:90vw;right:5%;width:90%}.arrival-info-panel,.arrival-info-panel.visible{transform:translateY(-50%) translateX(0)}}.planet-exploration-modal .modal-body{display:flex;flex-direction:column;overflow:hidden;padding:0!important}.planet-exploration-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10500}.planet-exploration-modal{background:linear-gradient(135deg,#001428fa,#00283cfa);border:3px solid #0ff;border-radius:15px;box-shadow:0 0 50px #00ffff80;display:flex;flex-direction:column;font-family:Orbitron,monospace;height:85vh;max-height:700px;max-width:1000px;width:90%}.exploration-header{align-items:center;background:linear-gradient(90deg,#0ff3,#f0f3);border-bottom:2px solid #0ff;display:flex;justify-content:space-between;padding:15px 20px;position:relative}.exploration-title{color:#0ff;font-size:1.8em;font-weight:900;letter-spacing:3px;text-shadow:0 0 20px #0ff}.exploration-planet-name{color:#fa0;font-size:1.2em;font-weight:700}.exploration-close-btn{background:#ff44444d;border:2px solid #f44;border-radius:50%;color:#f44;cursor:pointer;font-family:Orbitron,monospace;font-size:1.5em;font-weight:700;height:40px;transition:all .3s ease;width:40px}.exploration-close-btn:hover{background:#ff444480;box-shadow:0 0 20px #f449;transform:scale(1.1)}.exploration-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:0;position:relative}.exploration-landing{align-items:center;display:flex;flex:1 1;justify-content:center;padding:15px}.planet-surface{background:linear-gradient(180deg,#000428,#004e92);background-position:50%;background-size:cover;border-radius:10px;box-shadow:inset 0 0 50px #00000080;height:100%;overflow:hidden;position:relative;width:100%}.surface-star{animation:twinkle 3s ease-in-out infinite;background:#fff;border-radius:50%;mix-blend-mode:screen;opacity:.2;position:absolute}.terrain-svg{bottom:0;height:50%;left:0;opacity:.6;position:absolute;width:100%}.exploration-shuttle{animation:shuttleHover 2s ease-in-out infinite;filter:drop-shadow(0 0 10px #00ffff);font-size:3em;position:absolute;transform:translate(-50%,-50%) rotate(-90deg);transition:all .1s linear}@keyframes shuttleHover{0%,to{transform:translate(-50%,-50%) rotate(-90deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(-90deg) translateY(-5px)}}.landing-status{background:#001428e6;border:2px solid #0ff;border-radius:10px;bottom:20px;left:50%;min-width:300px;padding:15px 30px;position:absolute;text-align:center;transform:translateX(-50%)}.landing-text{color:#0ff;font-size:1.2em;font-weight:700;letter-spacing:2px;margin-bottom:10px}.landing-progress-bar{background:#00000080;border:1px solid #0ff;border-radius:10px;height:20px;margin-bottom:5px;overflow:hidden;width:100%}.landing-progress-fill{background:linear-gradient(90deg,#0ff,#0f8);box-shadow:0 0 10px #0ff;height:100%;transition:width .1s linear}.landing-percent{color:#0f8;font-size:1.1em;font-weight:700}.exploration-locations{background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100%;padding:15px}.exploration-instructions{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:8px;color:#0ff;font-size:1.1em;margin-bottom:15px;padding:12px;text-align:center}.locations-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:5px}.location-card{background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);border:2px solid #0ff;border-radius:12px;cursor:pointer;padding:15px;text-align:center;transition:all .3s ease}.location-card:hover{background:linear-gradient(135deg,#0ff3,#f0f3);border-color:#0f8;box-shadow:0 10px 30px #0ff6;transform:translateY(-5px)}.location-card.explored{cursor:not-allowed}.location-card.explored,.location-card.explored:hover{background:linear-gradient(135deg,#6464641a,#5050501a);border-color:#666}.location-card.explored:hover{box-shadow:none;transform:none}.location-card.explored .location-name{color:#888}.location-card.explored .location-description{color:#666}.location-card.explored .location-risk{background:#00000080;color:#888}.location-icon{filter:drop-shadow(0 0 10px currentColor);font-size:2.5em;margin-bottom:8px}.location-name{color:#0ff;font-size:1.2em;font-weight:700;letter-spacing:1px;margin-bottom:10px}.location-description{color:#aaa;font-size:.9em;line-height:1.4;margin-bottom:15px}.location-risk{background:#0000004d;border-radius:5px;display:inline-block;font-size:.9em;font-weight:700;letter-spacing:1px;padding:5px 10px}.exploration-result{align-items:center;animation:resultFadeIn .5s ease-out;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}@keyframes resultFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.result-icon{animation:resultPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px currentColor);font-size:6em;margin-bottom:20px}@keyframes resultPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.result-location{color:#0ff;font-size:1.5em;font-weight:700;margin-bottom:20px}.result-message{background:#0000004d;border-radius:10px;font-size:1.3em;font-weight:600;line-height:1.6;margin-bottom:20px;max-width:600px;padding:20px}.result-fuel{font-size:2.5em;font-weight:900;letter-spacing:2px;margin-bottom:30px;text-shadow:0 0 20px currentColor}.result-continue-btn{background:linear-gradient(135deg,#00ffff4d,#00ff884d);border:2px solid #0ff;border-radius:8px;color:#0ff;cursor:pointer;font-family:Orbitron,monospace;font-size:1.2em;font-weight:700;letter-spacing:2px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.result-continue-btn:hover{background:linear-gradient(135deg,#00ffff80,#00ff8880);box-shadow:0 0 30px #0ff9;transform:scale(1.05)}.exploration-content::-webkit-scrollbar{width:10px}.exploration-content::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.exploration-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#0f8);border-radius:5px}.exploration-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0f8,#0ff)}.alien-encounter{align-items:center;animation:resultFadeIn .5s ease-out;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px}.alien-encounter-header{margin-bottom:30px;text-align:center}.alien-species-icon{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px currentColor);font-size:6em;margin-bottom:15px}.alien-species-name{font-family:Orbitron,monospace;font-size:2em;font-weight:900;letter-spacing:3px;text-shadow:0 0 20px currentColor}.alien-hostility-badge{animation:pulse 2s ease-in-out infinite;background:#00000080;border:2px solid;border-radius:20px;box-shadow:0 0 15px currentColor;display:inline-block;font-family:Orbitron,monospace;font-size:.9em;font-weight:700;letter-spacing:2px;margin-top:10px;padding:8px 20px}.alien-description{background:#0000004d;border-radius:8px;color:#8cf;font-size:1.1em;line-height:1.6;margin-bottom:25px;max-width:700px;padding:15px 30px;text-align:center}.alien-dialogue-box{align-items:center;background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);border:2px solid #00ffff80;border-radius:12px;box-shadow:0 0 20px #0ff3;display:flex;gap:20px;margin-bottom:25px;max-width:600px;padding:20px}.alien-dialogue-icon{filter:drop-shadow(0 0 10px currentColor);flex-shrink:0;font-size:3em}.alien-dialogue-text{color:#fff;font-family:Rajdhani,sans-serif;font-size:1.2em;font-style:italic;line-height:1.5}.alien-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:25px;max-width:600px;width:100%}.alien-info-item{background:#0006;border:1px solid #00ffff4d;border-radius:8px;padding:12px;text-align:center}.alien-info-label{color:#0ff;font-family:Orbitron,monospace;font-size:.8em;font-weight:700;letter-spacing:1px;margin-bottom:5px}.alien-info-value{color:#fff;font-family:Rajdhani,sans-serif;font-size:1.1em;font-weight:600}.alien-traits{background:#0000004d;border:1px solid #00ffff4d;border-radius:8px;margin-bottom:30px;max-width:600px;padding:15px 25px;width:100%}.alien-traits-label{color:#0ff;font-family:Orbitron,monospace;font-size:.9em;font-weight:700;letter-spacing:2px;margin-bottom:10px}.alien-trait{color:#8cf;font-family:Rajdhani,sans-serif;font-size:1em;margin:5px 0}.alien-warning{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f443,#f803);border:2px solid #f44;border-radius:8px;box-shadow:0 0 20px #ff44444d;color:#f44;font-family:Orbitron,monospace;font-size:1.1em;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding:15px 25px;text-align:center}.alien-actions{display:flex;gap:20px;margin-top:10px}.alien-action-btn{align-items:center;background:linear-gradient(135deg,#00ffff4d,#00ff884d);border:2px solid #0ff;border-radius:8px;color:#0ff;cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:1.1em;font-weight:700;gap:10px;letter-spacing:2px;padding:15px 35px;text-transform:uppercase;transition:all .3s ease}.alien-action-btn.friendly{background:linear-gradient(135deg,#00ff884d,#00ffff4d);border-color:#0f8;color:#0f8}.alien-action-btn.friendly:hover{background:linear-gradient(135deg,#00ff8880,#00ffff80);box-shadow:0 0 30px #0f89;transform:scale(1.05)}.alien-action-btn.cautious{background:linear-gradient(135deg,#ffaa004d,#ff88004d);border-color:#fa0;color:#fa0}.alien-action-btn.cautious:hover{background:linear-gradient(135deg,#ffaa0080,#ff880080);box-shadow:0 0 30px #fa09;transform:scale(1.05)}@media (max-width:768px){.planet-exploration-modal{height:90vh;width:95%}.exploration-title{font-size:1.3em}.exploration-planet-name{font-size:1em}.locations-grid{grid-template-columns:1fr}.result-icon{font-size:4em}.result-message{font-size:1.1em}.result-fuel{font-size:2em}.alien-species-icon{font-size:4em}.alien-species-name{font-size:1.5em}.alien-dialogue-box{flex-direction:column;text-align:center}.alien-dialogue-icon{font-size:2.5em}.alien-dialogue-text{font-size:1em}.alien-info-grid{grid-template-columns:1fr}.alien-actions{flex-direction:column;width:100%}.alien-action-btn{justify-content:center;width:100%}}.universal-shop-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10500}.universal-shop-overlay.fading{animation:fadeOut .3s ease}.universal-shop-modal{background:#001428fa;border:2px solid #0ff;border-radius:8px;box-shadow:0 0 30px #00ffff4d;display:flex;flex-direction:column;height:80vh;max-width:1200px;overflow:hidden;width:90%}.shop-header{background:#00142880;border-bottom:2px solid #00ffff4d;gap:20px}.shop-title{color:#0ff;flex:1 1;font-size:24px;margin:0;text-shadow:0 0 10px #00ffff80}.shop-credits{background:#00ff881a;border:1px solid #0f8;border-radius:4px;gap:8px;padding:8px 16px}.credits-label{color:#aaa;font-family:Rajdhani,sans-serif;font-size:14px}.credits-value{color:#0f8;font-family:Orbitron,sans-serif;font-size:18px}.shop-close{background:none;border:none;font-size:28px;padding:4px 12px;transition:all .2s ease}.shop-close:hover{color:#fff;text-shadow:0 0 10px #f44}.shop-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 350px;overflow:hidden}.shop-items-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-y:auto;padding-right:10px}.shop-item{background:#00142880;border:2px solid #00ffff4d;cursor:pointer;gap:12px;padding:12px;transition:all .2s ease}.shop-item:hover{background:#001428cc;border-color:#0ff;box-shadow:0 0 15px #00ffff4d;transform:translateY(-2px)}.shop-item.selected{background:#00ff881a;border-color:#0f8;box-shadow:0 0 20px #0f86}.shop-item.unaffordable{cursor:not-allowed;opacity:.5}.item-icon{flex-shrink:0;font-size:32px}.item-info{display:flex;flex-direction:column;gap:4px}.item-name{color:#0ff;font-size:14px}.item-description{font-size:12px;line-height:1.3}.item-price{color:#fa0;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700}.item-owned{color:#0f8;font-size:11px;font-weight:700}.item-stock{color:#0ff;font-size:11px}.shop-details-panel{background:#001428cc;border:2px solid #0ff;border-radius:6px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.details-header{align-items:center;border-bottom:1px solid #00ffff4d;display:flex;gap:12px;padding-bottom:12px}.details-icon{font-size:48px}.details-title{color:#0ff;font-family:Orbitron,sans-serif;font-size:20px;font-weight:700}.details-description{color:#ccc;font-family:Rajdhani,sans-serif;font-size:14px;line-height:1.5}.details-stats{background:#0000004d;border-radius:4px;display:flex;flex-direction:column;gap:8px;padding:12px}.stat-row{font-family:Rajdhani,sans-serif;font-size:13px}.stat-label{color:#aaa}.details-price{color:#ccc;font-family:Rajdhani,sans-serif;font-size:16px}.price-value{color:#fa0;font-family:Orbitron,sans-serif;font-size:20px;font-weight:700}.quantity-selector{align-items:center;gap:8px}.quantity-selector button{background:#00ffff1a;border-radius:4px;font-size:12px;padding:8px 12px;transition:all .2s ease}.quantity-selector button:hover{background:#0ff3;box-shadow:0 0 10px #00ffff4d}.quantity-selector input{border-radius:4px;font-size:14px;width:60px}.details-actions{display:flex;gap:12px;margin-top:auto}.details-actions button{border:2px solid;border-radius:4px;cursor:pointer;flex:1 1;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;padding:12px;text-transform:uppercase;transition:all .2s ease}.btn-purchase{background:#0f83;border-color:#0f8;color:#0f8}.btn-purchase:hover:not(:disabled){background:#00ff884d;box-shadow:0 0 15px #00ff8880}.btn-purchase:disabled{cursor:not-allowed;opacity:.3}.btn-sell{background:#fa03;border-color:#fa0;color:#fa0}.btn-sell:hover{background:#ffaa004d;box-shadow:0 0 15px #ffaa0080}.experience-selector{margin:1rem 0}.selector-label{color:#0ff;font-size:.9rem;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.experience-options{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.exp-option{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:4px;cursor:pointer;padding:.5rem;text-align:center;transition:all .2s}.exp-option:hover{background:#0ff3;border-color:#00ffff80}.exp-option.selected{background:#00ffff4d;border-color:#0ff;box-shadow:0 0 10px #00ffff80}.exp-name{color:#0ff;font-size:.9rem;font-weight:700;margin-bottom:.25rem}.exp-multiplier{color:#0f8;font-size:.8rem}.exp-cost{color:#fa0;font-size:.8rem;margin-top:.25rem}.weapon-shop-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000f2;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:20000}.weapon-shop-container{background:#001428f2;border:2px solid #0ff;border-radius:10px;box-shadow:0 0 30px #00ffff80;max-height:90vh;max-width:1000px;overflow-y:auto;padding:30px;width:90%}.weapon-shop-header{align-items:center;border-bottom:2px solid #00ffff4d;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.weapon-shop-header h2{color:#0ff;font-family:Orbitron,sans-serif;font-size:2em;margin:0;text-shadow:0 0 10px #0ffc}.shop-credits{align-items:center;background:#00ffff1a;border:1px solid #00ffff4d;border-radius:5px;display:flex;font-family:Rajdhani,sans-serif;justify-content:space-between;margin-bottom:20px;padding:15px}.credits-label{color:#0ff;font-size:1.1em;font-weight:600}.credits-value{color:#fff;font-size:1.5em;font-weight:700}.shop-feedback{animation:pulse .5s ease-in-out;font-family:Rajdhani,sans-serif;font-size:1.1em;font-weight:600;margin-bottom:15px;padding:10px;text-align:center}.shop-section{margin-bottom:30px}.shop-section h3{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.3em;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.equipped-weapons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.equipped-weapon{background:#00ff881a;border:2px solid #0f8;border-radius:5px;display:flex;flex-direction:column;font-family:Rajdhani,sans-serif;gap:10px;padding:15px}.equipped-weapon .weapon-info{flex:1 1}.equipped-weapon .weapon-name{color:#0f8;font-size:1.1em;font-weight:700;margin-bottom:8px}.equipped-weapon .weapon-damage{color:#fff;font-size:1.3em;font-weight:600;margin-bottom:5px}.equipped-weapon .weapon-charge{color:#0ff;font-size:.9em}.sell-weapon-btn{background:linear-gradient(135deg,#ff44444d,#ff88004d);border:2px solid #f44;border-radius:4px;color:#f44;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.8em;font-weight:700;letter-spacing:1px;padding:8px 12px;text-transform:uppercase;transition:all .3s ease}.sell-weapon-btn:hover{background:linear-gradient(135deg,#ff444480,#ff880080);box-shadow:0 0 15px #f449;transform:scale(1.05)}.cannot-sell-reason{background:#fa03;border:2px solid #fa0;border-radius:4px;color:#fa0;cursor:help;font-family:Orbitron,sans-serif;font-size:.8em;font-weight:700;letter-spacing:1px;padding:8px 12px;text-align:center;text-transform:uppercase}.empty-slot{align-items:center;background:#ffffff0d;border:2px dashed #fff3;border-radius:5px;color:#ffffff4d;display:flex;font-family:Rajdhani,sans-serif;font-size:1.1em;justify-content:center;padding:15px}.unlock-slot-button{background:linear-gradient(135deg,#0ff3,#00c8c833);border:2px solid #0ff;border-radius:5px;color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1.1em;font-weight:700;padding:15px;transition:all .3s ease;width:100%}.unlock-slot-button:hover:not(:disabled){background:linear-gradient(135deg,#0ff6,#00c8c866);box-shadow:0 0 20px #00ffff80;transform:scale(1.02)}.unlock-slot-button:disabled{cursor:not-allowed;opacity:.5}.weapons-catalog{grid-gap:20px;display:grid;gap:20px}.catalog-weapon{align-items:center;background:#001428cc;border:2px solid #00ffff4d;border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.catalog-weapon:hover{border-color:#0ff;box-shadow:0 0 15px #00ffff4d}.weapon-info{flex:1 1}.weapon-header{align-items:center;display:flex;gap:15px;margin-bottom:10px}.weapon-info .weapon-name{color:#fff;font-family:Orbitron,sans-serif;font-size:1.3em;font-weight:700}.weapon-tier{border-radius:12px;font-family:Rajdhani,sans-serif;font-size:.8em;font-weight:700;padding:4px 12px}.weapon-tier.tier-1{background:#0f83;border:1px solid #0f8;color:#0f8}.weapon-tier.tier-2{background:#fa03;border:1px solid #fa0;color:#fa0}.weapon-tier.tier-3{background:#f443;border:1px solid #f44;color:#f44}.weapon-stats{display:flex;font-family:Rajdhani,sans-serif;gap:20px;margin-bottom:10px}.stat-damage{color:#f44;font-size:1.2em;font-weight:700}.stat-special{color:#fa0;font-size:.9em;font-weight:600}.weapon-description{color:#ffffffb3;font-family:Rajdhani,sans-serif;font-size:1em;line-height:1.4}.purchase-button{background:linear-gradient(135deg,#00ff884d,#00c8644d);border:2px solid #0f8;border-radius:5px;color:#0f8;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.purchase-button:hover:not(:disabled){background:linear-gradient(135deg,#00ff8880,#00c86480);box-shadow:0 0 15px #00ff8880;transform:scale(1.05)}.purchase-button:disabled{background:#64646433;border-color:#666;color:#666;cursor:not-allowed;opacity:.5}.no-weapons{color:#ffffff80;font-family:Rajdhani,sans-serif;font-size:1.2em;padding:40px;text-align:center}.upgrade-shop-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:20000}.upgrade-shop-modal{animation:modalSlideIn .4s ease-out;background:#001428f2;border:3px solid #0ff;border-radius:15px;box-shadow:0 0 40px #0ff9,inset 0 0 30px #00ffff1a;cursor:default;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:90%}.upgrade-shop-header{align-items:center;background:linear-gradient(135deg,#0ff3,#00c8c81a);border-bottom:2px solid #00ffff80;display:flex;justify-content:space-between;padding:20px 30px;position:relative}.upgrade-shop-title{align-items:center;color:#0ff;display:flex;font-family:Orbitron,sans-serif;font-size:1.8em;font-weight:900;gap:15px;letter-spacing:3px;text-shadow:0 0 20px #0ffc}.upgrade-shop-icon{filter:drop-shadow(0 0 10px rgba(0,255,255,.8));font-size:1.2em}.upgrade-shop-location{color:#aaa;font-family:Rajdhani,sans-serif;font-size:1em;letter-spacing:1px}.upgrade-shop-close{align-items:center;background:#ff44444d;border:2px solid #f44;border-radius:50%;color:#f44;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:1.3em;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.upgrade-shop-close:hover{background:#f449;box-shadow:0 0 20px #f44c;transform:rotate(90deg)}.upgrade-shop-credits{background:#00ff881a;border-bottom:1px solid #00ff884d;font-family:Orbitron,sans-serif;gap:15px}.upgrade-shop-credits,.upgrade-shop-info{align-items:center;display:flex;padding:15px 30px}.upgrade-shop-info{background:#001428cc;border-bottom:2px solid #00ffff4d;gap:20px;justify-content:space-between}.info-item{font-family:Rajdhani,sans-serif;gap:10px}.info-label{color:#888;font-size:.9em}.info-value{font-size:1.1em;text-shadow:0 0 10px #00ffff80}.info-value.credits{color:#0f8;text-shadow:0 0 10px #00ff8880}.upgrade-feedback{animation:fadeIn .3s ease-out;border-radius:8px;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;letter-spacing:1px;margin:15px 30px;padding:15px 20px;text-align:center}.upgrade-feedback.success{background:#0f83;border:2px solid #00ff8880;box-shadow:0 0 20px #00ff884d;color:#0f8}.upgrade-feedback.error{background:#f443;border:2px solid #ff444480;box-shadow:0 0 20px #ff44444d;color:#f44}.installed-upgrades-section{background:#001e0f4d;border-bottom:2px solid #0ff3;padding:20px 30px}.installed-upgrades-section h3{color:#0f8;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;letter-spacing:2px;margin-bottom:15px;text-shadow:0 0 10px #00ff8880}.installed-upgrades-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.installed-upgrade-card{align-items:center;background:#00140acc;border:2px solid #0f86;border-radius:8px;display:flex;gap:10px;padding:12px 15px;position:relative;transition:all .3s ease}.installed-upgrade-card:hover{border-color:#0f89;box-shadow:0 0 15px #00ff884d;transform:translateY(-2px)}.installed-upgrade-card .upgrade-icon{filter:drop-shadow(0 0 8px rgba(0,255,136,.5));font-size:1.8em}.installed-upgrade-card .upgrade-name{color:#0f8;flex:1 1;font-family:Rajdhani,sans-serif;font-size:.95em;font-weight:600;line-height:1.3}.upgrade-tier-badge{background:#fa03;border:1px solid #ffaa0080;border-radius:3px;color:#fa0;font-family:Orbitron,sans-serif;font-size:.7em;font-weight:700;letter-spacing:.5px;padding:2px 6px}.installed-upgrade-card .upgrade-status{color:#0f8;font-family:Orbitron,sans-serif;font-size:.75em;font-weight:700;letter-spacing:1px;white-space:nowrap}.upgrades-list-section{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.upgrades-list-section h3{color:#0ff;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;letter-spacing:2px;padding:20px 30px 10px;text-shadow:0 0 10px #00ffff80}.credits-icon{filter:drop-shadow(0 0 10px rgba(0,255,136,.8));font-size:1.5em}.credits-amount{color:#0f8;font-size:1.8em;font-weight:900;text-shadow:0 0 15px #0f8c}.credits-label{color:#888;font-size:.9em;letter-spacing:1px}.upgrade-categories{background:#000a1480;border-bottom:2px solid #0ff3;display:flex;gap:10px;overflow-x:auto;padding:20px 30px}.category-tab{align-items:center;background:#00142899;border:2px solid #00ffff4d;border-radius:8px;color:#0ff;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:.9em;font-weight:700;gap:10px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.category-tab:hover{background:#00283ccc;box-shadow:0 0 15px #00ffff4d;transform:translateY(-2px)}.category-tab.active{background:#0ff3;box-shadow:0 0 20px #00ffff80;transform:translateY(-2px)}.category-icon{font-size:1.3em}.category-name{letter-spacing:1px}.upgrades-list{grid-gap:20px;align-content:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));padding:10px 30px 20px}.upgrades-list::-webkit-scrollbar{width:10px}.upgrades-list::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.upgrades-list::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:5px}.upgrades-list::-webkit-scrollbar-thumb:hover{background:#00ffffb3}.no-upgrades{color:#888;grid-column:1/-1;padding:60px 20px;text-align:center}.no-upgrades-icon{font-size:4em;margin-bottom:20px;opacity:.5}.no-upgrades-text{font-family:Rajdhani,sans-serif;font-size:1.2em;line-height:1.6}.upgrade-card{background:#000a14cc;border:2px solid #00ffff4d;border-radius:10px;display:flex;flex-direction:column;gap:15px;padding:20px;position:relative;transition:all .3s ease}.upgrade-card:hover{border-color:#0ff9;box-shadow:0 0 20px #00ffff4d;transform:translateY(-2px)}.upgrade-card.purchased{background:#001e0fcc;border-color:#00ff8880}.upgrade-card.locked{border-style:dashed;opacity:.6}.upgrade-card.coming-soon{border-color:#88888880;border-style:dashed;opacity:.5}.upgrade-icon-container{align-items:center;display:flex;gap:8px;position:relative}.upgrade-icon-svg{height:40px;image-rendering:crisp-edges;width:40px}.upgrade-icon-emoji{font-size:24px}.upgrade-card-header{align-items:flex-start;display:flex;gap:15px}.upgrade-icon{filter:drop-shadow(0 0 10px rgba(0,255,255,.5));font-size:2.5em}.upgrade-name-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.upgrade-name{color:#0ff;font-size:1.1em;text-shadow:0 0 10px #00ffff80}.upgrade-name,.upgrade-tier{font-family:Orbitron,sans-serif}.upgrade-tier{background:#fa03;border:1px solid #ffaa0080;border-radius:4px;color:#fa0;font-size:.75em;font-weight:700;letter-spacing:1px;padding:3px 8px}.upgrade-description{color:#aaa;font-family:Rajdhani,sans-serif;font-size:.95em;line-height:1.4}.upgrade-stats{background:#00ffff0d;border:1px solid #0ff3;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:12px}.stat{font-size:.95em}.stat-value{color:#0f8}.upgrade-card-footer{align-items:center;border-top:1px solid #0ff3;display:flex;gap:15px;justify-content:space-between;padding-top:10px}.upgrade-cost{align-items:center;display:flex;font-family:Orbitron,sans-serif;gap:8px}.cost-icon{filter:drop-shadow(0 0 8px rgba(0,255,136,.6));font-size:1.3em}.cost-amount{font-size:1.3em;font-weight:900;text-shadow:0 0 10px #0f89}.cost-label{color:#888;font-size:.85em}.upgrade-status{align-items:center;border-radius:6px;display:flex;font-family:Orbitron,sans-serif;font-size:.9em;gap:8px;letter-spacing:1px;padding:10px 20px}.upgrade-status.purchased{background:#0f83;border:2px solid #00ff8880;color:#0f8}.upgrade-status.coming-soon,.upgrade-status.locked{background:#8883;border:2px solid #88888880;color:#888}.status-icon{font-size:1.1em}.upgrade-button{background:linear-gradient(135deg,#00ff884d,#00c8644d);border:2px solid #0f8;border-radius:6px;color:#0f8;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9em;font-weight:700;letter-spacing:1px;padding:10px 20px;text-shadow:0 0 10px #00ff8880;transition:all .3s ease;white-space:nowrap}.upgrade-button:hover:not(:disabled){background:linear-gradient(135deg,#00ff8880,#00c86480);box-shadow:0 0 20px #0f89;transform:scale(1.05)}.upgrade-button:disabled{background:#3232324d;border-color:#666;color:#666;cursor:not-allowed;opacity:.4;text-shadow:none}.upgrade-requirement{background:#fa03;border:1px solid #ffaa0080;border-radius:4px;color:#fa0;font-family:Rajdhani,sans-serif;font-size:.8em;font-weight:600;letter-spacing:.5px;padding:4px 10px;position:absolute;right:10px;top:10px}.upgrade-message-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:25000}.upgrade-message-modal{animation:modalPop .3s ease-out;background:#00ff88f2;border:3px solid #0f8;border-radius:10px;box-shadow:0 0 40px #0f8c,inset 0 0 20px #00ff884d;color:#001a0d;cursor:default;font-family:Orbitron,sans-serif;font-size:1.2em;font-weight:700;letter-spacing:1px;line-height:1.5;max-width:500px;padding:30px 40px;text-align:center}.upgrade-message-modal.error{background:#ff4444f2;border-color:#f44;box-shadow:0 0 40px #f44c,inset 0 0 20px #ff44444d;color:#1a0000}@keyframes modalPop{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.upgrade-shop-footer{background:#000a14cc;border-top:2px solid #00ffff4d;display:flex;justify-content:center;padding:20px 30px}.done-button{background:linear-gradient(135deg,#00ffff4d,#00c8c84d);border:2px solid #0ff;border-radius:8px;color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1.1em;font-weight:700;letter-spacing:2px;padding:15px 40px;text-shadow:0 0 10px #00ffff80;transition:all .3s ease}.done-button:hover{background:linear-gradient(135deg,#00ffff80,#00c8c880);box-shadow:0 0 25px #0ff9;transform:scale(1.05)}@media (max-width:1200px){.upgrades-list{grid-template-columns:1fr}.installed-upgrades-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.upgrade-shop-modal{max-height:95vh;width:95%}.upgrade-shop-header{padding:15px 20px}.upgrade-shop-title{font-size:1.3em}.upgrade-shop-info{align-items:flex-start;flex-direction:column;gap:10px;padding:15px 20px}.upgrade-categories{gap:8px;padding:15px 20px}.category-tab{font-size:.85em;padding:10px 15px}.installed-upgrades-section{padding:15px 20px}.installed-upgrades-grid{grid-template-columns:1fr}.upgrades-list-section h3{padding:15px 20px 10px}.upgrades-list{gap:15px;padding:10px 20px 15px}.upgrade-card{padding:15px}}.modules-shop-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:20000}.modules-shop-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#001428f2,#00283cf2);border:2px solid #0ff;border-radius:10px;box-shadow:0 0 30px #00ffff80;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;width:90%}.modules-shop-header{align-items:center;border-bottom:2px solid #00ffff4d;display:flex;justify-content:space-between;padding:20px}.modules-shop-header h2{color:#0ff;font-family:Orbitron,sans-serif;font-size:24px;margin:0;text-shadow:0 0 10px #0ffc}.modules-shop-info{background:#00ffff0d;justify-content:space-around;padding:15px}.modules-categories,.modules-shop-info{border-bottom:1px solid #0ff3;display:flex}.modules-categories{gap:10px;padding:15px 20px}.category-btn{align-items:center;background:#00ffff1a;border:2px solid #00ffff4d;border-radius:5px;color:#0ff;cursor:pointer;display:flex;flex:1 1;font-family:Orbitron,sans-serif;font-size:13px;gap:8px;justify-content:center;padding:10px;transition:all .3s ease}.category-btn:hover{background:#0ff3;border-color:#0ff}.category-btn.active{background:#00ffff4d;border-color:#0ff;box-shadow:0 0 10px #00ffff80}.cat-icon{font-size:18px}.modules-feedback{animation:slideDown .3s ease;border-radius:5px;font-family:Rajdhani,sans-serif;font-size:14px;margin:15px 20px;padding:12px;text-align:center}.modules-feedback.success{background:#0f83;border:1px solid #0f8;color:#0f8}.modules-feedback.error{background:#f443;border:1px solid #f44;color:#f44}.installed-modules-section{border-bottom:1px solid #0ff3;padding:20px}.installed-modules-section h3{color:#0f8;font-family:Orbitron,sans-serif;font-size:16px;margin:0 0 15px;text-transform:uppercase}.installed-modules-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.installed-module-card{align-items:center;background:#00ff881a;border:1px solid #00ff884d;border-radius:5px;display:flex;gap:10px;padding:10px}.installed-module-card .module-icon{font-size:24px}.installed-module-card .module-name{color:#0f8;flex:1 1;font-family:Rajdhani,sans-serif;font-size:14px}.installed-module-card .module-status{color:#00ff88b3;font-size:11px}.modules-list-section{flex:1 1;overflow-y:auto;padding:20px}.modules-list-section h3{color:#0ff;font-family:Orbitron,sans-serif;font-size:16px;margin:0 0 15px;text-transform:uppercase}.modules-list{display:flex;flex-direction:column;gap:15px}.module-card{background:#00ffff0d;border:2px solid #0ff3;border-radius:8px;padding:20px;transition:all .3s ease}.module-card:hover{background:#00ffff1a;border-color:#0ff;box-shadow:0 0 15px #00ffff4d}.module-icon-container{align-items:center;display:flex;gap:8px;position:relative}.module-icon-svg{height:48px;image-rendering:crisp-edges;width:48px}.module-icon-emoji{font-size:32px}.module-card-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.module-icon-large{font-size:48px}.module-title-section{flex:1 1}.module-name-row{align-items:center;display:flex;gap:10px;margin-bottom:5px}.module-name{font-size:18px}.module-name,.module-tier{color:#0ff;font-family:Orbitron,sans-serif}.module-tier{background:#0ff3;border:1px solid #0ff;border-radius:3px;font-size:11px;padding:3px 8px}.module-tier.tier-2{background:#fa03;border-color:#fa0;color:#fa0}.module-category{color:#00ffffb3;font-size:12px;text-transform:uppercase}.module-description{color:#fffc;font-family:Rajdhani,sans-serif;font-size:14px;line-height:1.5;margin-bottom:15px}.module-effects{grid-gap:10px;background:#0000004d;border-radius:5px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px;padding:15px}.effect{display:flex;font-family:Rajdhani,sans-serif;font-size:13px;justify-content:space-between}.effect-label{color:#ffffffb3}.effect-value{color:#0f8;font-weight:700}.module-card-footer{align-items:center;display:flex;gap:20px;justify-content:space-between}.module-cost{align-items:center;display:flex;gap:8px}.cost-amount,.cost-icon{font-size:20px}.cost-amount{color:#0f8;font-family:Orbitron,sans-serif}.cost-label{color:#00ffffb3;font-size:12px}.purchase-btn{background:linear-gradient(135deg,#00ff884d,#00ffff4d);border:2px solid #0f8;border-radius:5px;color:#0f8;cursor:pointer;font-family:Orbitron,sans-serif;font-size:14px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.purchase-btn:hover:not(:disabled){background:linear-gradient(135deg,#00ff8880,#00ffff80);box-shadow:0 0 15px #00ff8880;transform:translateY(-2px)}.purchase-btn:disabled{cursor:not-allowed;opacity:.5}.purchase-btn.cannot-afford{background:linear-gradient(135deg,#ff44444d,#ffaa004d);border-color:#f44;color:#f44}.module-requirement{background:#ffaa001a;border:1px solid #ffaa004d;border-radius:3px;color:#fa0;font-size:12px;margin-top:10px;padding:8px;text-align:center}.no-modules{padding:60px 40px;text-align:center}.no-modules-icon{font-size:60px;margin-bottom:15px;opacity:.5}.no-modules-text{color:#ffffffb3;font-family:Rajdhani,sans-serif;font-size:16px}.trade-shop-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:20000}.trade-shop-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#001428f2,#00283cf2);border:2px solid #0ff;border-radius:10px;box-shadow:0 0 30px #00ffff80;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;width:90%}.trade-summary-header{grid-gap:15px;background:linear-gradient(135deg,#00ffff1a,#00ff880d);border-bottom:2px solid #00ffff4d;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);padding:20px}.summary-section{align-items:center;background:#0000004d;border:1px solid #0ff3;border-radius:5px;display:flex;flex-direction:column;gap:8px;padding:12px}.summary-label{color:#00ffffb3;font-family:Rajdhani,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase}.summary-value{color:#0ff;font-family:Orbitron,sans-serif;font-size:20px;text-shadow:0 0 10px currentColor}.summary-value.credits{color:#0f8}.summary-value.buy{color:#0ff}.summary-value.sell{color:#fa0}.summary-value.error{animation:pulse 1s ease-in-out infinite;color:#f44}.trade-shop-header{align-items:center;border-bottom:2px solid #00ffff4d;display:flex;justify-content:space-between;padding:20px}.trade-shop-header h2{color:#0ff;font-family:Orbitron,sans-serif;font-size:24px;margin:0;text-shadow:0 0 10px #0ffc}.close-button,.refuel-modal-close{align-items:center;background:#ff44444d;border:2px solid #f44;border-radius:50%;color:#f44;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:1.3em;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-button:hover,.refuel-modal-close:hover{background:#f446;transform:rotate(90deg)}.trade-shop-info{background:#00ffff0d;border-bottom:1px solid #0ff3;display:flex;justify-content:space-around;padding:12px 20px}.info-item{align-items:center;display:flex;gap:8px}.info-label{font-size:12px}.info-value{font-family:Orbitron,sans-serif;font-size:14px}.trade-tabs{display:flex;gap:10px;padding:15px 20px 0}.trade-tab{background:#00ffff1a;border:2px solid #00ffff4d;border-radius:5px 5px 0 0;color:#0ff;cursor:pointer;flex:1 1;font-family:Orbitron,sans-serif;font-size:14px;padding:12px;transition:all .3s ease}.trade-tab:hover{background:#0ff3;border-color:#0ff}.trade-tab.active{background:#00ffff4d;border-color:#0ff;box-shadow:0 0 10px #00ffff80}.trade-feedback{animation:slideDown .3s ease;border-radius:5px;font-family:Rajdhani,sans-serif;font-size:14px;margin:15px 20px;padding:12px;text-align:center}.trade-feedback.success{background:#0f83;border:1px solid #0f8;color:#0f8}.trade-feedback.error{background:#f443;border:1px solid #f44;color:#f44}.trade-goods-list{flex:1 1;overflow-y:auto;padding:15px 20px}.trade-good-row{grid-gap:15px;align-items:center;background:#00ffff0d;border:2px solid #0ff3;border-radius:5px;display:grid;gap:15px;grid-template-columns:60px 1fr auto 120px;padding:12px 15px;transition:all .3s ease}.trade-good-row:hover{background:#00ffff14;border-color:#0ff6}.trade-good-row.selected{background:#00ffff26;border-color:#0ff;box-shadow:0 0 15px #00ffff4d}.trade-good-row.disabled{cursor:not-allowed;opacity:.4}.trade-good-row.disabled:hover{background:#00ffff0d;border-color:#0ff3}.good-icon{font-size:36px;text-align:center}.trade-good-item{grid-gap:20px;border:2px solid #0ff3;border-radius:5px;display:grid;gap:20px;grid-template-columns:250px 100px 1fr;padding:12px 15px;transition:all .3s ease}.trade-good-item:hover{background:#00ffff14;border-color:#0ff6}.trade-good-item .good-info{align-items:center;display:flex;gap:12px}.trade-good-item .good-details{display:flex;flex-direction:column;gap:4px}.trade-good-item .good-price{color:#0f8;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;text-align:center}.trade-good-item .good-controls{align-items:center;display:flex;gap:8px;justify-content:flex-end;min-width:200px}.trade-good-item .good-controls button{min-width:40px}.trade-good-item .quantity{color:#0ff;display:inline-block;font-family:Orbitron,sans-serif;font-size:16px;min-width:50px;text-align:center}.good-info{display:flex;flex-direction:column;gap:5px}.good-name{color:#0ff;font-family:Orbitron,sans-serif;font-size:15px;font-weight:600}.good-stats{color:#00ffffb3;display:flex;font-size:11px;gap:12px}.good-stats .stat.owned{color:#0f8;font-weight:700}.good-stats .stat.stock{color:#00ffffb3}.good-stats .stat.stock.out-of-stock{color:#f44;font-weight:700}.good-stats .stat.stock.low-stock{color:#fa0;font-weight:700}.quantity-controls{align-items:center;display:flex;gap:5px}.quantity-input{background:#00000080;border:1px solid #0ff;border-radius:3px;color:#0ff;font-family:Orbitron,sans-serif;font-size:14px;padding:6px;text-align:center;width:60px}.quantity-input:disabled{cursor:not-allowed;opacity:.5}.good-total{align-items:flex-end;display:flex;flex-direction:column;gap:3px;min-width:120px}.total-label{color:#00ffffb3;font-size:11px;text-transform:uppercase}.total-value{color:#0f8;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700}.trade-transaction{background:#00ffff1a;border-top:2px solid #00ffff4d;padding:20px}.transaction-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.transaction-icon{font-size:30px}.transaction-name{color:#0ff;font-family:Orbitron,sans-serif;font-size:18px}.quantity-selector{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.quantity-selector button{background:#0ff3;border:1px solid #0ff;border-radius:3px;color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;padding:8px 15px;transition:all .3s ease}.quantity-selector button:hover{background:#00ffff4d;box-shadow:0 0 10px #00ffff80}.quantity-selector input{background:#00000080;border:1px solid #0ff;border-radius:3px;color:#0ff;font-family:Orbitron,sans-serif;font-size:16px;padding:8px;text-align:center;width:80px}.transaction-summary{background:#0000004d;border-radius:5px;display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding:15px}.summary-row{color:#fffc;display:flex;font-family:Rajdhani,sans-serif;font-size:14px;justify-content:space-between}.summary-row.total{border-top:1px solid #00ffff4d;font-size:18px;padding-top:8px}.summary-row.total,.transaction-button{color:#0f8;font-family:Orbitron,sans-serif}.transaction-button{background:linear-gradient(135deg,#00ff884d,#00ffff4d);border:2px solid #0f8;border-radius:5px;cursor:pointer;font-size:16px;padding:15px;text-transform:uppercase;transition:all .3s ease;width:100%}.transaction-button:hover{background:linear-gradient(135deg,#00ff8880,#00ffff80);box-shadow:0 0 20px #00ff8880;transform:translateY(-2px)}.transaction-button.sell{background:linear-gradient(135deg,#ffaa004d,#ff44444d);border-color:#fa0;color:#fa0}.transaction-button.sell:hover{background:linear-gradient(135deg,#ffaa0080,#ff444480);box-shadow:0 0 20px #ffaa0080}.trade-actions{background:#00ffff0d;border-top:2px solid #00ffff4d;display:flex;gap:15px;padding:20px}.trade-actions button:last-child{flex:1 1}.no-cargo-bay{padding:60px 40px;text-align:center}.no-cargo-icon{font-size:80px;margin-bottom:20px;opacity:.5}.no-cargo-text h3{color:#f44;font-family:Orbitron,sans-serif;font-size:24px;margin-bottom:15px}.no-cargo-text p{color:#ffffffb3;font-family:Rajdhani,sans-serif;font-size:16px;line-height:1.6;margin:10px 0}.dock-screen-overlay{align-items:center;animation:fadeIn .5s ease-out;background:radial-gradient(ellipse at center,#001428 0,#000a14 100%);display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:10000}.dock-starfield{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10001}.dock-star{animation:twinkle 3s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 3px #fffc;position:absolute}.dock-screen-container{height:100%;position:relative;width:100%;z-index:10002}.dock-screen-container,.dock-visual-container{align-items:center;display:flex;justify-content:center}.dock-visual-container{height:400px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.orbiting-ship{animation:orbit 20s linear infinite;height:100%;pointer-events:none;position:absolute;width:100%}.orbiting-ship>*{left:50%;position:absolute;top:-80px;transform:translateX(-50%)}@keyframes orbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dock-details-panel{animation:slideInRight .5s ease-out;background:#001428e6;border:2px solid #0ff;border-radius:10px;box-shadow:0 0 20px #00ffff4d,inset 0 0 20px #00ffff1a;max-height:90vh;max-width:calc(100% - 160px);overflow-x:hidden;overflow-y:auto;padding:30px;position:absolute;right:80px;top:50%;transform:translateY(-50%);width:400px}.dock-details-panel::-webkit-scrollbar{width:8px}.dock-details-panel::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.dock-details-panel::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:4px}.dock-details-panel::-webkit-scrollbar-thumb:hover{background:#00ffffb3}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%) translateX(50px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.dock-header{border-bottom:2px solid #00ffff4d;margin-bottom:25px;padding-bottom:15px;text-align:center}.dock-title{color:#0ff;font-size:1em;letter-spacing:3px;margin-bottom:10px;text-shadow:0 0 10px #00ffff80}.dock-location,.dock-title{font-family:Orbitron,sans-serif}.dock-location{color:#fff;font-size:1.6em;font-weight:900;letter-spacing:2px;text-shadow:0 0 15px #0ffc}.dock-credits{align-items:center;background:#00ff881a;border:1px solid #00ff884d;border-radius:20px;display:flex;font-family:Rajdhani,sans-serif;gap:8px;justify-content:center;margin-top:12px;padding:8px 16px}.dock-credits .credits-icon{font-size:1.2em}.dock-credits .credits-amount{color:#0f8;font-size:1.3em;font-weight:700;text-shadow:0 0 10px #00ff8880}.dock-credits .credits-label{color:#0f8;font-size:.9em;letter-spacing:1px;opacity:.8}.dock-top-fuel-gauge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428f2;border:2px solid #0ff6;border-radius:10px;box-shadow:0 0 20px #00ffff4d;left:50%;max-width:90%;padding:15px 20px;position:absolute;top:20px;transform:translateX(-50%);transition:all .3s ease;width:500px;z-index:10}.dock-top-fuel-gauge.clickable{cursor:pointer}.dock-top-fuel-gauge.clickable:hover{background:#001e32f2;border-color:#0ffc;box-shadow:0 0 30px #00ffff80;transform:translateX(-50%) scale(1.02)}.dock-services{background:#00ffff0d;border:2px solid #00ffff4d;border-radius:8px;margin-bottom:20px;padding:15px}.services-header{border-bottom:1px solid #00ffff4d;color:#0ff;font-family:Orbitron,sans-serif;font-size:1.1em;font-weight:700;letter-spacing:2px;margin-bottom:15px;padding-bottom:10px;text-align:center;text-shadow:0 0 10px #00ffff80}.services-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.shop-access-button{align-items:center;background:linear-gradient(135deg,#fa03,#ff8c0033);border:2px solid #fa0;border-radius:6px;color:#fa0;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;justify-content:space-between;margin-bottom:15px;padding:15px;text-shadow:0 0 10px #ffaa0080;transition:all .3s ease;width:100%}.shop-access-button.compact{flex-direction:column;font-size:.9em;gap:5px;justify-content:center;margin-bottom:0;padding:12px 10px}.shop-access-button.compact .shop-icon{font-size:1.5em}.shop-access-button.compact .shop-text{font-size:.85em;letter-spacing:1px}.shop-access-button:hover{background:linear-gradient(135deg,#fa06,#ff8c0066);box-shadow:0 0 20px #fa09;transform:scale(1.02)}.shop-access-button.refuel{background:linear-gradient(135deg,#0ff3,#00c8c833);border-color:#0ff;color:#0ff;text-shadow:0 0 10px #00ffff80}.shop-access-button.refuel:hover{background:linear-gradient(135deg,#0ff6,#00c8c866);box-shadow:0 0 20px #0ff9}.shop-access-button.weapons{background:linear-gradient(135deg,#f443,#c8323233);border-color:#f44;color:#f44;text-shadow:0 0 10px #ff444480}.shop-access-button.weapons:hover{background:linear-gradient(135deg,#f446,#c8323266);box-shadow:0 0 20px #f449}.shop-icon{font-size:1.3em}.shop-text{flex:1 1;letter-spacing:2px;text-align:center}.shop-arrow{font-size:1.2em}.dock-shop-modal{animation:slideInLeft .5s ease-out;background:#001428f2;border:2px solid #fa0;border-radius:10px;box-shadow:0 0 30px #fa06,inset 0 0 20px #ffaa001a;display:flex;flex-direction:column;left:50px;max-height:85vh;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:500px}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%) translateX(-50px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.shop-header{align-items:center;background:#ffaa001a;border-bottom:2px solid #ffaa004d;display:flex;justify-content:space-between;padding:20px}.shop-title{color:#fa0;font-size:1.4em;font-weight:900;letter-spacing:2px;text-shadow:0 0 15px #fa0c}.shop-close,.shop-title{font-family:Orbitron,sans-serif}.shop-close{align-items:center;background:#ff44444d;border:2px solid #f44;border-radius:50%;color:#f44;cursor:pointer;display:flex;font-size:1.2em;font-weight:700;height:35px;justify-content:center;transition:all .3s ease;width:35px}.shop-close:hover{background:#ff444480;box-shadow:0 0 15px #f449;transform:rotate(90deg)}.shop-content{flex:1 1;overflow-y:auto;padding:20px}.shop-content::-webkit-scrollbar{width:8px}.shop-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.shop-content::-webkit-scrollbar-thumb{background:#ffaa0080;border-radius:4px}.shop-content::-webkit-scrollbar-thumb:hover{background:#ffaa00b3}.shop-category{margin-bottom:25px}.category-title{border-bottom:1px solid #ffaa004d;color:#fa0;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;letter-spacing:2px;margin-bottom:15px;padding-bottom:8px;text-shadow:0 0 10px #ffaa0080}.shop-item{align-items:flex-start;background:#000a1499;border:1px solid #ffaa004d;border-radius:6px;display:flex;gap:15px;margin-bottom:12px;padding:15px;transition:all .3s ease}.shop-item:hover:not(.coming-soon){border-color:#fa09;box-shadow:0 0 15px #fa03;transform:translateX(5px)}.shop-item.coming-soon{border-style:dashed;opacity:.6}.item-icon{filter:drop-shadow(0 0 10px rgba(255,170,0,.5));font-size:2.5em}.item-info{flex:1 1}.item-name{color:#fa0;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;margin-bottom:6px;text-shadow:0 0 10px #ffaa0080}.item-description{color:#aaa;font-family:Rajdhani,sans-serif;font-size:.9em;line-height:1.4;margin-bottom:10px}.item-stats{display:flex;flex-direction:column;gap:5px}.stat{display:flex;font-family:Rajdhani,sans-serif;font-size:.9em;justify-content:space-between}.stat-value.cost{color:#fa0}.stat-value.fuel{color:#0ff}.stat-value.gain{color:#0f8}.buy-button{align-self:center;background:linear-gradient(135deg,#00ff884d,#00c8644d);border:2px solid #0f8;border-radius:6px;color:#0f8;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9em;font-weight:700;padding:10px 20px;text-shadow:0 0 10px #00ff8880;transition:all .3s ease;white-space:nowrap}.buy-button:hover:not(:disabled){background:linear-gradient(135deg,#00ff8880,#00c86480);box-shadow:0 0 20px #0f89;transform:scale(1.05)}.buy-button:disabled{border-color:#666;color:#666;cursor:not-allowed;opacity:.4;text-shadow:none}.coming-soon-badge{background:#8888884d;border:1px solid #888;border-radius:4px;color:#888;display:inline-block;font-family:Orbitron,sans-serif;font-size:.75em;font-weight:700;letter-spacing:1px;margin-top:8px;padding:4px 10px}.shop-message{animation:fadeIn .3s ease-out;background:#0f83;border:1px solid #00ff8880;border-radius:6px;color:#0f8;font-family:Rajdhani,sans-serif;font-size:.95em;font-weight:600;margin-top:15px;padding:12px;text-align:center}.shop-message.error{background:#f443;border-color:#ff444480;color:#f44}.service-item{background:#00142899;border:1px solid #00ffff4d;border-radius:6px;display:flex;flex-direction:column;gap:15px;padding:15px;transition:all .3s ease}.service-item:hover{border-color:#0ff9;box-shadow:0 0 15px #0ff3}.service-info{flex:1 1}.service-name{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.1em;font-weight:700;margin-bottom:8px;text-shadow:0 0 10px #00ffff80}.service-description{color:#aaa;font-family:Rajdhani,sans-serif;font-size:.95em;line-height:1.4;margin-bottom:12px}.service-stats{display:flex;flex-direction:column;gap:6px}.service-stat{display:flex;font-family:Rajdhani,sans-serif;font-size:.95em;justify-content:space-between}.service-button{align-items:center;background:linear-gradient(135deg,#00ffff4d,#00c8c84d);border:2px solid #0ff;border-radius:6px;color:#0ff;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;gap:10px;justify-content:center;padding:12px 20px;text-shadow:0 0 10px #00ffff80;transition:all .3s ease}.service-button:hover:not(:disabled){background:linear-gradient(135deg,#00ffff80,#00c8c880);box-shadow:0 0 20px #0ff9;transform:scale(1.02)}.service-button:disabled{border-color:#666;color:#666;cursor:not-allowed;opacity:.5;text-shadow:none}.button-spinner{animation:spin .8s linear infinite;border:2px solid #00ffff4d;border-radius:50%;border-top-color:#0ff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.purchase-message{animation:fadeIn .3s ease-out;background:#0f83;border:1px solid #00ff8880;border-radius:6px;color:#0f8;font-family:Rajdhani,sans-serif;font-size:.95em;font-weight:600;margin-top:10px;padding:12px;text-align:center}.purchase-message.error{background:#f443;border-color:#ff444480;color:#f44}.dock-info{margin-bottom:20px}.dock-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.info-card{align-items:center;background:#00ffff0d;border:1px solid #0ff3;border-radius:6px;display:flex;gap:10px;padding:12px;transition:all .3s ease}.info-card:hover{background:#00ffff1a;border-color:#0ff6;box-shadow:0 0 10px #0ff3}.info-icon{font-size:1.8em;min-width:40px;text-align:center}.info-content{flex:1 1;min-width:0}.info-label{color:#00ffffb3;font-family:Orbitron,sans-serif;font-size:.7em;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.info-value{color:#fff;font-family:Rajdhani,sans-serif;font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-value.small{font-size:.85em;line-height:1.2;white-space:normal}.info-value.threat-safe{color:#0f8}.info-value.threat-low{color:#fa0}.info-value.threat-medium{color:#f80}.info-value.threat-high{color:#f44}.info-value.threat-critical{animation:pulse 1s ease-in-out infinite;color:red;font-weight:700}.info-value.threat-unknown{color:#888}.dock-info-row{border-bottom:1px solid #00ffff1a;display:flex;font-family:Rajdhani,sans-serif;justify-content:space-between;padding:10px 0}.dock-info-row:last-child{border-bottom:none}.orbit-label{color:#0ff;font-size:.95em;font-weight:600;letter-spacing:1px}.orbit-value{color:#fff;font-size:.95em;font-weight:500;text-align:right}.orbit-value.threat-safe{color:#0f8}.orbit-value.threat-low{color:#fa0}.orbit-value.threat-medium{color:#f80}.orbit-value.threat-high{color:#f44}.orbit-value.threat-critical{animation:pulse 1s ease-in-out infinite;color:red;font-weight:700}.orbit-value.threat-unknown{color:#888}.leave-dock-button{background:linear-gradient(135deg,#f44c,#c83232cc);border:2px solid #f44;border-radius:5px;box-shadow:0 0 15px #ff44444d;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1.1em;font-weight:700;letter-spacing:2px;margin-bottom:20px;padding:15px;transition:all .3s ease;width:100%}.leave-dock-button:hover{background:linear-gradient(135deg,#f44,#dc3c3c);box-shadow:0 0 25px #f449;transform:scale(1.02)}.leave-dock-button:active{transform:scale(.98)}.dock-status{align-items:center;background:#00ff881a;border:1px solid #00ff884d;border-radius:5px;color:#0f8;display:flex;font-family:Rajdhani,sans-serif;font-size:.9em;gap:10px;justify-content:center;letter-spacing:1px;padding:10px}.status-indicator{animation:pulse 2s ease-in-out infinite;background:#0f8;border-radius:50%;box-shadow:0 0 10px #0f8c;height:10px;width:10px}@media (max-width:1200px){.dock-visual-container{height:350px;width:350px}.dock-details-panel{right:30px;width:400px}.dock-shop-modal{left:30px;width:450px}}@media (max-width:768px){.dock-visual-container{height:300px;left:50%;top:30%;width:300px}.dock-details-panel{bottom:20px;top:auto}.dock-details-panel,.dock-shop-modal{left:5%;right:5%;transform:none;width:90%}.dock-shop-modal{bottom:auto;max-height:70vh;top:60px}}.refuel-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:15000}.refuel-modal{animation:modalSlideIn .4s ease-out;background:#001428f2;border:3px solid #0ff;border-radius:15px;box-shadow:0 0 40px #0ff9,inset 0 0 30px #00ffff1a;cursor:default;max-width:500px;overflow:hidden;width:90%}.refuel-modal-header{align-items:center;background:linear-gradient(135deg,#0ff3,#00c8c81a);border-bottom:2px solid #00ffff80;display:flex;justify-content:space-between;padding:20px 30px}.refuel-modal-title{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.4em;font-weight:900;letter-spacing:2px;text-shadow:0 0 20px #0ffc}.refuel-modal-close{align-items:center;background:#ff44444d;border:2px solid #f44;border-radius:50%;color:#f44;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:1.3em;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.refuel-modal-close:hover:not(:disabled){background:#f449;box-shadow:0 0 20px #f44c;transform:rotate(90deg)}.refuel-modal-close:disabled{cursor:not-allowed;opacity:.4}.refuel-modal-content{padding:30px}.refuel-description{color:#aaa;font-family:Rajdhani,sans-serif;font-size:1.1em;line-height:1.5;margin-bottom:25px;text-align:center}.refuel-stats{background:#00ffff0d;border:2px solid #00ffff4d;border-radius:8px;margin-bottom:25px;padding:20px}.refuel-stat{border-bottom:1px solid #00ffff1a;display:flex;font-family:Rajdhani,sans-serif;font-size:1.05em;justify-content:space-between;padding:10px 0}.refuel-stat:last-child{border-bottom:none}.refuel-stat-label{color:#0ff;font-weight:600;letter-spacing:1px}.refuel-stat-value{color:#fff;font-weight:700}.refuel-stat-value.fuel{color:#0ff;text-shadow:0 0 10px #00ffff80}.refuel-stat-value.cost{color:#fa0;text-shadow:0 0 10px #ffaa0080}.refuel-stat-value.gain{color:#0f8;text-shadow:0 0 10px #00ff8880}.refuel-message{animation:fadeIn .3s ease-out;background:#0f83;border:2px solid #00ff8880;border-radius:6px;color:#0f8;font-family:Rajdhani,sans-serif;font-size:1em;font-weight:600;margin-bottom:20px;padding:15px;text-align:center}.refuel-message.error{background:#f443;border-color:#ff444480;color:#f44}.refuel-confirm-button{align-items:center;background:linear-gradient(135deg,#00ffff4d,#00c8c84d);border:2px solid #0ff;border-radius:8px;color:#0ff;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:1.1em;font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;padding:15px 20px;text-shadow:0 0 10px #00ffff80;transition:all .3s ease;width:100%}.refuel-confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#00ffff80,#00c8c880);box-shadow:0 0 25px #0ff9;transform:scale(1.02)}.refuel-confirm-button:disabled{background:#3232324d;border-color:#666;color:#666;cursor:not-allowed;opacity:.5;text-shadow:none}.planet-clickable{cursor:pointer;pointer-events:all;transition:transform .3s ease,filter .3s ease}.planet-clickable:hover{filter:brightness(1.2) drop-shadow(0 0 40px rgba(0,255,255,.6));transform:scale(1.05)}.planet-clickable:active{transform:scale(.98)}.docked-ship{align-items:center;bottom:-50px;display:flex;flex-direction:column;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.docking-clamp{animation:clampPulse 2s ease-in-out infinite;background:linear-gradient(180deg,#0ff9,#0096964d);border:2px solid #0ffc;border-radius:4px;bottom:-20px;box-shadow:0 0 15px #00ffff80;height:40px;position:absolute;width:30px}.clamp-left{left:calc(50% - 60px)}.clamp-right{right:calc(50% - 60px)}@keyframes clampPulse{0%,to{box-shadow:0 0 15px #00ffff80}50%{box-shadow:0 0 25px #0ffc}}.shop-access-button.upgrade-shop-btn{background:linear-gradient(135deg,#0ff3,#00c8c833);border-color:#0ff;color:#0ff;text-shadow:0 0 10px #00ffff80}.shop-access-button.upgrade-shop-btn:hover{background:linear-gradient(135deg,#0ff6,#00c8c866);box-shadow:0 0 20px #0ff9}.warp-gate-display{align-items:center;animation:gateAmbientPulse 4s ease-in-out infinite;display:flex;height:400px;justify-content:center;position:relative;width:400px}@keyframes gateAmbientPulse{0%,to{filter:drop-shadow(0 0 30px rgba(255,0,255,.4))}50%{filter:drop-shadow(0 0 50px rgba(255,0,255,.7))}}.gate-ship{animation:gateShipHover 3s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(0,255,255,.6));position:absolute;right:-80px;top:50%}@keyframes gateShipHover{0%,to{transform:translateY(-50%) translateX(0) translateY(0)}50%{transform:translateY(-50%) translateX(-10px) translateY(-8px)}}.shop-access-button.warpgate{animation:gateButtonPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff00ff26,#88008826);border-color:#f0f;color:#fff;text-shadow:0 0 10px #f0fc}.shop-access-button.warpgate:hover{animation:gateButtonPulse 1s ease-in-out infinite;background:linear-gradient(135deg,#ff00ff40,#88008840);box-shadow:0 0 30px #f0fc}@keyframes gateButtonPulse{0%,to{box-shadow:0 0 20px #ff00ff80}50%{box-shadow:0 0 40px #f0fc}}.shop-access-button.exploration{background:linear-gradient(135deg,#0f83,#00c86433);border-color:#0f8;color:#0f8;text-shadow:0 0 10px #00ff8880}.shop-access-button.exploration:hover{background:linear-gradient(135deg,#0f86,#00c86466);box-shadow:0 0 20px #0f89}.shop-access-button.trade{background:linear-gradient(135deg,#fa03,#ff8c0033);border-color:#fa0;color:#fa0;text-shadow:0 0 10px #ffaa0080}.shop-access-button.trade:hover{background:linear-gradient(135deg,#fa06,#ff8c0066);box-shadow:0 0 20px #fa09}.shop-access-button.modules{background:linear-gradient(135deg,#88f3,#6464c833);border-color:#88f;color:#88f;text-shadow:0 0 10px #8888ff80}.shop-access-button.modules:hover{background:linear-gradient(135deg,#88f6,#6464c866);box-shadow:0 0 20px #88f9}.tow-animation-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.tow-animation-container{background:linear-gradient(135deg,#001428fa,#280014fa);border:3px solid #f44;border-radius:15px;box-shadow:0 0 50px #ff444480;font-family:Orbitron,monospace;max-width:800px;padding:30px;width:90%}.tow-title{animation:pulse 2s ease-in-out infinite;color:#f44;font-size:2em;font-weight:900;letter-spacing:3px;margin-bottom:10px;text-align:center;text-shadow:0 0 20px #f44}.tow-subtitle{color:#fa0;font-size:1.2em;font-weight:700;margin-bottom:30px;text-align:center}.tow-scene{background:linear-gradient(180deg,#000428,#004e92);border-radius:10px;box-shadow:inset 0 0 30px #00000080;height:200px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.tow-stars{height:100%;position:absolute;width:100%}.tow-star{animation:twinkle 2s ease-in-out infinite;background:#fff;border-radius:50%;height:2px;position:absolute;width:2px}.tow-ship{animation:shipBob 1s ease-in-out infinite;filter:drop-shadow(0 0 10px #ffaa00);position:absolute;top:40%;transform:translateY(-50%);transition:left .05s linear}@keyframes shipBob{0%,to{transform:translateY(-50%) translateY(0)}50%{transform:translateY(-50%) translateY(-5px)}}.tow-cable{filter:drop-shadow(0 0 5px rgba(0,255,255,.6));height:20px;position:absolute;top:50%;transform:translateY(-50%);transition:left .05s linear}.tow-cable-line{box-shadow:0 0 5px #0ff;height:2px;left:0;opacity:.8;right:0}.tow-cable-line,.tow-energy-pulse{background:#0ff;position:absolute;top:50%;transform:translateY(-50%)}.tow-energy-pulse{animation:energyPulse 1.5s ease-in-out infinite;border-radius:50%;box-shadow:0 0 10px #0ff,0 0 20px #0ff;height:8px;width:8px}.tow-energy-pulse.pulse-1{animation-delay:0s}.tow-energy-pulse.pulse-2{animation-delay:.5s}.tow-energy-pulse.pulse-3{animation-delay:1s}@keyframes energyPulse{0%{left:0;opacity:0;transform:translateY(-50%) scale(.5)}10%{opacity:.8;transform:translateY(-50%) scale(1)}90%{opacity:.8;transform:translateY(-50%) scale(1)}to{left:100%;opacity:0;transform:translateY(-50%) scale(.5)}}.towed-ship{animation:towedShipWobble 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px #ff4444);position:absolute;top:50%;transform:translateY(-50%);transition:left .05s linear}@keyframes towedShipWobble{0%,to{transform:translateY(-50%) rotate(-2deg)}50%{transform:translateY(-50%) rotate(2deg)}}.tow-progress-container{margin-bottom:20px}.tow-progress-bar{background:#00000080;border:2px solid #f44;border-radius:15px;height:30px;margin-bottom:10px;overflow:hidden;width:100%}.tow-progress-fill{background:linear-gradient(90deg,#f44,#fa0);box-shadow:0 0 20px #f44c;height:100%;transition:width .05s linear}.tow-progress-text{color:#0ff;font-size:1.2em;font-weight:700;text-align:center}.tow-message{color:#aaa;font-size:1em;font-style:italic;line-height:1.4;text-align:center}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@media (max-width:768px){.tow-title{font-size:1.5em}.tow-subtitle{font-size:1em}.tow-scene{height:150px}.tow-ship{font-size:2em}.towed-ship{font-size:1.8em}}.emergency-fuel-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.emergency-fuel-modal{animation:emergencyPulse 2s ease-in-out infinite;background:#140000f2;border:3px solid #f44;border-radius:8px;box-shadow:0 0 30px #ff444480;max-width:700px;padding:24px;width:90%}@keyframes emergencyPulse{0%,to{box-shadow:0 0 30px #ff444480}50%{box-shadow:0 0 50px #f44c}}.emergency-header{align-items:center;border-bottom:2px solid #ff44444d;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.emergency-icon{animation:shake .5s ease-in-out infinite;font-size:32px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.emergency-header h2{color:#f44;flex:1 1;font-family:Orbitron,sans-serif;font-size:20px;font-weight:900;letter-spacing:2px;text-shadow:0 0 10px #ff444480}.close-btn{font-size:24px;padding:4px 8px;transition:all .2s ease}.close-btn:hover{text-shadow:0 0 10px #f44}.emergency-warning{background:#ff44441a;border-left:4px solid #f44;color:#fa0;font-family:Rajdhani,sans-serif;font-size:14px;margin-bottom:20px;padding:12px}.emergency-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.emergency-option{background:#00142880;border:2px solid #0ff;border-radius:6px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s ease}.emergency-option:hover:not(.disabled){background:#001428cc;box-shadow:0 0 15px #00ffff4d;transform:translateX(4px)}.emergency-option.selected{background:#00ff881a;border-color:#0f8;box-shadow:0 0 20px #0f86}.emergency-option.disabled{border-color:#666;cursor:not-allowed;opacity:.4}.option-icon{flex-shrink:0;font-size:40px}.option-content{flex:1 1}.option-content h3{color:#0ff;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;margin-bottom:4px}.option-content p{color:#aaa;font-family:Rajdhani,sans-serif;font-size:13px;margin-bottom:12px}.option-details{display:flex;flex-direction:column;gap:6px}.detail-row{color:#ccc;font-family:Rajdhani,sans-serif;font-size:12px}.detail-row .highlight{color:#0f8;font-weight:700}.detail-row .cost{color:#fa0;font-weight:700}.error-message{color:#f44;font-size:12px;font-style:italic}.emergency-actions{display:flex;gap:12px;justify-content:flex-end}.emergency-btn{border:2px solid;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.emergency-btn.cancel{background:#64646433;border-color:#666;color:#ccc}.emergency-btn.cancel:hover:not(:disabled){background:#64646466;border-color:#999}.emergency-btn.confirm{background:#0f83;border-color:#0f8;color:#0f8}.emergency-btn.confirm:hover:not(:disabled){background:#00ff884d;box-shadow:0 0 15px #00ff8880}.emergency-btn:disabled{cursor:not-allowed;opacity:.3}.universal-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1500}.universal-modal-overlay.fading{animation:fadeOut .3s ease}.universal-modal{background:#001428fa;border:2px solid #0ff;border-radius:8px;box-shadow:0 0 30px #00ffff4d;display:flex;flex-direction:column;overflow:hidden}.universal-modal-header{align-items:center;background:#00142880;border-bottom:2px solid #00ffff4d;display:flex;justify-content:space-between;padding:20px}.modal-title-section{flex:1 1}.modal-title{color:#0ff;font-family:Orbitron,sans-serif;font-size:24px;font-weight:900;letter-spacing:2px;margin:0;text-shadow:0 0 10px #00ffff80}.modal-subtitle{color:#aaa;font-family:Rajdhani,sans-serif;font-size:14px;margin-top:4px}.modal-close-btn{background:none;border:none;color:#f44;cursor:pointer;font-size:28px;padding:4px 12px;transition:all .2s ease}.modal-close-btn:hover{color:#fff;text-shadow:0 0 10px #f44}.universal-modal-tabs{background:#0014284d;border-bottom:2px solid #00ffff4d;display:flex;gap:4px;padding:12px 20px 0}.modal-tab{align-items:center;background:#00142880;border:1px solid #00ffff4d;border-bottom:none;border-radius:6px 6px 0 0;color:#0ff;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;gap:8px;letter-spacing:1px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease}.modal-tab:hover{background:#001428cc;box-shadow:0 0 10px #0ff3}.modal-tab.active{background:#00ffff1a;border-color:#0ff;box-shadow:0 0 15px #00ffff4d;color:#0f8}.tab-icon{font-size:16px}.tab-label{font-size:12px}.universal-modal-content{flex:1 1;overflow-y:auto;padding:20px}.universal-modal-footer{background:#00142880;border-top:2px solid #00ffff4d;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.compact-system-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428cc;border:2px solid #0ff6;border-radius:8px;display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:15px}.compact-header{display:flex;flex:0 0 auto;flex-direction:column;gap:8px;position:relative}.compact-title{color:#0ff;font-family:Orbitron,sans-serif;font-size:1em;letter-spacing:2px;text-align:center;text-shadow:0 0 10px #00ffff80}.compact-alert-button-container{animation:slideInFromRight .5s ease-out;position:absolute;right:0;top:0}.overall-health-compact{display:flex;flex-direction:column;gap:5px}.health-label{align-items:center;color:#0ff;display:flex;font-family:Rajdhani,sans-serif;font-size:.85em;justify-content:space-between;letter-spacing:1px}.health-status-badge{animation:fadeIn .3s ease-out;border-radius:4px;font-size:.9em;font-weight:700;letter-spacing:.5px;padding:2px 8px}.health-status-badge.optimal{background:#0f83;border:1px solid #0f86;color:#0f8;text-shadow:0 0 5px #00ff8880}.health-status-badge.damaged{background:#fa03;border:1px solid #fa06;color:#fa0;text-shadow:0 0 5px #ffaa0080}.health-status-badge.critical{animation:pulse 1.5s ease-in-out infinite;background:#f443;border:1px solid #f446;color:#f44;text-shadow:0 0 5px #ff444480}.health-bar-compact{background:#00000080;border:2px solid #00ffff4d;border-radius:12px;height:24px;overflow:hidden;position:relative}.health-fill-compact{border-radius:10px;height:100%;transition:width .5s ease,background .3s ease}.health-text-compact{color:#fff;font-family:Orbitron,sans-serif;font-size:.9em;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #000c;top:50%;transform:translate(-50%,-50%);z-index:10}.compact-ship-container{align-items:center;background:radial-gradient(ellipse at center,#00ffff0d 0,#0000 70%);border-radius:8px;display:flex;flex:1 1 auto;height:260px;justify-content:center;min-height:260px;overflow:hidden;position:relative}.system-pills{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:6px;justify-content:center}.system-pill{align-items:center;border:2px solid;border-radius:12px;display:flex;font-family:Rajdhani,sans-serif;font-size:.85em;gap:6px;padding:6px 10px;transition:all .3s ease}.system-pill:hover{box-shadow:0 0 10px currentColor;transform:scale(1.05)}.pill-icon{font-size:1.1em}.pill-name{color:#fff;font-weight:600;letter-spacing:.5px}.pill-health{font-weight:700;min-width:35px;text-align:right}.compact-actions{display:flex;flex:0 0 auto;gap:8px}.compact-maximize-button,.compact-repair-button{border:2px solid;border-radius:6px;cursor:pointer;flex:1 1;font-family:Orbitron,sans-serif;font-size:.9em;font-weight:700;letter-spacing:1px;padding:10px;transition:all .3s ease}.compact-repair-button{background:linear-gradient(135deg,#0f83,#00c86433);border-color:#0f8;color:#0f8;text-shadow:0 0 5px #00ff8880}.compact-repair-button:hover:not(:disabled){background:linear-gradient(135deg,#00ff884d,#00c8644d);box-shadow:0 0 15px #00ff8880;transform:scale(1.02)}.compact-repair-button:active:not(:disabled){transform:scale(.98)}.compact-maximize-button{background:linear-gradient(135deg,#0ff3,#00c8ff33);border-color:#0ff;color:#0ff;text-shadow:0 0 5px #00ffff80}.compact-maximize-button:hover{background:linear-gradient(135deg,#00ffff4d,#00c8ff4d);box-shadow:0 0 15px #00ffff80;transform:scale(1.02)}.compact-maximize-button:active{transform:scale(.98)}@media (max-width:768px){.compact-system-status{gap:8px;padding:10px}.compact-ship-container{height:200px;min-height:200px}.system-pills{gap:4px}.system-pill{font-size:.75em;padding:4px 8px}.compact-actions{flex-direction:column}.compact-maximize-button,.compact-repair-button{font-size:.85em;padding:8px}}.ship-naming-content{display:flex;flex-direction:column;gap:24px;padding:20px}.ship-naming-current{background:#00ffff0d;border:1px solid #0ff3;border-radius:8px;padding:16px;text-align:center}.ship-naming-label{color:#0ff;font-family:Rajdhani,sans-serif;font-size:14px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.ship-naming-current-name{color:#fff;font-family:Orbitron,monospace;font-size:24px;font-weight:700;text-shadow:0 0 10px #00ffff80}.ship-naming-input-group{display:flex;flex-direction:column;gap:8px}.ship-naming-input{background:#001428cc;border:2px solid #00ffff4d;border-radius:6px;color:#fff;font-family:Orbitron,monospace;font-size:18px;padding:12px 16px;transition:all .3s ease;width:100%}.ship-naming-input:focus{border-color:#0ff;box-shadow:0 0 20px #00ffff4d;outline:none}.ship-naming-char-count{color:#888;font-family:Rajdhani,sans-serif;font-size:12px;text-align:right}.ship-naming-suggestions{align-items:center;display:flex;flex-direction:column;gap:12px}.ship-naming-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}@media (max-width:768px){.ship-naming-content{gap:20px;padding:16px}.ship-naming-current-name{font-size:20px}.ship-naming-input{font-size:16px;padding:10px 14px}.ship-naming-buttons{flex-direction:column}.ship-naming-buttons button{width:100%}}.ship-management-screen .tab-content{min-height:400px;padding:20px}.overview-tab{display:flex;flex-direction:column;gap:20px}.overview-top-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:300px 1fr}@media (max-width:768px){.overview-top-section{grid-template-columns:1fr}}.quick-stats-left{background:#00142899;border:1px solid #0ff;border-radius:8px;padding:20px}.quick-stats-left h3{color:#0ff;font-family:Orbitron,sans-serif;margin-bottom:15px}.stats-column{display:flex;flex-direction:column;gap:15px}.ship-status-container{background:#00142899;border:1px solid #0ff;border-radius:8px;padding:20px}.ship-status-container .compact-maximize-button{display:none}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-value{font-size:18px}.clickable-ship-name{cursor:pointer;transition:all .3s ease}.clickable-ship-name:hover{color:#0f8;text-shadow:0 0 10px #0f89;transform:translateX(2px)}.captains-log-tab h3{color:#0ff;font-family:Orbitron,sans-serif;margin-bottom:10px}.tab-description{color:#8cf;font-size:14px;margin-bottom:20px}.log-entry-form{background:#00142899;border:1px solid #0ff;border-radius:8px;margin-bottom:20px;padding:20px}.log-textarea{background:#00000080;border:1px solid #0ff;border-radius:4px;color:#0ff;font-family:Rajdhani,sans-serif;font-size:16px;margin-bottom:10px;min-height:100px;padding:10px;resize:vertical;width:100%}.log-textarea::placeholder{color:#8cf;opacity:.6}.log-textarea:focus{border-color:#0f8;box-shadow:0 0 10px #00ff884d;outline:none}.log-form-actions{align-items:center;display:flex;justify-content:space-between}.log-location{color:#8cf;font-size:14px}.log-submit-button{background:linear-gradient(135deg,#0ff,#08f);border:none;border-radius:4px;color:#000;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:700;padding:10px 20px;transition:all .3s ease}.log-submit-button:hover:not(:disabled){box-shadow:0 0 15px #0ff9;transform:translateY(-2px)}.log-submit-button:disabled{background:#00ffff4d;cursor:not-allowed}.log-entries-list{display:flex;flex-direction:column;gap:15px}.empty-log{color:#8cf;line-height:1.8;padding:40px;text-align:center}.log-entry-card{background:#00142899;border:1px solid #0ff;border-radius:8px;padding:15px;transition:all .3s ease}.log-entry-card:hover{border-color:#0f8;box-shadow:0 0 15px #0f83}.log-entry-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.log-entry-meta{display:flex;flex-direction:column;gap:5px}.log-entry-date{color:#0ff;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700}.log-entry-location{color:#8cf;font-size:12px}.log-delete-button{background:#f443;border:1px solid #f44;border-radius:4px;color:#f44;cursor:pointer;font-size:14px;height:24px;line-height:1;transition:all .3s ease;width:24px}.log-delete-button:hover{background:#f446;box-shadow:0 0 10px #f446}.log-entry-text{word-wrap:break-word;color:#0ff;line-height:1.6;white-space:pre-wrap}.repairs-section{background:#00142899;border:1px solid #0ff;border-radius:8px;padding:20px}.repairs-section h3{color:#0ff;font-family:Orbitron,sans-serif;margin-bottom:10px}.repair-description{color:#8cf;font-size:14px;margin-bottom:20px}.repairs-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.repair-card{background:#00142899;border:1px solid #0ff;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:15px}.repair-header{align-items:center;color:#0ff;display:flex;font-family:Orbitron,sans-serif;gap:10px}.repair-icon{font-size:24px}.repair-name{font-size:14px}.repair-status{align-items:center;display:flex;gap:10px}.status-bar{background:#00000080;border:1px solid #0ff;border-radius:10px;flex:1 1;height:20px;overflow:hidden;position:relative}.status-fill{border:1px solid #ffffff4d;height:100%;min-width:2px;transition:width .3s ease,background-color .3s ease}.status-value{font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700}.repair-button{background:linear-gradient(135deg,#0f8,#0c6);border:none;border-radius:4px;color:#000;font-family:Orbitron,sans-serif;padding:8px}.repair-button:hover:not(:disabled){box-shadow:0 0 15px #0f89}.repair-button:disabled{background:#00ff884d}.history-tab h3{color:#0ff;margin-bottom:10px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#00142899;border:1px solid #0ff;padding:20px;text-align:center}.stat-card:hover{box-shadow:0 0 20px #0ff6;transform:translateY(-5px)}.stat-icon{font-size:32px;margin-bottom:10px}.stat-value{font-size:28px;margin-bottom:5px}.achievements-section{margin-top:30px}.achievements-section h4{color:#0ff;font-family:Orbitron,sans-serif;margin-bottom:15px}.achievements-list{display:flex;flex-direction:column;gap:10px}.achievement-card{align-items:center;background:#00142899;border:1px solid #0ff;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.achievement-card.unlocked{background:#00ff881a;border-color:#0f8}.achievement-card.locked{border-color:#666;opacity:.5}.achievement-icon{font-size:32px;text-align:center;width:40px}.achievement-info{flex:1 1}.achievement-name{color:#0ff;margin-bottom:5px}.achievement-card.unlocked .achievement-name{color:#0f8}.achievement-desc{color:#8cf;font-size:14px}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirm-modal-container{animation:slideIn .3s ease;background:linear-gradient(135deg,#001428fa,#001e3cfa);border:2px solid #0ff;border-radius:8px;box-shadow:0 0 30px #00ffff80;max-width:500px;width:90%}.confirm-modal-header{border-bottom:1px solid #00ffff4d;padding:20px}.confirm-modal-header h2{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.5rem;margin:0;text-shadow:0 0 10px #0ffc;text-transform:uppercase}.confirm-modal-body{padding:30px 20px}.confirm-modal-body p{color:#fff;font-family:Rajdhani,sans-serif;font-size:1.1rem;line-height:1.6;margin:0;white-space:pre-line}.confirm-modal-actions{border-top:1px solid #00ffff4d;display:flex;gap:15px;justify-content:flex-end;padding:20px}.confirm-modal-btn{border:2px solid;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;min-width:120px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.confirm-modal-cancel{background:#0000;border-color:#666;color:#999}.confirm-modal-cancel:hover{border-color:#999;box-shadow:0 0 10px #99999980;color:#fff}.confirm-modal-confirm{background:#00ffff1a;border-color:#0ff;color:#0ff}.confirm-modal-confirm:hover{background:#0ff3;box-shadow:0 0 20px #0ffc}.toast{align-items:center;animation:toastSlideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428fa;border:2px solid;border-radius:8px;box-shadow:0 4px 20px #00000080;cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:1em;font-weight:600;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;transition:all .3s ease;z-index:100000}.toast:hover{box-shadow:0 6px 25px #0009;transform:translateY(-2px)}.toast-top-right{right:20px;top:20px}.toast-top-center{left:50%;top:20px;transform:translateX(-50%)}.toast-bottom-right{bottom:20px;right:20px}.toast-bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.toast-success{border-color:#0f8;box-shadow:0 4px 20px #00ff884d;color:#0f8}.toast-success .toast-icon{color:#0f8;text-shadow:0 0 10px #0f8c}.toast-error{border-color:#f44;box-shadow:0 4px 20px #ff44444d;color:#f44}.toast-error .toast-icon{color:#f44;text-shadow:0 0 10px #f44c}.toast-warning{border-color:#fa0;box-shadow:0 4px 20px #ffaa004d;color:#fa0}.toast-warning .toast-icon{color:#fa0;text-shadow:0 0 10px #fa0c}.toast-info{border-color:#0ff;box-shadow:0 4px 20px #00ffff4d;color:#0ff}.toast-info .toast-icon{color:#0ff;text-shadow:0 0 10px #0ffc}.toast-icon{filter:drop-shadow(0 0 8px currentColor);font-size:1.5em;font-weight:700;min-width:24px;text-align:center}.toast-message{color:#fff;flex:1 1;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:1.5em;font-weight:700;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.toast-close:hover{background:#ffffff1a;color:#fff}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideInCenter{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.toast-bottom-center,.toast-top-center{animation:toastSlideInCenter .3s ease-out}.toast-exit{animation:toastSlideOut .3s ease-out forwards}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-bottom-center.toast-exit,.toast-top-center.toast-exit{animation:toastSlideOutCenter .3s ease-out forwards}@keyframes toastSlideOutCenter{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}@media (max-width:768px){.toast{max-width:calc(100vw - 40px);min-width:280px;right:20px!important}.toast,.toast-bottom-center,.toast-top-center{left:20px!important;transform:none!important}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}}.crew-training-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.crew-training-modal{background:linear-gradient(135deg,#001428fa,#00283cfa);border:2px solid #0ff;border-radius:12px;box-shadow:0 0 40px #0ff6;max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:90%}.training-header{border-bottom:1px solid #0ff;padding:20px;position:relative}.training-header h2{color:#0ff;font-family:Orbitron,sans-serif;margin:0 0 5px}.training-subtitle{color:#8cf;font-size:14px;margin:0}.close-button{background:#f443;border:1px solid #f44;font-size:18px;height:32px;position:absolute;right:20px;top:20px;width:32px}.close-button:hover{background:#f446;box-shadow:0 0 10px #f449}.active-training-banner{background:linear-gradient(135deg,#00ff881a,#00ffff1a);border:1px solid #0f8;border-radius:8px;margin:20px;padding:15px}.banner-content{align-items:center;display:flex;gap:15px}.banner-icon{font-size:32px}.banner-text{flex:1 1}.banner-text strong{color:#0f8;display:block;margin-bottom:8px}.progress-bar-container{background:#00000080;border-radius:4px;height:8px;margin:5px 0;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#0f8,#0ff);height:100%;transition:width .3s ease}.progress-text{color:#8cf;font-size:12px}.training-programs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:20px}.training-card{background:#00142899;border:1px solid #0ff;border-radius:8px;padding:15px;transition:all .3s ease}.training-card:hover:not(.locked){border-color:#0f8;box-shadow:0 0 15px #00ff884d;transform:translateY(-2px)}.training-card.locked{border-color:#666;opacity:.5}.training-card.completed{background:#00ff880d;border-color:#0f8}.training-card-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.training-icon{font-size:24px}.training-card-header h3{color:#0ff;flex:1 1;font-family:Orbitron,sans-serif;font-size:16px;margin:0}.completed-badge{color:#0f8;font-size:20px}.training-description{color:#8cf;font-size:13px;line-height:1.4;margin-bottom:15px}.training-details{margin-bottom:15px}.detail-row{display:flex;font-size:13px;justify-content:space-between;margin-bottom:5px}.detail-value.insufficient{color:#f44}.training-bonuses{background:#00ffff0d;border:1px solid #0ff3;border-radius:4px;margin-bottom:15px;padding:10px}.training-bonuses strong{color:#0ff;display:block;font-size:12px;margin-bottom:5px}.training-bonuses ul{color:#8cf;font-size:12px;margin:0;padding-left:20px}.training-bonuses li{margin-bottom:3px}.enroll-button{background:linear-gradient(135deg,#0ff,#08f);border:none;border-radius:4px;color:#000;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:700;padding:10px;transition:all .3s ease;width:100%}.enroll-button:hover:not(:disabled){box-shadow:0 0 15px #0ff9;transform:translateY(-2px)}.enroll-button:disabled{background:#0ff3;color:#666;cursor:not-allowed}.crew-detail-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.crew-detail-modal{background:linear-gradient(135deg,#001428fa,#00283cfa);border:2px solid #0ff;border-radius:12px;box-shadow:0 0 40px #0ff6;display:flex;flex-direction:column;max-height:85vh;max-width:1000px;width:90%}.crew-detail-modal-header{align-items:center;border-bottom:2px solid #00ffff4d;display:flex;justify-content:space-between;padding:20px 25px}.crew-detail-modal-header h2{color:#0ff;font-family:Orbitron,sans-serif;font-size:24px;margin:0;text-shadow:0 0 10px #00ffff80}.crew-detail-close{background:none;border:2px solid #f44;border-radius:50%;color:#f44;cursor:pointer;font-size:24px;height:40px;transition:all .3s ease;width:40px}.crew-detail-close:hover{background:#f443;box-shadow:0 0 15px #ff444480}.crew-detail-tabs{background:#0000004d;border-bottom:2px solid #0ff3;display:flex;gap:10px;padding:15px 25px}.crew-detail-tab{background:#00ffff1a;border:2px solid #00ffff4d;border-radius:6px;color:#0ff;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;padding:10px 20px;transition:all .3s ease}.crew-detail-tab:hover{background:#0ff3;box-shadow:0 0 10px #00ffff4d}.crew-detail-tab.active{background:#00ffff4d;border-color:#0ff;box-shadow:0 0 15px #00ffff80}.crew-detail-tab.fire-tab{background:#ff44441a;border-color:#ff44444d;color:#f44;margin-left:auto}.crew-detail-tab.fire-tab:hover{background:#f443;box-shadow:0 0 10px #f446}.crew-detail-body{flex:1 1;overflow-y:auto;padding:25px}.crew-detail-content{height:100%}.crew-detail-columns{grid-gap:25px;display:grid;gap:25px;grid-template-columns:350px 1fr;height:100%}.crew-detail-left{display:flex;flex-direction:column;gap:20px}.crew-backstory-card,.crew-goals-card,.crew-species-card,.crew-stats-card{background:#00ffff0d;border:2px solid #00ffff4d;border-radius:8px;padding:20px}.crew-species-card{align-items:center;display:flex;flex-direction:column;gap:15px}.crew-modal-portrait{background:#00000080;border:3px solid #0ff;border-radius:50%;box-shadow:0 0 20px #0ff6;height:120px;object-fit:contain;padding:10px;width:120px}.crew-species-details{text-align:center;width:100%}.crew-species-details h4{color:#0ff;font-family:Orbitron,sans-serif;font-size:20px;margin:0 0 10px}.crew-species-details p{color:#8cf;font-size:14px;margin:5px 0}.crew-backstory-card h4,.crew-goals-card h4,.crew-stats-card h4{color:#0ff;font-family:Orbitron,sans-serif;font-size:16px;margin:0 0 15px;text-align:center}.stat-row{border-bottom:1px solid #00ffff1a;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.xp-section{border-top:2px solid #0ff3;margin-top:15px;padding-top:15px}.xp-label{color:#8cf;font-size:12px;margin-bottom:8px}.xp-bar{background:#00000080;border:1px solid #00ffff4d;border-radius:10px;height:20px;margin-bottom:5px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#0ff,#0f8);box-shadow:0 0 10px #00ffff80;height:100%;transition:width .3s ease}.xp-text{color:#0ff;font-size:12px;text-align:center}.crew-detail-right{display:flex;flex-direction:column;gap:20px;overflow-y:auto}.backstory-title{color:#0ff;font-size:16px;font-weight:600;gap:10px;margin-bottom:10px}.backstory-summary{color:#8cf;font-size:14px;line-height:1.6;margin-bottom:15px}.backstory-revealed{background:#00ffff1a;border-left:3px solid #0ff;border-radius:4px;padding:15px}.backstory-quote{color:#0f8;line-height:1.6;margin-bottom:10px}.backstory-date{color:#8cf;font-size:12px;text-align:right}.backstory-locked{background:#ffaa001a;border:1px solid #ffaa004d;color:#fa0;font-size:14px;gap:10px;padding:15px}.goals-list{gap:15px}.goal-item{background:#0000004d;border:2px solid #0ff3;padding:15px}.goal-item.completed{background:#00ff880d;border-color:#00ff8880}.goal-header{gap:10px;margin-bottom:8px}.goal-icon{font-size:20px}.goal-title{color:#0ff;font-size:15px;font-weight:600}.goal-description{color:#8cf;font-size:13px;line-height:1.5;margin-bottom:10px}.goal-progress-bar{background:#00000080;border:1px solid #00ffff4d;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.goal-progress-fill{background:linear-gradient(90deg,#0ff,#0f8);height:100%;transition:width .3s ease}.goal-progress-text{color:#0ff;font-size:12px;white-space:nowrap}.no-goals{color:#8cf}.coming-soon{padding:60px 20px;text-align:center}.coming-soon h3{color:#0ff;font-family:Orbitron,sans-serif;margin-bottom:15px}.coming-soon p{color:#8cf;font-size:16px}.relationships-container{padding:20px}.relationships-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.relationships-header h3{color:#0ff;font-family:Orbitron,sans-serif;margin:0}.header-actions{display:flex;gap:10px}.event-button,.team-building-button{background:linear-gradient(135deg,#0f83,#0ff3);border:2px solid #0f8;border-radius:6px;color:#0f8;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.event-button{background:linear-gradient(135deg,#0ff3,#08f3);border-color:#0ff;color:#0ff}.event-button:hover,.team-building-button:hover{background:linear-gradient(135deg,#00ff884d,#00ffff4d);box-shadow:0 0 15px #00ff8880;transform:translateY(-2px)}.event-button:hover{box-shadow:0 0 15px #00ffff80}.action-result{animation:slideDown .3s ease;border-radius:6px;font-size:14px;font-weight:600;margin-bottom:20px;padding:15px;text-align:center}.action-result.success{background:#0f83;border:2px solid #0f8;color:#0f8}.action-result.warning{background:#fa03;border:2px solid #fa0;color:#fa0}.action-result.info{background:#0ff3;border:2px solid #0ff;color:#0ff}.team-dynamics-card{background:#00ffff0d;border:2px solid #00ffff4d;border-radius:8px;margin-bottom:20px;padding:20px}.team-dynamics-card h4{color:#0ff;font-family:Orbitron,sans-serif;font-size:16px;margin:0 0 15px;text-align:center}.dynamics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.dynamics-stat{background:#0000004d;border:1px solid #0ff3;border-radius:6px;display:flex;flex-direction:column;gap:5px;padding:10px}.dynamics-label{color:#8cf;font-size:12px;font-weight:500}.dynamics-value{color:#0ff;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700}.relationship-grid{display:flex;flex-direction:column;gap:15px}.relationship-row{align-items:center;background:#00ffff0d;border:2px solid #0ff3;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.relationship-row:hover{background:#00ffff1a;border-color:#0ff6}.relationship-crew-info{flex:0 0 150px}.relationship-name{color:#0ff;font-size:16px;font-weight:600;margin-bottom:4px}.relationship-role{color:#8cf;font-size:13px}.relationship-score-container{align-items:center;display:flex;flex:1 1;gap:15px;margin:0 15px}.relationship-bar{background:#00000080;border:1px solid #00ffff4d;border-radius:12px;flex:1 1;height:24px;overflow:hidden}.relationship-fill{box-shadow:0 0 10px currentColor;height:100%;transition:width .3s ease,background .3s ease}.relationship-label{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;min-width:120px;text-align:right}.relationship-actions{display:flex;flex:0 0 auto;gap:8px}.action-button{background:#00ffff1a;border:2px solid #00ffff4d;border-radius:6px;color:#0ff;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.action-button:hover{background:#0ff3;box-shadow:0 0 10px #0ff6;transform:translateY(-2px)}.action-button.mediate{border-color:#ffaa0080;color:#fa0}.action-button.mediate:hover{background:#fa03;box-shadow:0 0 10px #fa06}.action-button.counsel{border-color:#00ff8880;color:#0f8}.action-button.counsel:hover{background:#0f83;box-shadow:0 0 10px #0f86}.no-relationships{color:#8cf;font-style:italic;padding:40px;text-align:center}.crew-roster-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.crew-roster-modal-overlay.fading{animation:fadeOut .3s ease}.crew-roster-modal{background:#001428fa;border:3px solid #0ff;border-radius:12px;box-shadow:0 0 40px #00ffff80;display:flex;flex-direction:column;font-family:Rajdhani,sans-serif;max-height:90vh;max-width:1200px;width:90vw}.crew-roster-header{align-items:center;border-bottom:2px solid #00ffff4d;display:flex;justify-content:space-between;padding:20px 30px}.crew-roster-header h2{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.8em;margin:0;text-shadow:0 0 10px #0ffc}.close-button{background:#0000;border:2px solid #f44;color:#f44;font-family:Orbitron,sans-serif;font-size:1.5em}.close-button:hover{background:#f44;box-shadow:0 0 15px #f44c;color:#000}.crew-stats-overview{grid-gap:15px;border-bottom:2px solid #00ffff4d;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);padding:20px 30px}.stat-card{align-items:center;background:#001e3c99;border:2px solid #00ffff4d;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.stat-card:hover{border-color:#0ff9;box-shadow:0 0 15px #00ffff4d}.stat-icon{font-size:2em}.stat-info{flex:1 1}.stat-value{font-size:1.5em}.overall-morale{border-bottom:2px solid #00ffff4d;padding:20px 30px}.morale-label{color:#8cf;font-size:1em;font-weight:600;margin-bottom:10px}.morale-bar{background:#00000080;border:1px solid #00ffff4d;border-radius:12px;height:24px;overflow:hidden;position:relative}.morale-fill{border-radius:12px;height:100%;transition:width .3s ease}.active-bonuses{border-bottom:2px solid #00ffff4d;padding:20px 30px}.active-bonuses h3{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.2em;margin:0 0 15px;text-shadow:0 0 10px #0ffc}.bonus-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bonus-item{align-items:center;background:#00ff881a;border:1px solid #00ff884d;border-radius:6px;display:flex;gap:10px;padding:10px 15px}.bonus-icon{font-size:1.2em}.bonus-text{color:#0f8;font-weight:600}.crew-list-container{flex:1 1;overflow-y:auto;padding:20px 30px}.crew-list-container h3{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.2em;margin:0 0 15px;text-shadow:0 0 10px #0ffc}.crew-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.crew-member-card{background:#001e3c99;border:2px solid #00ffff4d;border-radius:8px;padding:15px}.crew-member-card:hover{border-color:#0ff9;box-shadow:0 0 15px #00ffff4d}.crew-member-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.crew-member-icon{font-size:2em}.crew-member-info{flex:1 1}.crew-member-name{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.1em;font-weight:700}.crew-member-role{font-size:.9em;font-weight:600}.crew-member-experience{font-size:.9em}.crew-member-stats{display:flex;flex-direction:column;gap:10px}.crew-stat{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:60px 1fr 50px}.crew-stat-label{color:#8cf;font-size:.9em}.crew-stat-bar{background:#00000080;border:1px solid #00ffff4d;border-radius:6px;height:12px;overflow:hidden}.crew-stat-fill{border-radius:6px;height:100%;transition:width .3s ease}.crew-stat-value{font-size:.9em;font-weight:700;text-align:right}.crew-injured-badge{background:#f443;border:1px solid #f44;border-radius:4px;color:#f44;font-size:.85em;font-weight:700;padding:5px 10px;text-align:center}.crew-roster-footer{border-top:2px solid #00ffff4d;display:flex;justify-content:center;padding:20px 30px}.close-modal-button{background:linear-gradient(135deg,#0ff,#08f);border:2px solid #0ff;border-radius:8px;box-shadow:0 0 10px #00ffff80;color:#000;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;padding:12px 40px;text-transform:uppercase;transition:all .3s ease}.close-modal-button:hover{background:linear-gradient(135deg,#0ff,#0af);box-shadow:0 0 20px #0ffc;transform:translateY(-2px)}.crew-list-container::-webkit-scrollbar{width:10px}.crew-list-container::-webkit-scrollbar-track{background:#00142880;border-radius:5px}.crew-list-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#08f);border-radius:5px;box-shadow:0 0 10px #00ffff80}.crew-list-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ff,#0af)}.crew-goals-section{border-top:1px solid #00ffff4d;margin-top:15px;padding-top:15px}.crew-goals-section h4{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.1em;margin:0 0 10px;text-align:center}.goals-list{display:flex;flex-direction:column;gap:8px}.goal-item{background:#00ffff0d;border:1px solid #0ff3;border-radius:6px;padding:10px}.goal-item.completed{background:#00ff881a;border-color:#00ff884d}.goal-header{align-items:center;display:flex;gap:8px;margin-bottom:5px}.goal-icon{font-size:1.2em}.goal-name{color:#fff;flex:1 1;font-weight:700}.goal-status{border-radius:3px;font-size:.8em;font-weight:700;padding:2px 6px}.goal-status.active{background:#0ff3;color:#0ff}.goal-status.completed{background:#0f83;color:#0f8}.goal-description{color:#ccc;font-size:.9em;margin-bottom:8px}.goal-progress{align-items:center;display:flex;gap:10px}.progress-bar{background:#0000004d;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:#fff;font-size:.8em;min-width:50px;text-align:right}.goal-reward{color:#0f8;font-size:.8em;font-weight:700;margin-top:5px;text-align:center}.no-goals{color:#888;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.crew-stats-overview{grid-template-columns:repeat(2,1fr)}.bonus-grid,.crew-list{grid-template-columns:1fr}}.crew-member-card.selected{background:#00ffff1a;border-color:#0ff;box-shadow:0 0 20px #0ff6}.crew-member-card{cursor:pointer;transition:all .3s ease}.crew-member-card:hover{box-shadow:0 4px 15px #00ffff4d;transform:translateY(-2px)}.crew-detail-panel{background:#00283c99;border:2px solid #0ff;border-radius:8px;margin:20px 30px;padding:20px}.crew-accordion-item{margin-bottom:10px}.crew-expand-icon{color:#0ff;font-size:14px;margin-left:auto}.crew-detail-accordion{animation:slideDown .3s ease;background:#00283ccc;border:2px solid #0ff;border-radius:0 0 8px 8px;border-top:none;padding:20px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.crew-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.crew-detail-header h4{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.2em;margin:0}.close-details-button{background:#f443;border:1px solid #f44;border-radius:3px;color:#f44;cursor:pointer;font-family:Orbitron,sans-serif;font-size:16px;padding:5px 10px;transition:all .3s ease}.close-details-button:hover{background:#f446;box-shadow:0 0 10px #ff444480}.crew-detail-panel h3{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.4em;margin:0 0 15px;text-align:center}.crew-detail-info{margin-bottom:15px}.crew-detail-info p{color:#8cf;font-size:1.1em;margin:8px 0}.crew-detail-info strong{color:#0ff}.crew-detail-actions{display:flex;gap:10px;justify-content:center}.fire-button,.train-button{border:2px solid;border-radius:6px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s ease}.train-button{background:linear-gradient(135deg,#0f8,#0c6);border-color:#0f8;color:#001a0a}.train-button:hover:not(:disabled){box-shadow:0 0 20px #0f89;transform:scale(1.05)}.train-button:disabled{cursor:not-allowed;opacity:.5}.fire-button{background:linear-gradient(135deg,#f44,#c00);border-color:#f44;color:#fff}.fire-button:hover{box-shadow:0 0 20px #f449;transform:scale(1.05)}.footer-note{color:#8cf;font-size:.9em;font-style:italic}.crew-backstory-section{background:#0028504d;border:1px solid #0ff3;border-radius:8px;margin:15px 0;padding:15px}.crew-backstory-section h4{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.1em;margin:0 0 10px;text-shadow:0 0 5px #00ffff80}.backstory-content{display:flex;flex-direction:column;gap:10px}.backstory-title{align-items:center;color:#8cf;display:flex;font-weight:700;gap:8px}.backstory-icon{font-size:1.2em}.backstory-name{font-size:1.1em}.backstory-summary{color:#acf;font-style:italic;padding-left:20px}.backstory-details{background:#003c7833;border-left:3px solid #0ff;border-radius:4px;margin-top:10px;padding:10px}.backstory-quote{color:#cdf;font-style:italic;line-height:1.4;margin-bottom:8px}.backstory-revealed-date{color:#8ac;font-size:.8em;text-align:right}.backstory-locked{align-items:center;background:#0003;border-radius:4px;color:#666;display:flex;font-style:italic;gap:8px;padding:10px}.lock-icon{font-size:1.1em}.unlock-hint{font-size:.9em}.crew-species-section{background:#00ffff0d;border:1px solid #0ff3;border-radius:8px;display:flex;gap:15px;margin-bottom:15px;padding:15px}.crew-detail-portrait{background:#00000080;border:3px solid #0ff;border-radius:50%;flex-shrink:0;height:80px;object-fit:contain;padding:8px;width:80px}.crew-species-info{flex:1 1}.crew-species-info p{font-size:14px;margin:5px 0}.crew-relationship-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.crew-relationship-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #0f8;border-radius:12px;box-shadow:0 0 30px #00ff884d;display:flex;flex-direction:column;height:80vh;max-height:700px;max-width:1000px;width:90vw}.crew-relationship-header{align-items:center;background:#00ff881a;border-bottom:1px solid #0f8;display:flex;justify-content:space-between;padding:20px}.crew-relationship-header h2{color:#0f8;font-size:1.5rem;margin:0;text-shadow:0 0 10px #00ff8880}.close-btn{border:1px solid #f44;border-radius:6px;color:#f44;font-size:1.2rem;padding:8px 12px;transition:all .3s ease}.close-btn:hover{background:#f44;box-shadow:0 0 10px #ff444480;color:#fff}.crew-relationship-body{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 300px;overflow:hidden;padding:20px}.relationship-graph{display:flex;flex-direction:column}.graph-title{color:#0f8;font-size:1.2rem;margin-bottom:15px;text-align:center}.graph-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:300px;position:relative}.center-node{position:absolute;z-index:10}.crew-node{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-width:80px;padding:10px;transition:all .3s ease}.main-crew{background:linear-gradient(135deg,#0f8,#08f);border:2px solid #0f8;box-shadow:0 0 20px #00ff8880;color:#fff}.other-crew{background:#ffffff1a;border:2px solid #888;color:#fff;position:absolute;transform-origin:center}.other-crew:hover{background:#fff3;box-shadow:0 0 15px #00ff884d;transform:translate(var(--x),var(--y)) scale(1.1)}.crew-icon{font-size:1.5rem;margin-bottom:5px}.crew-name{font-size:.8rem;text-align:center}.relationship-score{font-size:.7rem;margin-top:2px;opacity:.8}.relationship-line{border-top:2px solid;height:2px;position:absolute;transform-origin:left center;transition:all .3s ease;z-index:1}.relationship-nodes{position:relative}.relationship-list{display:flex;flex-direction:column;overflow-y:auto}.list-title{color:#0f8;font-size:1.1rem;margin-bottom:15px;text-align:center}.relationship-item{background:#ffffff0d;border:1px solid #444;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:12px;transition:all .3s ease}.relationship-item:hover{background:#00ff881a;border-color:#0f8}.relationship-item.selected{background:#0f83;border-color:#0f8;box-shadow:0 0 10px #00ff884d}.relationship-crew{align-items:center;display:flex;gap:8px}.relationship-crew .crew-name{color:#fff;font-weight:700}.relationship-status{align-items:center;display:flex;font-size:.9rem;gap:8px}.status-text{font-weight:700}.relationship-score{align-items:center;display:flex;gap:8px}.score-bar{background:#fff3;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.score-fill{border-radius:3px;height:100%;transition:all .3s ease}.score-text{color:#fff;font-size:.8rem;min-width:30px;text-align:right}.relationship-details{background:#00ff881a;border:1px solid #0f8;border-radius:8px;grid-column:1/-1;margin-top:20px;padding:15px}.details-title{color:#0f8;font-size:1.1rem;margin-bottom:15px;text-align:center}.relationship-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.summary-item{align-items:center;display:flex;flex-direction:column;gap:5px}.summary-label{color:#888;font-size:.9rem}.summary-value{color:#fff;font-weight:700}.interaction-history{display:flex;flex-direction:column}.history-title{color:#0f8;font-size:1rem;margin-bottom:10px}.history-timeline{max-height:200px;overflow-y:auto}.history-item{grid-gap:10px;align-items:center;border-bottom:1px solid #333;display:grid;gap:10px;grid-template-columns:120px 1fr 50px;padding:8px}.history-time{color:#888;font-size:.8rem}.history-interaction{color:#fff;font-size:.9rem}.history-change{font-weight:700;text-align:right}.no-history{color:#888;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.crew-relationship-modal{height:90vh;width:95vw}.crew-relationship-body{grid-template-rows:300px 1fr}.crew-relationship-body,.relationship-summary{grid-template-columns:1fr}.history-item{font-size:.8rem;grid-template-columns:100px 1fr 40px}}.recreation-panel{background:#001428e6;border:1px solid #0ff;border-radius:8px;color:#fff;margin:16px 0;padding:16px}.panel-header{align-items:center;border-bottom:1px solid #0ff;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.panel-header h3{color:#0ff;font-size:18px;margin:0}.bonuses{color:#0f8;font-size:12px}.active-section,.activity-section,.facilities-section{margin-bottom:16px}.active-section h4,.activity-section h4,.facilities-section h4{color:#0ff;font-size:14px;margin:0 0 8px}.no-facilities{color:#888;font-style:italic;padding:16px;text-align:center}.facilities-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.facility-card{align-items:center;background:#00ffff1a;border:1px solid #00ffff4d;border-radius:4px;display:flex;padding:8px}.facility-icon{font-size:24px;margin-right:8px}.facility-info{flex:1 1}.facility-name{color:#fff;font-size:14px;font-weight:700}.facility-bonus{color:#0f8;font-size:12px}.activity-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.activity-select,.crew-select{background:#001428cc;border:1px solid #0ff;border-radius:4px;color:#fff;font-size:12px;min-width:150px;padding:6px 8px}.activity-select:disabled,.crew-select:disabled{cursor:not-allowed;opacity:.5}.start-button{background:linear-gradient(135deg,#0f8,#0ff);border:none;border-radius:4px;color:#000;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:all .2s}.start-button:hover:not(:disabled){box-shadow:0 2px 8px #00ffff4d;transform:translateY(-1px)}.start-button:disabled{background:#666;color:#999;cursor:not-allowed}.activities-list{display:flex;flex-direction:column;gap:4px}.activity-item{align-items:center;background:#00ff881a;border:1px solid #00ff884d;border-radius:4px;display:flex;font-size:12px;justify-content:space-between;padding:6px 8px}.crew-name{color:#fff;font-weight:700}.activity-name{color:#0ff;text-transform:capitalize}.time-left{color:#0f8;font-weight:700}.minigames-section{background:#00ff880d;border:1px solid #0f8;border-radius:8px;margin-bottom:16px;padding:12px}.minigames-section h4{color:#0f8;font-size:14px;margin:0 0 12px}.minigame-buttons{display:flex;flex-wrap:wrap;gap:8px}.poker-button{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:4px;padding:10px 16px;transition:all .3s ease}.poker-button:hover:not(:disabled){background:linear-gradient(135deg,#357abd,#2968a3);transform:translateY(-1px)}.poker-button:disabled{background:#666;cursor:not-allowed;opacity:.6}.disabled-text{color:#ccc;font-size:10px;font-weight:400}@media (max-width:768px){.activity-controls{align-items:stretch;flex-direction:column}.activity-select,.crew-select,.start-button{width:100%}.facilities-grid{grid-template-columns:1fr}}.crew-training-overview{color:#0ff;padding:20px}.academy-header{background:linear-gradient(135deg,#001428cc,#00283ccc);border:2px solid #0ff;border-radius:12px;margin-bottom:30px;padding:20px;text-align:center}.academy-header h3{color:#0ff;font-family:Orbitron,sans-serif;font-size:24px;margin:0 0 5px;text-shadow:0 0 15px #0ffc}.academy-motto{color:#8cf;font-size:14px;font-style:italic;margin:0 0 20px}.academy-stats{display:flex;gap:40px;justify-content:center}.academy-stat{align-items:center;display:flex;flex-direction:column}.stat-number{color:#0f8;font-family:Orbitron,sans-serif;font-size:32px;font-weight:700}.stat-label{letter-spacing:1px}.academy-section{margin-bottom:30px}.academy-section h4{border-bottom:2px solid #00ffff4d;color:#0ff;font-family:Orbitron,sans-serif;font-size:18px;margin-bottom:15px;padding-bottom:10px}.class-roster{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.class-card{background:#00ff880d;border:2px solid #0f8;border-radius:8px;padding:15px}.class-header{align-items:center;border-bottom:1px solid #00ff884d;display:flex;gap:10px;margin-bottom:15px;padding-bottom:10px}.class-icon{font-size:28px}.class-info{flex:1 1}.class-name{color:#0f8;font-size:14px;font-weight:700}.class-instructor{color:#8cf;font-size:11px}.class-student{align-items:center;background:#0000004d;border-radius:4px;display:flex;gap:10px;margin-bottom:10px;padding:8px}.student-icon{font-size:20px}.student-name{color:#0ff;flex:1 1;font-weight:600}.student-rank{color:#8cf;font-size:11px}.class-progress .progress-bar{background:#00000080;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden}.class-progress .progress-fill{background:linear-gradient(90deg,#0f8,#0ff);height:100%;transition:width .3s ease}.progress-label{color:#8cf;font-size:11px}.course-catalog{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.course-card{background:#00142899;border:2px solid #0ff;border-radius:8px;padding:20px;transition:all .3s ease}.course-card:hover{border-color:#0f8;box-shadow:0 0 20px #00ff884d;transform:translateY(-2px)}.course-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.course-icon{font-size:36px}.course-title{flex:1 1}.course-name{color:#0ff;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700}.course-code{color:#8cf;font-family:Courier New,monospace;font-size:11px;letter-spacing:1px}.course-description{border-bottom:1px solid #0ff3;color:#8cf;font-size:13px;line-height:1.5;margin-bottom:15px;padding-bottom:15px}.course-details{background:#0000004d;border-radius:4px;display:flex;justify-content:space-around;margin-bottom:15px;padding:10px}.detail-item{align-items:center;color:#0ff;display:flex;font-size:12px;gap:5px}.detail-icon{font-size:14px}.course-enrollment{margin-top:15px}.enrollment-stats{display:flex;justify-content:space-between;margin-bottom:10px}.enrollment-item{align-items:center;display:flex;font-size:11px;gap:5px}.enrollment-item.graduated{color:#0f8}.enrollment-item.enrolled{color:#fa0}.enrollment-item.available{color:#666}.enrollment-icon{font-size:12px}.graduation-rate{margin-top:10px}.rate-bar{background:#00000080;border-radius:3px;height:6px;margin-bottom:5px;overflow:hidden}.rate-fill{background:linear-gradient(90deg,#0f8,#0ff);height:100%;transition:width .3s ease}.rate-text{color:#8cf;font-size:11px}.academy-notice{background:#00142866;border:1px dashed #00ffff4d;border-radius:8px;color:#8cf;line-height:1.8;padding:40px;text-align:center}.crew-training-overview.embedded{padding:10px}.cargo-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cargo-modal-overlay.fading{animation:fadeOut .3s ease}.cargo-modal{background:#001428fa;border:3px solid #0ff;border-radius:12px;box-shadow:0 0 40px #00ffff80;display:flex;flex-direction:column;font-family:Rajdhani,sans-serif;max-height:90vh;max-width:1200px;overflow:hidden;width:90vw}.cargo-header{align-items:center;border-bottom:2px solid #00ffff4d;display:flex;justify-content:space-between;padding:20px 30px}.cargo-header h2{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.8em;margin:0;text-shadow:0 0 10px #0ffc}.cargo-overview{grid-gap:15px;border-bottom:2px solid #00ffff4d;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);padding:20px 30px}.overview-card{align-items:center;background:#001e3c99;border:2px solid #00ffff4d;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.overview-card:hover{border-color:#0ff9;box-shadow:0 0 15px #00ffff4d}.overview-icon{font-size:2em}.overview-info{flex:1 1}.overview-label{color:#8cf;font-size:.8em;margin-bottom:5px}.overview-value{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.5em;font-weight:700}.rationing-control{align-items:center;border-bottom:2px solid #00ffff4d;display:flex;flex-direction:column;gap:10px;padding:20px 30px}.rationing-button{background:linear-gradient(135deg,#0ff,#08f);border:2px solid #0ff;border-radius:8px;box-shadow:0 0 10px #00ffff80;color:#000;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1em;font-weight:700;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.rationing-button:hover{background:linear-gradient(135deg,#0ff,#0af);box-shadow:0 0 20px #0ffc;transform:translateY(-2px)}.rationing-button.active{background:linear-gradient(135deg,#fa0,#f80);border-color:#fa0;box-shadow:0 0 10px #ffaa0080}.rationing-button.active:hover{background:linear-gradient(135deg,#fa0,#fa0);box-shadow:0 0 20px #fa0c}.rationing-info{color:#8cf;font-size:.9em;text-align:center}.resources-container{flex:1 1;overflow-y:auto;padding:20px 30px}.resources-container h3{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.2em;margin:0 0 15px;text-shadow:0 0 10px #0ffc}.resources-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.resource-card{background:#001e3c99;border:2px solid #00ffff4d;border-radius:8px;padding:15px;transition:all .3s ease}.resource-card:hover{border-color:#0ff9;box-shadow:0 0 15px #00ffff4d;transform:translateY(-2px)}.resource-header{gap:12px;margin-bottom:12px}.resource-icon{font-size:2em}.resource-info{flex:1 1}.resource-name{font-size:1em;font-weight:700}.resource-status{font-size:.85em;font-weight:600}.resource-amount{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.3em;font-weight:700}.resource-bar{border-radius:8px;height:16px;margin-bottom:12px}.resource-fill{border-radius:8px;height:100%;transition:width .3s ease}.resource-details{display:flex;flex-direction:column;gap:6px}.resource-detail{display:flex;font-size:.9em;justify-content:space-between}.detail-label{color:#8cf}.detail-value{color:#0ff;font-weight:700}.trade-goods-container{border-top:2px solid #00ffff4d;padding:20px 30px}.trade-goods-container h3{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.2em;margin:0 0 15px;text-shadow:0 0 10px #0ffc}.trade-goods-placeholder{align-items:center;background:#001e3c66;border:2px dashed #00ffff4d;border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:40px}.placeholder-icon{font-size:3em;opacity:.5}.placeholder-text{color:#8cf;font-size:1.1em;text-align:center}.cargo-footer{border-top:2px solid #00ffff4d;display:flex;justify-content:center;padding:20px 30px}.resources-container::-webkit-scrollbar{width:10px}.resources-container::-webkit-scrollbar-track{background:#00142880;border-radius:5px}.resources-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#08f);border-radius:5px;box-shadow:0 0 10px #00ffff80}.resources-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ff,#0af)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.cargo-overview,.resources-grid{grid-template-columns:1fr}}.cargo-tab{display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:auto;padding:15px}.cargo-section{background:#001e3c66;border:1px solid #00ffff4d;border-radius:8px;padding:15px}.cargo-section-title{border-bottom:1px solid #00ffff4d;color:#0ff;font-family:Orbitron,sans-serif;font-size:1.1em;font-weight:700;letter-spacing:2px;margin-bottom:15px;padding-bottom:10px;text-align:center;text-shadow:0 0 10px #0ff9;text-transform:uppercase}.resources-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.resources-grid{grid-template-columns:1fr}}.resource-item{background:#00142899;border:1px solid #0ff3;border-radius:6px;padding:12px;transition:all .3s ease}.resource-item:hover{background:#001e3ccc;border-color:#00ffff80;box-shadow:0 0 15px #0ff3}.resource-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.resource-icon{filter:drop-shadow(0 0 5px rgba(0,255,255,.5));font-size:1.5em}.resource-name{color:#0ff;flex:1 1;font-family:Orbitron,sans-serif;font-size:.95em}.resource-name,.resource-warning{font-weight:600;letter-spacing:1px;text-transform:uppercase}.resource-warning{animation:pulse 2s ease-in-out infinite;font-family:Rajdhani,sans-serif;font-size:.8em}.resource-bar-container{align-items:center;display:flex;gap:10px;margin-bottom:8px}.resource-bar{background:#00000080;border:1px solid #00ffff4d;border-radius:10px;flex:1 1;height:20px;overflow:hidden;position:relative}.resource-bar-fill{border-radius:10px;height:100%;transition:width .5s ease,background .3s ease}.resource-amount{color:#8cf;font-family:Rajdhani,sans-serif;font-size:.9em;font-weight:600;min-width:60px;text-align:right}.resource-info{display:flex;gap:10px;justify-content:space-between}.resource-stat{display:flex;flex-direction:column;gap:2px}.stat-label{color:#8cf;font-size:.75em;letter-spacing:.5px}.stat-value{color:#0ff}.rationing-notice,.stat-value{font-size:.9em;font-weight:600}.rationing-notice{background:#ffaa001a;border:1px solid #fa06;border-radius:6px;color:#fa0;font-family:Rajdhani,sans-serif;letter-spacing:1px;margin-top:15px;padding:10px;text-align:center;text-transform:uppercase}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{filter:grayscale(100%);font-size:3em;margin-bottom:15px;opacity:.6}.empty-text{font-size:1.1em;margin-bottom:8px}.empty-hint{color:#48a;font-family:Rajdhani,sans-serif;font-size:.9em;font-style:italic}.cargo-footer{background:#001e3c66;border:1px solid #00ffff4d;border-radius:8px;margin-top:auto;padding:12px 15px}.cargo-capacity{align-items:center;display:flex;justify-content:space-between}.capacity-label{color:#0ff;font-family:Orbitron,sans-serif;font-size:.9em;font-weight:600;letter-spacing:1px;text-transform:uppercase}.capacity-value{color:#8cf;font-family:Rajdhani,sans-serif;font-size:1.1em;font-weight:600}.cargo-tab::-webkit-scrollbar{width:8px}.cargo-tab::-webkit-scrollbar-track{background:#00142880;border-radius:4px}.cargo-tab::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#08f);border-radius:4px;box-shadow:0 0 5px #00ffff4d}.cargo-tab::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ff,#0af)}.trade-goods-list{display:flex;flex-direction:column;gap:8px;padding:8px}.trade-good-item{align-items:center;background:#00ffff0d;border:1px solid #0ff3;border-radius:4px;display:flex;font-family:Rajdhani,sans-serif;gap:12px;padding:8px 12px}.trade-good-icon{font-size:24px;min-width:32px;text-align:center}.trade-good-name{color:#0ff;flex:1 1;font-size:14px;font-weight:500}.trade-good-quantity{color:#0f8;font-size:16px;font-weight:600;min-width:40px;text-align:right}.cargo-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.cargo-sort{align-items:center;display:flex;font-size:14px;gap:8px}.cargo-sort,.cargo-sort select{color:#0ff;font-family:Rajdhani,sans-serif}.cargo-sort select{background:#00ffff1a;border:1px solid #0ff;border-radius:3px;cursor:pointer;padding:4px 8px}.portfolio-summary{grid-gap:15px;background:#00ffff0d;border:1px solid #0ff3;border-radius:5px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:15px;padding:15px}.summary-stat{align-items:center;display:flex;flex-direction:column;gap:5px}.summary-stat .stat-label{color:#00ffffb3;font-family:Rajdhani,sans-serif;font-size:12px;text-transform:uppercase}.summary-stat .stat-value{color:#0ff;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700}.summary-stat .stat-value.profit{color:#0f8}.summary-stat .stat-value.loss{color:#f44}.trade-good-values{display:flex;font-size:12px;gap:15px;margin-top:5px}.value-item{color:#00ffffb3}.profit-indicator{font-weight:700}.profit-indicator.profit{color:#0f8}.profit-indicator.loss{color:#f44}.missions-tab{display:flex;flex-direction:column;gap:15px;height:100%}.missions-tab-header{align-items:center;border-bottom:2px solid #00ffff4d;display:flex;justify-content:space-between;padding-bottom:10px}.missions-tab-title{color:#0ff;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;letter-spacing:2px}.missions-tab-content{flex:1 1;overflow:hidden}.missions-empty{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;padding:40px 20px}.missions-empty-icon{font-size:64px;opacity:.3}.missions-empty-text{color:#8cf;font-family:Orbitron,sans-serif;font-size:18px;opacity:.8}.missions-empty-hint{color:#8cf;font-family:Rajdhani,sans-serif;font-size:14px;max-width:300px;opacity:.6;text-align:center}.missions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1.5fr;height:100%}.missions-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:5px}.mission-item{background:#001e3c66;border:2px solid #00ffff4d;border-radius:6px;cursor:pointer;padding:12px;transition:all .3s ease}.mission-item:hover{background:#00285099;border-color:#0ff;box-shadow:0 0 10px #00ffff4d}.mission-item.selected{background:#003264b3;border-color:#0ff;box-shadow:0 0 15px #00ffff80}.mission-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.mission-item-title{color:#0ff;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700}.mission-item-time{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700}.mission-item-type{color:#8cf;font-family:Rajdhani,sans-serif;font-size:11px;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.mission-item-reward{color:gold;font-family:Rajdhani,sans-serif;font-size:12px}.missions-details{background:#00142866;border:2px solid #00ffff4d;border-radius:6px;display:flex;flex-direction:column;gap:15px;overflow-y:auto;padding:15px}.missions-details-header{align-items:center;border-bottom:2px solid #00ffff4d;display:flex;justify-content:space-between;padding-bottom:10px}.missions-details-title{color:#0ff;font-family:Orbitron,sans-serif;font-size:16px;font-weight:900}.missions-details-difficulty{background:#0000004d;border:1px solid;border-radius:4px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;padding:3px 10px}.missions-details-description{background:#00ffff0d;border-left:2px solid #0ff;border-radius:4px;color:#8cf;font-family:Rajdhani,sans-serif;font-size:14px;line-height:1.5;padding:10px}.missions-details-objectives{background:#001e3c66;border:1px solid #00ffff4d;border-radius:4px;padding:10px}.objectives-title{color:#0ff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:8px}.objective-item{align-items:flex-start;color:#8cf;display:flex;font-family:Rajdhani,sans-serif;font-size:13px;gap:8px;padding:5px 0}.objective-bullet{color:#0ff;font-weight:700}.missions-details-info{display:flex;flex-direction:column;gap:8px}.info-row{background:#001e3c66;border-radius:4px;display:flex;font-family:Rajdhani,sans-serif;font-size:13px;justify-content:space-between;padding:6px 10px}.info-label{color:#8cf}.info-value{color:#0ff;font-weight:700}.missions-details-actions{border-top:2px solid #00ffff4d;display:flex;justify-content:center;margin-top:auto;padding-top:10px}.missions-details-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:15px;justify-content:center}.empty-icon{font-size:48px;opacity:.3}.empty-text{color:#8cf;font-family:Rajdhani,sans-serif;font-size:14px;opacity:.6}.missions-details::-webkit-scrollbar,.missions-list::-webkit-scrollbar{width:6px}.missions-details::-webkit-scrollbar-track,.missions-list::-webkit-scrollbar-track{background:#00142880;border-radius:3px}.missions-details::-webkit-scrollbar-thumb,.missions-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#08f);border-radius:3px}.mini-chart{display:block;overflow:visible}.mini-chart.animate .mini-chart-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 1s ease-out forwards}.mini-chart.animate .mini-chart-area{animation:fadeIn .5s ease-out .5s forwards;opacity:0}.mini-chart.animate .mini-chart-dot{animation:fadeIn .3s ease-out .8s forwards;opacity:0}.mini-chart-empty{align-items:center;background:#00ffff0d;border:1px dashed #0ff3;border-radius:4px;display:flex;justify-content:center}.mini-chart-empty:after{color:#00ffff4d;content:"No data";font-family:Rajdhani,sans-serif;font-size:10px}@keyframes drawLine{to{stroke-dashoffset:0}}.diplomacy-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.diplomacy-modal{background:linear-gradient(135deg,#012,#000814);border:2px solid #0ff;border-radius:12px;box-shadow:0 0 40px #00ffff80;display:flex;flex-direction:column;max-height:80vh;max-width:700px;padding:24px;width:90%}.diplomacy-header{align-items:center;border-bottom:1px solid #0ff3;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.diplomacy-alien-info{align-items:center;display:flex;gap:16px}.diplomacy-alien-icon{filter:drop-shadow(0 0 10px rgba(0,255,255,.5));font-size:48px}.diplomacy-header h2{color:#0ff;font-family:Orbitron,monospace;font-size:24px;margin:0 0 4px;text-shadow:0 0 10px #00ffff80}.diplomacy-reputation{color:#888;font-family:Rajdhani,sans-serif;font-size:14px}.diplomacy-close{background:none;border:2px solid #f44;border-radius:50%;color:#f44;cursor:pointer;flex-shrink:0;font-size:24px;height:40px;transition:all .3s ease;width:40px}.diplomacy-close:hover{background:#f44;box-shadow:0 0 20px #f449;color:#000}.diplomacy-content{gap:20px;overflow:hidden}.dialogue-history,.diplomacy-content{display:flex;flex:1 1;flex-direction:column}.dialogue-history{background:#00142880;border:1px solid #0ff3;border-radius:8px;gap:12px;max-height:300px;overflow-y:auto;padding:16px}.dialogue-message{animation:slideIn .3s ease;border-radius:8px;padding:12px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.alien-message{align-self:flex-start;background:#00ffff1a;border-left:3px solid #0ff;max-width:80%}.player-message{align-self:flex-end;background:#00ff881a;border-right:3px solid #0f8;max-width:80%}.dialogue-speaker{color:#0ff;display:block;font-family:Orbitron,monospace;font-size:12px;font-weight:700;margin-bottom:4px}.player-message .dialogue-speaker{color:#0f8}.dialogue-text{color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;line-height:1.5}.dialogue-options{display:flex;flex-direction:column;gap:12px}.dialogue-option{align-items:center;background:#00ffff0d;border:2px solid #00ffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:16px;justify-content:space-between;padding:16px;text-align:left;transition:all .3s ease}.dialogue-option:hover:not(.disabled){background:#00ffff26;border-color:#0ff;box-shadow:0 0 20px #00ffff4d;transform:translateX(4px)}.dialogue-option.disabled{border-color:#ff44444d;cursor:not-allowed;opacity:.5}.option-text{flex:1 1}.option-cost{color:#fa0;font-family:Orbitron,monospace;font-size:14px;margin-left:12px}.option-locked{color:#f44;font-size:12px;margin-left:12px}.diplomacy-outcome{animation:scaleIn .3s ease;background:#00ff881a;border:2px solid #0f8;border-radius:8px;padding:24px;text-align:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.outcome-message{color:#0f8;font-family:Orbitron,monospace;font-size:20px;margin-bottom:20px;text-shadow:0 0 10px #00ff8880}.outcome-continue{background:linear-gradient(135deg,#0ff,#08a);border:none;border-radius:8px;color:#000;cursor:pointer;font-family:Orbitron,monospace;font-size:16px;font-weight:700;padding:12px 32px;transition:all .3s ease}.outcome-continue:hover{box-shadow:0 0 30px #0ffc;transform:scale(1.05)}@media (max-width:768px){.diplomacy-modal{max-height:90vh;padding:16px;width:95%}.diplomacy-alien-icon{font-size:36px}.diplomacy-header h2{font-size:20px}.dialogue-history{max-height:200px}.dialogue-message{max-width:90%}.dialogue-option{align-items:flex-start;flex-direction:column;gap:8px}.option-cost,.option-locked{margin-left:0}}.quick-ref-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.quick-ref-modal{background:linear-gradient(135deg,#012,#000814);border:2px solid #0ff;border-radius:12px;box-shadow:0 0 40px #00ffff80;max-height:85vh;max-width:800px;overflow-y:auto;padding:24px;width:90%}.quick-ref-header{align-items:center;border-bottom:1px solid #0ff3;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.quick-ref-header h2{color:#0ff;font-family:Orbitron,monospace;font-size:28px;margin:0;text-shadow:0 0 20px #0ffc}.quick-ref-close{background:none;border:2px solid #f44;border-radius:50%;color:#f44;cursor:pointer;font-size:24px;height:40px;transition:all .3s ease;width:40px}.quick-ref-close:hover{background:#f44;box-shadow:0 0 20px #f449;color:#000}.quick-ref-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.shortcut-section{background:#00ffff0d;border:1px solid #0ff3;border-radius:8px;padding:16px}.shortcut-section h3{color:#0ff;font-family:Orbitron,monospace;font-size:18px;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.shortcut-list{display:flex;flex-direction:column;gap:8px}.shortcut-item{align-items:center;background:#00142880;border-radius:4px;display:flex;gap:12px;padding:8px}.shortcut-key{background:linear-gradient(135deg,#0ff,#08a);border-radius:4px;box-shadow:0 2px 4px #0000004d;color:#000;font-family:Orbitron,monospace;font-size:14px;font-weight:700;min-width:50px;padding:4px 12px;text-align:center}.shortcut-action{color:#fff;font-family:Rajdhani,sans-serif;font-size:16px}.quick-ref-tips{background:#00ff880d;border:1px solid #0f83;border-radius:8px;grid-column:1/-1;padding:16px}.quick-ref-tips h3{color:#0f8;font-family:Orbitron,monospace;font-size:18px;margin:0 0 12px}.quick-ref-tips ul{margin:0;padding-left:20px}.quick-ref-tips li{color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;line-height:1.5;margin-bottom:8px}.quick-ref-footer{border-top:1px solid #0ff3;padding-top:16px;text-align:center}.quick-ref-print{background:linear-gradient(135deg,#0ff,#08a);border:none;border-radius:8px;color:#000;cursor:pointer;font-family:Orbitron,monospace;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.quick-ref-print:hover{box-shadow:0 0 30px #0ffc;transform:scale(1.05)}@media print{.quick-ref-overlay{background:#fff}.quick-ref-modal{background:#fff;border:2px solid #000;box-shadow:none;max-height:none}.quick-ref-header h2,.quick-ref-tips h3,.shortcut-section h3{color:#000;text-shadow:none}.quick-ref-tips li,.shortcut-action{color:#000}.quick-ref-close,.quick-ref-footer{display:none}}@media (max-width:768px){.quick-ref-content{grid-template-columns:1fr}.quick-ref-header h2{font-size:20px}.shortcut-key{font-size:12px;min-width:40px}}.ship-computer-overlay{align-items:center;animation:scFadeIn .2s ease;background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes scFadeIn{0%{opacity:0}to{opacity:1}}.ship-computer-modal{background:#000814f7;border:1px solid #0ff;box-shadow:0 0 40px #00ffff4d,inset 0 0 40px #00ffff08;display:flex;flex-direction:column;font-family:Rajdhani,sans-serif;height:600px;max-height:90vh;max-width:95vw;width:680px}.sc-header{background:#00ffff0d;border-bottom:1px solid #00ffff4d;gap:12px;padding:12px 16px}.sc-header,.sc-title{align-items:center;display:flex}.sc-title{color:#0ff;flex:1 1;font-family:Orbitron,sans-serif;font-size:14px;gap:8px;letter-spacing:2px}.sc-icon{font-size:18px}.sc-kb-toggle{display:flex;gap:4px}.sc-kb-btn{background:#0000;border:1px solid #00ffff4d;color:#00ffff80;cursor:pointer;font-family:Orbitron,sans-serif;font-size:9px;letter-spacing:1px;padding:4px 10px;transition:all .2s}.sc-kb-btn.active,.sc-kb-btn:hover{border-color:#0ff;color:#0ff}.sc-kb-btn.active{background:#00ffff26}.sc-close{background:#0000;border:1px solid #f446;color:#f44;cursor:pointer;font-size:12px;height:28px;transition:all .2s;width:28px}.sc-close:hover{background:#f443;border-color:#f44}.sc-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px;scrollbar-color:#00ffff4d #0000;scrollbar-width:thin}.sc-message{align-items:flex-start;animation:scMsgIn .2s ease;display:flex;gap:10px}@keyframes scMsgIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sc-prefix{flex-shrink:0;font-size:14px;margin-top:2px}.sc-computer .sc-prefix{color:#0ff}.sc-user .sc-prefix{color:#f0f}.sc-text{font-size:14px;line-height:1.6;white-space:pre-wrap}.sc-computer .sc-text{color:#00ffffe6}.sc-user .sc-text{color:#ff00ffe6}.sc-loading .sc-text{color:#00ffff80}.sc-dots{animation:scDots 1.2s infinite}@keyframes scDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.sc-suggestions{border-top:1px solid #00ffff1a;display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px}.sc-suggestion{background:#0000;border:1px solid #0ff3;color:#0ff9;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:11px;padding:3px 10px;transition:all .2s;white-space:nowrap}.sc-suggestion:hover{background:#00ffff14;border-color:#0ff;color:#0ff}.sc-input-row{background:#00ffff08;border-top:1px solid #00ffff4d;display:flex;gap:8px;padding:12px 16px}.sc-input{background:#00ffff0d;border:1px solid #00ffff4d;color:#0ff;flex:1 1;font-family:Rajdhani,sans-serif;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.sc-input:focus{border-color:#0ff}.sc-input::placeholder{color:#00ffff4d}.sc-input:disabled{opacity:.5}.sc-send{background:#00ffff1a;border:1px solid #0ff;color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:11px;letter-spacing:1px;padding:8px 16px;transition:all .2s}.sc-send:hover:not(:disabled){background:#0ff3}.sc-send:disabled{cursor:not-allowed;opacity:.4}.more-tab{display:flex;flex-direction:column;height:100%;overflow:auto;padding:20px}.more-tab-header{margin-bottom:30px}.more-tab-header h2{color:#0ff;font-family:Orbitron,sans-serif;font-size:2rem;letter-spacing:2px;margin:0 0 10px;text-transform:uppercase}.more-tab-header p{color:#ffffffb3;font-family:Rajdhani,sans-serif;font-size:1.1rem;margin:0}.more-tab-content{display:flex;flex-direction:column;gap:30px}.more-section{background:#00142899;border:1px solid #00ffff4d;border-radius:12px;padding:20px}.section-title{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.2rem;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.section-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.more-button{align-items:center;background:#00283c99;border:1px solid #00ffff4d;border-radius:8px;color:#0ff;cursor:pointer;display:flex;flex-direction:column;font-family:Orbitron,sans-serif;gap:10px;padding:20px;transition:all .3s ease}.more-button:hover{background:#003c50cc;border-color:#0ff;box-shadow:0 0 20px #0ff6;transform:translateY(-2px)}.more-icon{font-size:2.5rem}.more-label{font-size:.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.main-tabbed-interface{background:#000a14f2;display:flex;flex-direction:column;height:100%;position:relative;width:100%;z-index:100}.main-tab-bar{background:linear-gradient(180deg,#001428f2,#000a14f2);border-bottom:2px solid #0ff;box-shadow:0 2px 10px #00ffff4d;gap:4px;padding:8px;z-index:200}.main-tab,.main-tab-bar{display:flex;position:relative}.main-tab{align-items:center;background:#00142899;border:1px solid #00ffff4d;border-radius:8px 8px 0 0;color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;gap:8px;letter-spacing:1px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.main-tab:hover{background:#00283ccc;border-color:#0ff;box-shadow:0 0 15px #0ff6;transform:translateY(-2px)}.main-tab.active{background:linear-gradient(135deg,#003c50f2,#00283cf2);border-color:#0ff #0ff #0000;box-shadow:0 0 20px #0ff9;color:#fff}.tab-icon{font-size:1.2rem}.tab-label{font-size:.9rem}.tab-hotkey{font-size:.7rem;margin-left:4px;opacity:.6}.main-tab.active .tab-hotkey{opacity:.8}.main-tab-content{flex:1 1;overflow:auto;padding:0;position:relative}.main-tab-content>*{height:100%;width:100%}@media (max-width:1200px){.tab-hotkey{display:none}.main-tab{gap:6px;padding:10px 14px}}@media (max-width:600px){.tab-label{display:none}.main-tab-bar{gap:2px;padding:4px}.main-tab{padding:8px 10px}}.crew-management-embedded,.ship-management-embedded,.trade-screen-embedded{display:flex;flex-direction:column;height:100%;padding:20px}.embedded-tabs{border-bottom:2px solid #00ffff4d;display:flex;gap:8px;margin-bottom:20px;padding-bottom:10px}.embedded-tab{background:#00283c99;border:1px solid #00ffff4d;border-radius:8px 8px 0 0;color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9rem;padding:10px 20px;transition:all .3s ease}.embedded-tab:hover{background:#003c50cc;border-color:#0ff}.embedded-tab.active{background:#005064e6;border-color:#0ff;color:#fff}.contextual-hint-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:10000}.contextual-hint-overlay.visible{opacity:1}.contextual-hint{align-items:center;animation:hintSlideIn .3s ease;background:linear-gradient(135deg,#001428f2,#00283cf2);border:2px solid #0ff;border-radius:12px;box-shadow:0 0 30px #00ffff80;display:flex;flex-direction:column;gap:1rem;max-width:500px;padding:2rem}@keyframes hintSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hint-icon{animation:hintPulse 2s ease infinite;font-size:3rem}@keyframes hintPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hint-content{text-align:center}.hint-title{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.5rem;letter-spacing:2px;margin:0 0 .5rem;text-transform:uppercase}.hint-message{color:#fff;font-family:Rajdhani,sans-serif;font-size:1.1rem;line-height:1.6;margin:0}.hint-dismiss{background:linear-gradient(135deg,#0ff,#0cc);border:none;border-radius:8px;box-shadow:0 0 15px #00ffff80;color:#001020;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.75rem 2rem;text-transform:uppercase;transition:all .3s ease}.hint-dismiss:hover{background:linear-gradient(135deg,#0ff,#0ee);box-shadow:0 0 25px #0ffc;transform:translateY(-2px)}.hint-dismiss:active{transform:translateY(0)}.system-status{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000f1ee6;border:2px solid #0ff6;border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%;z-index:110}.status-header{background:#001428cc;border-bottom:1px solid #00ffff4d;color:#0ff;font-size:1.1em;font-weight:900;letter-spacing:2px;padding:12px;text-align:center}.system-status-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px}.system-status-content::-webkit-scrollbar{width:10px}.system-status-content::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.system-status-content::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:5px}.system-status-content::-webkit-scrollbar-thumb:hover{background:#00ffffb3}.systems-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(2,1fr)}.system-card{background:#000a14cc;border:1px solid #00ffff4d;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;min-height:70px;padding:8px;position:relative;transition:all .3s ease}.system-card:hover{border-color:#0ff9;box-shadow:0 0 15px #0ff3}.system-card.critical{border-color:#f44;box-shadow:0 0 15px #ff44444d}.system-name{color:#0ff;font-size:.7em;font-weight:700;margin-bottom:4px;text-align:center}.system-metrics{align-items:center;display:flex;gap:6px;margin-bottom:4px}.metric-bar{background:#00000080;border:1px solid #00ffff4d;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.metric-fill{border-radius:4px;box-shadow:0 0 8px currentColor;height:100%;transition:width .5s ease,background-color .3s ease}.metric-value{color:#0ff;font-family:Orbitron,monospace;font-size:.65em;font-weight:700;min-width:28px;text-align:right}.system-status-text{font-family:Rajdhani,monospace;font-size:.65em;font-weight:600;margin-top:2px;text-align:center}.critical-indicator{background:#f44;border-radius:10px;box-shadow:0 0 10px #f44;color:#fff;font-size:.6em;font-weight:700;padding:2px 6px;position:absolute;right:-5px;top:-5px}.alert-panel{background:#000a14cc;border:1px solid #00ffff4d;border-radius:8px;display:flex;flex-direction:column;padding:12px}.alert-header{border-bottom:1px solid #ffff004d;color:#ff0;font-size:.9em;font-weight:700;margin-bottom:10px;padding-bottom:5px;text-align:center}.alert-list{display:flex;flex:1 1;flex-direction:column;gap:8px;max-height:120px;overflow-y:auto}.alert-item{align-items:center;border:1px solid;border-radius:4px;display:flex;font-size:.8em;gap:8px;padding:8px}.alert-item.critical{background:#ff44441a;border-color:#f44}.alert-item.warning{background:#ffaa001a;border-color:#fa0}.alert-icon{color:inherit;font-size:1.2em}.alert-content{flex:1 1}.alert-message{color:inherit;font-weight:600}.alert-time{color:#888;font-size:.7em;margin-top:2px}.no-alerts{align-items:center;color:#0f8;display:flex;flex-direction:column;height:100%;justify-content:center}.no-alerts-icon{font-size:2em;margin-bottom:10px}.no-alerts-text{font-size:.9em;font-weight:600}.diagnostic-panel{background:#000a14cc;border:1px solid #00ffff4d;border-radius:8px;display:flex;flex-direction:column;padding:12px}.diagnostic-header{border-bottom:1px solid #ff00ff4d;color:#f0f;font-size:.9em;font-weight:700;margin-bottom:10px;padding-bottom:5px;text-align:center}.diagnostic-grid{flex:1 1;gap:8px;margin-bottom:10px}.diagnostic-grid,.diagnostic-item{display:flex;flex-direction:column}.diagnostic-item{gap:4px}.diag-label{color:#888;font-size:.7em;font-weight:600}.diag-value{color:#0ff;font-family:Orbitron,monospace;font-size:.8em;font-weight:700}.diag-bar{background:#00000080;border:1px solid #00ffff4d;border-radius:3px;height:6px;overflow:hidden}.diag-fill{background:linear-gradient(90deg,#0ff,#f0f);border-radius:3px;box-shadow:0 0 6px #00ffff80;height:100%;transition:width .5s ease}.diagnostic-actions{display:flex;flex-direction:column;gap:5px}.diag-button{background:#001428cc;border:1px solid #ff00ff4d;border-radius:4px;color:#f0f;cursor:pointer;font-family:Rajdhani,monospace;font-size:.7em;font-weight:600;padding:6px 10px;transition:all .3s ease}.diag-button:hover{background:#ff00ff1a;box-shadow:0 0 10px #ff00ff4d}@media (max-width:1200px){.system-status{width:calc(100vw - 380px)}.status-content{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.systems-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}}@media (max-width:768px){.system-status{bottom:auto;height:auto;left:auto;margin:10px;position:relative;width:calc(100% - 20px)}.status-content{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.systems-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}.alert-panel,.diagnostic-panel{min-height:150px}}.system-status-modal-overlay{align-items:center;align-items:center!important;animation:modalFadeIn .5s ease-out!important;background:#000000e6;display:flex;display:flex!important;height:100vh!important;justify-content:center;justify-content:center!important;left:0!important;opacity:1!important;position:fixed!important;top:0!important;transition:opacity .5s ease-out!important;width:100vw!important;z-index:30000}.system-status-modal-overlay.fading{opacity:0!important}.system-status-modal{animation:modalSlideIn .5s ease-out!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000f1ef2;border:2px solid #0ff6;border-radius:10px;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;transform:scale(1)!important;transition:transform .5s ease-out,opacity .5s ease-out!important;width:90%}.system-status-modal-overlay.fading .system-status-modal{opacity:.5!important;transform:scale(.95)!important}.system-status-header{align-items:center;background:#001428cc;border-bottom:2px solid #00ffff4d;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 20px}.system-status-title{color:#0ff;font-size:1.1em;font-weight:900;letter-spacing:2px;text-shadow:0 0 10px #0ff}.system-status-close{background:#ff44444d;border:2px solid #f44;border-radius:6px;color:#f44;cursor:pointer;font-family:Orbitron,monospace;font-size:1em;font-weight:700;padding:8px 16px;text-shadow:0 0 10px #f44;transition:all .3s ease}.system-status-close:hover{background:#ff444480;box-shadow:0 0 20px #f449}.systems-grid{grid-gap:15px;gap:15px;grid-auto-rows:min-content;grid-template-columns:repeat(4,1fr)}@keyframes sparkle{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.3)}}@keyframes alertFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.overall-health-section{background:#001428cc;border:2px solid #0ff6;border-radius:8px;margin-bottom:20px;padding:15px}.overall-health-label{color:#0ff;font-size:.9em;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-align:center;text-shadow:0 0 10px #0ff}.overall-health-bar{background:#00000080;border:2px solid #00ffff4d;border-radius:15px;height:30px;margin-bottom:10px;overflow:hidden;width:100%}.overall-health-fill{box-shadow:0 0 20px currentColor;height:100%;transition:width .5s ease,background-color .5s ease}.overall-health-value{font-family:Orbitron,monospace;font-size:1.5em;font-weight:900;text-align:center;text-shadow:0 0 15px currentColor}.ship-visualization-container{align-items:center;background:radial-gradient(circle at center,#00285066,#000a14e6);border:2px solid #0ff6;border-radius:8px;box-shadow:inset 0 0 50px #00ffff1a;display:flex;height:300px;justify-content:center;margin-bottom:20px;overflow:hidden;padding:20px;position:relative}.ship-visualization-container:before{animation:starfield 60s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 33% 80%,#fff,#0000),radial-gradient(1px 1px at 15% 90%,#fff,#0000);background-position:0 0;background-size:200% 200%;content:"";height:100%;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%}@keyframes starfield{0%{background-position:0 0}to{background-position:100% 100%}}.systems-list{background:#001428cc;border:2px solid #0ff6;border-radius:8px;margin-bottom:20px;padding:15px}.systems-list-header{border-bottom:1px solid #00ffff4d;color:#0ff;font-size:.9em;font-weight:700;letter-spacing:1px;margin-bottom:15px;padding-bottom:10px;text-align:center;text-shadow:0 0 10px #0ff}.systems-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.system-item{background:#000f1e99;border:1px solid #00ffff4d;border-radius:6px;padding:10px;transition:all .3s ease}.system-item.repairable{cursor:pointer}.system-item.repairable:hover{background:#00ff8826;border-color:#0f8;box-shadow:0 0 15px #0f86;transform:translateY(-2px)}.system-item.damaged{background:#28000099;border-color:#f44;box-shadow:0 0 10px #ff44444d}.system-item.critical{animation:pulse 1s ease-in-out infinite}.system-item.highlighted{animation:highlightPulse 1s ease-in-out 3;background:#0ff3!important;border-color:#0ff!important;box-shadow:0 0 30px #0ff9!important}@keyframes highlightPulse{0%,to{box-shadow:0 0 30px #0ff9;transform:scale(1)}50%{box-shadow:0 0 50px #00ffffe6;transform:scale(1.05)}}.system-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.system-item-name{color:#0ff;font-size:.85em;font-weight:700;letter-spacing:.5px}.system-item-status{font-family:Rajdhani,monospace;font-size:.75em;font-weight:700}.system-item-bar{background:#00000080;border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden;width:100%}.system-item-fill{box-shadow:0 0 10px currentColor;height:100%;transition:width .5s ease,background-color .5s ease}.system-item-value{font-family:Rajdhani,monospace;font-size:.9em;font-weight:700;text-align:right}.system-item-footer{align-items:center;display:flex;justify-content:space-between}.system-repair-cost{background:#00ff8826;border:1px solid #00ff884d;border-radius:4px;color:#0f8;font-family:Rajdhani,monospace;font-size:.75em;font-weight:600;padding:2px 6px}.repair-section{align-items:center;background:#001428cc;border:2px solid #fa06;border-radius:8px;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;padding:15px}.repair-info{flex:1 1}.repair-label{color:#fa0;font-size:.9em;font-weight:700;letter-spacing:1px;margin-bottom:5px;text-shadow:0 0 10px #fa0}.repair-cost{color:#fff;font-family:Rajdhani,monospace;font-size:1.1em;font-weight:700}.repair-button{background:linear-gradient(135deg,#ffaa004d,#ff640033);border:2px solid #fa0;border-radius:8px;box-shadow:0 0 15px #ffaa004d;color:#fa0;cursor:pointer;font-family:Orbitron,monospace;font-size:1em;font-weight:700;padding:12px 24px;text-shadow:0 0 10px #fa0;transition:all .3s ease;white-space:nowrap}.repair-button:hover:not(:disabled){background:linear-gradient(135deg,#ffaa0080,#ff640066);box-shadow:0 0 25px #fa09;transform:translateY(-2px)}.repair-button:disabled{border-color:#666;box-shadow:none;color:#666;cursor:not-allowed;opacity:.5;text-shadow:none}.upgrades-section{background:#001428cc;border:2px solid #0f86;border-radius:8px;margin-bottom:20px;padding:15px}.upgrades-header{color:#0f8;font-size:.9em;font-weight:700;letter-spacing:1px;margin-bottom:15px;text-align:center;text-shadow:0 0 10px #0f8}.upgrades-list{display:flex;flex-direction:column;gap:10px}.upgrade-item{align-items:center;background:#00ff881a;border:1px solid #00ff884d;border-radius:6px;display:flex;gap:12px;padding:10px;transition:all .3s ease}.upgrade-item:hover{background:#00ff8826;border-color:#00ff8880;box-shadow:0 0 15px #00ff884d}.upgrade-icon{align-items:center;background:#0f83;border:1px solid #0f86;border-radius:50%;display:flex;font-size:1.5em;height:40px;justify-content:center;width:40px}.upgrade-info{flex:1 1}.upgrade-name{color:#fff;font-size:.95em;font-weight:700;margin-bottom:3px}.upgrade-category{color:#0f8;font-size:.8em;letter-spacing:.5px;text-transform:uppercase}.upgrade-status{background:#0f83;border:1px solid #0f86;border-radius:12px;color:#0f8;font-size:.85em;font-weight:700;padding:4px 12px;text-shadow:0 0 8px #0f8}.penalties-warning{background:#280000cc;border:2px solid #f446;border-radius:8px;padding:15px}.penalties-title{color:#f44;font-size:.9em;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-align:center;text-shadow:0 0 10px #f44}.penalties-list{display:flex;flex-direction:column;gap:6px}.penalty-item{color:#fa0;font-family:Rajdhani,monospace;font-size:.85em;font-weight:600}.repair-confirm-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:30002}.repair-confirm-modal{animation:modalSlideIn .3s ease-out;background:#001428f2;border:3px solid #0ff;border-radius:12px;box-shadow:0 0 50px #0ff9;max-width:500px;min-width:400px;padding:25px}.repair-confirm-header{border-bottom:2px solid #00ffff4d;margin-bottom:20px;padding-bottom:15px}.repair-confirm-title{color:#0ff;font-family:Orbitron,monospace;font-size:1.3em;font-weight:900;letter-spacing:2px;text-align:center;text-shadow:0 0 15px #0ffc}.repair-confirm-content{margin-bottom:25px}.repair-confirm-system{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:6px;color:#fff;font-family:Orbitron,monospace;font-size:1.1em;font-weight:700;margin-bottom:15px;padding:10px;text-align:center}.repair-confirm-cost{align-items:center;background:#ffaa0026;border:2px solid #fa0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:15px;padding:12px}.repair-cost-label{color:#fa0;font-family:Rajdhani,monospace;font-size:.9em;font-weight:600;letter-spacing:1px}.repair-cost-value{color:#fa0;font-family:Orbitron,monospace;font-size:1.3em;font-weight:900;text-shadow:0 0 10px #fa0c}.repair-confirm-message{color:#aaa;font-family:Rajdhani,monospace;font-size:1em;line-height:1.5;text-align:center}.repair-confirm-error{background:#ff444426;border:2px solid #f44;border-radius:8px;color:#f44;font-family:Orbitron,monospace;font-size:1.1em;font-weight:700;padding:15px;text-align:center;text-shadow:0 0 10px #f449}.repair-confirm-actions{display:flex;gap:12px}.repair-confirm-button{border:2px solid;border-radius:8px;cursor:pointer;flex:1 1;font-family:Orbitron,monospace;font-size:.95em;font-weight:700;letter-spacing:1px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.repair-confirm-button.confirm{background:linear-gradient(135deg,#00ff884d,#00c86433);border-color:#0f8;color:#0f8;text-shadow:0 0 10px #0f89}.repair-confirm-button.confirm:hover{background:linear-gradient(135deg,#00ff8880,#00c86466);box-shadow:0 0 20px #0f89;transform:translateY(-2px)}.repair-confirm-button.cancel{background:linear-gradient(135deg,#8888884d,#64646433);border-color:#888;color:#888}.repair-confirm-button.cancel:hover{background:linear-gradient(135deg,#88888880,#64646466);box-shadow:0 0 15px #8886;transform:translateY(-2px)}.repair-confirm-button:active{transform:translateY(0)}.system-status-modal .system-status-header-actions{position:absolute;right:60px;top:15px;z-index:1000}.system-status-header-actions .button{animation:slideInFromRight .5s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.temporal-alert-cascade{align-items:center;background:#0000;border-radius:10px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.temporal-alert-cascade canvas{border-radius:10px;display:block}.cascade-overlay{align-items:center;bottom:0;display:flex;flex-direction:column;left:0;padding:20px;pointer-events:none;position:absolute;right:0;top:0}.cascade-title{animation:titlePulse 2s ease-in-out infinite;color:#0ff;font-family:Orbitron,monospace;font-size:1em;font-weight:700;letter-spacing:2px;text-shadow:0 0 10px #0ff}@keyframes titlePulse{0%,to{text-shadow:0 0 10px #0ffc}50%{text-shadow:0 0 20px #0ff,0 0 30px #00ffff80}}.alert-history-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:10000}.alert-history-overlay:before{animation:scanlineMove 8s linear infinite;background:repeating-linear-gradient(0deg,#00ffff08,#00ffff08 1px,#0000 0,#0000 2px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(100px)}}.alert-history-modal{animation:modalSlideIn .5s ease-out;background:#001428f2;border:3px solid #fa0;border-radius:15px;box-shadow:0 0 50px #fa09,0 0 100px #ffaa004d,inset 0 0 50px #ffaa001a;display:flex;flex-direction:column;height:85%;max-height:900px;max-width:1400px;overflow:hidden;padding:30px;position:relative;width:90%;z-index:2}.alert-history-header{animation:textGlow 2s ease-in-out infinite;border-bottom:2px solid #ffaa0080;color:#fa0;font-size:1.6em;font-weight:700;letter-spacing:3px;margin-bottom:20px;padding-bottom:15px;text-align:center;text-shadow:0 0 20px #fa0}.alert-history-content{display:flex;flex:1 1;gap:30px;min-height:0}.helix-section{display:flex;flex:0 0 45%;flex-direction:column;gap:20px}.stats-panel{grid-gap:15px;background:#00000080;border:2px solid #fa06;border-radius:10px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);overflow:hidden;padding:20px;position:relative}.stats-panel:before{word-wrap:break-word;animation:dataStream 10s linear infinite;bottom:0;color:#00ffff1a;content:"01001010 11010011 10110101 01110010 11001001 10101110 01011100 11100011";font-family:Courier New,monospace;font-size:.6em;left:0;line-height:1.5;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes dataStream{0%{opacity:.1;transform:translateY(0)}50%{opacity:.2}to{opacity:.1;transform:translateY(100%)}}.alert-history-modal .stat-item{background:#0000004d;border:1px solid #0000;border-radius:8px;padding:10px;position:relative;text-align:center;transition:all .3s ease;z-index:1}.alert-history-modal .stat-item:before{background:linear-gradient(135deg,#0000,currentColor,#0000);border-radius:8px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s ease}.alert-history-modal .stat-item:hover{background:#ffffff0d;border-color:currentColor;transform:scale(1.05) translateY(-2px)}.alert-history-modal .stat-item:hover:before{animation:borderRotate 2s linear infinite;opacity:.5}@keyframes borderRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.alert-history-modal .stat-item.stat-active{background:#0ff3;border:2px solid #0ff;box-shadow:0 0 20px #00ffff80}.alert-history-modal .stat-value{font-size:2em;font-weight:700;margin-bottom:5px}.alert-history-modal .critical-stat{animation:statPulse 2s ease-in-out infinite;color:#f44;text-shadow:0 0 10px #f44}.alert-history-modal .warning-stat{animation:statPulse 2s ease-in-out .5s infinite;color:#fa0;text-shadow:0 0 10px #fa0}.alert-history-modal .optimal-stat{animation:statPulse 2s ease-in-out 1s infinite;color:#0f8;text-shadow:0 0 10px #0f8}.alert-history-modal .total-stat{animation:statPulse 2s ease-in-out 1.5s infinite;color:#0ff;text-shadow:0 0 10px #0ff}@keyframes statPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stat-label{color:#888;font-size:.8em;margin-top:5px}.helix-container{align-items:center;background:#00000080;border:2px solid #fa06;border-radius:10px;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:20px;perspective:1000px;perspective-origin:50% 50%;position:relative}.helix-container:before{animation:particleFloat 20s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#00ffff4d,#0000),radial-gradient(2px 2px at 60% 70%,#ffaa004d,#0000),radial-gradient(1px 1px at 50% 50%,#ff44444d,#0000),radial-gradient(2px 2px at 80% 10%,#00ff884d,#0000),radial-gradient(1px 1px at 90% 60%,#0ff3,#0000),radial-gradient(2px 2px at 30% 80%,#fa03,#0000);background-position:50% 50%;background-size:200% 200%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes particleFloat{0%,to{background-position:0 0;opacity:.5}25%{background-position:100% 0;opacity:.8}50%{background-position:100% 100%;opacity:.5}75%{background-position:0 100%;opacity:.8}}.helix-container:after{animation:glitchSweep 8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00ffff1a 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes glitchSweep{0%,90%{opacity:0;transform:translateX(-100%)}92%{opacity:1}95%{opacity:1;transform:translateX(100%)}to{opacity:0;transform:translateX(100%)}}.helix-grid{background-image:linear-gradient(#ffaa001a 1px,#0000 0),linear-gradient(90deg,#ffaa001a 1px,#0000 0);background-size:20px 20px;bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.helix-title{animation:textGlow 2s ease-in-out infinite;color:#fa0;font-size:1em;font-weight:700;left:50%;position:absolute;text-shadow:0 0 10px #fa0;top:20px;transform:translateX(-50%);z-index:10}@keyframes textGlow{0%,to{text-shadow:0 0 10px #fa0c}50%{text-shadow:0 0 20px #fa0,0 0 30px #ffaa0080}}.rotating-ring{border:1px solid;border-radius:50%;left:50%;pointer-events:none;position:absolute;top:50%}.ring-1{animation:rotateRing 20s linear infinite,ringPulse 3s ease-in-out infinite;border-color:#fa03;box-shadow:0 0 20px #ffaa004d;height:300px;width:300px}.ring-1,.ring-2{transform:translate(-50%,-50%)}.ring-2{animation:rotateRing 15s linear infinite reverse,ringPulse 3s ease-in-out 1.5s infinite;border-color:#0ff3;box-shadow:0 0 20px #00ffff4d;height:250px;width:250px}@keyframes rotateRing{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes ringPulse{0%,to{border-width:1px;box-shadow:0 0 10px currentColor;opacity:.3}50%{border-width:2px;box-shadow:0 0 30px currentColor;opacity:.8}}.helix-container .rotating-ring:after,.helix-container .rotating-ring:before{animation:soundWave 2s ease-out infinite;border:1px solid;border-radius:50%;content:"";height:120%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%}.helix-container .rotating-ring:after{animation-delay:1s}@keyframes soundWave{0%{opacity:.8;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.alerts-section{display:flex;flex:1 1;flex-direction:column;min-width:0}.alerts-info{border:1px solid #ffaa004d;border-radius:8px;color:#888;font-size:.9em;margin-bottom:15px;text-align:center}.alerts-info,.alerts-list{background:#0000004d;padding:10px}.alerts-list{border:1px solid #ffaa004d;border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto}.alerts-list::-webkit-scrollbar{width:8px}.alerts-list::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.alerts-list::-webkit-scrollbar-thumb{background:#ffaa0080;border-radius:4px}.alerts-list::-webkit-scrollbar-thumb:hover{background:#ffaa00b3}.alert-history-item{animation:alertSlideIn .5s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--item-index, 0)*.05s);border:1px solid;border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:15px;position:relative;transition:all .3s ease}@keyframes alertSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.alert-history-item:before{background:currentColor;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.alert-history-item:hover:before{box-shadow:0 0 10px currentColor;opacity:1}.alert-history-item:hover{box-shadow:0 0 30px #ffaa0080;transform:translateX(5px) scale(1.02)}.alert-history-item.critical{background:#ff444426;border-color:#f44}.alert-history-item.warning{background:#ffaa0026;border-color:#fa0}.alert-history-item.caution{background:#ffaa001a;border-color:#fa0}.alert-history-item.optimal{background:#00ff881a;border-color:#0f8}.alert-number{color:#666;font-size:.8em;min-width:40px;text-align:right}.alert-history-icon{font-size:1.5em}.alert-history-item.critical .alert-history-icon{color:#f44}.alert-history-item.caution .alert-history-icon,.alert-history-item.warning .alert-history-icon{color:#fa0}.alert-history-item.optimal .alert-history-icon{color:#0f8}.alert-history-content-text{flex:1 1}.alert-history-message{color:#fff;font-size:1em;font-weight:700;margin-bottom:5px}.alert-history-time{color:#888;font-size:.85em}.alert-severity-badge{align-self:center;border:1px solid;border-radius:5px;font-size:.75em;font-weight:700;padding:5px 12px}.alert-history-item.critical .alert-severity-badge{background:#ff44444d;border-color:#f44;color:#f44}.alert-history-item.warning .alert-severity-badge{background:#ffaa004d;border-color:#fa0;color:#fa0}.alert-history-item.caution .alert-severity-badge{background:#fa03;border-color:#fa0;color:#fa0}.alert-history-item.optimal .alert-severity-badge{background:#00ff884d;border-color:#0f8;color:#0f8}.no-alerts-history{align-items:center;color:#888;display:flex;flex-direction:column;font-size:1.2em;height:100%;justify-content:center}.no-alerts-icon{font-size:3em;margin-bottom:20px}.alert-history-close{background:linear-gradient(135deg,#8883,#8888884d);border:2px solid #888;border-radius:8px;color:#888;cursor:pointer;font-family:Orbitron,monospace;font-size:1em;font-weight:700;margin-top:20px;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.alert-history-close:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.alert-history-close:hover:before{height:300px;width:300px}.alert-history-close:hover{background:linear-gradient(135deg,#00ffff4d,#0ff6);border-color:#0ff;box-shadow:0 0 30px #00ffff80;color:#0ff;transform:translateY(-2px)}.alert-history-close:active{box-shadow:0 0 15px #00ffff4d;transform:translateY(0)}.reset-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100000}.reset-modal{animation:modalSlideIn .4s ease-out;background:#140000f2;border:3px solid #f44;border-radius:15px;box-shadow:0 0 50px #f44c,inset 0 0 30px #f443;cursor:default;max-width:550px;overflow:hidden;width:90%}.reset-modal-header{align-items:center;background:linear-gradient(135deg,#ff44444d,#c8000033);border-bottom:2px solid #f449;display:flex;gap:15px;padding:25px 30px}.reset-warning-icon{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,68,68,.8));font-size:2.5em}.reset-modal-title{color:#f44;font-family:Orbitron,sans-serif;font-size:1.6em;font-weight:900;letter-spacing:2px;text-shadow:0 0 20px #f44c}.reset-modal-content{padding:30px}.reset-warning-message{color:#fa0;font-family:Rajdhani,sans-serif;font-size:1.2em;font-weight:600;margin-bottom:20px;text-align:center}.reset-data-list{background:#00000080;border:2px solid #ff44444d;border-radius:10px;margin-bottom:20px;padding:20px}.reset-data-item{align-items:center;border-bottom:1px solid #f443;color:#fff;display:flex;font-family:Rajdhani,sans-serif;font-size:1.1em;gap:12px;padding:10px}.reset-data-item:last-child{border-bottom:none}.reset-icon{filter:drop-shadow(0 0 8px rgba(255,68,68,.6));font-size:1.3em}.reset-consequence{background:#ffaa001a;border:1px solid #ffaa004d;border-radius:6px;color:#aaa;font-family:Rajdhani,sans-serif;font-size:1.05em;margin-bottom:15px;padding:12px;text-align:center}.reset-question{color:#f44;font-family:Orbitron,sans-serif;font-size:1.2em;font-weight:700;margin-top:20px;text-align:center;text-shadow:0 0 10px #f449}.reset-modal-actions{display:flex;gap:15px;padding:20px 30px 30px}.reset-cancel-button,.reset-confirm-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:Orbitron,sans-serif;font-size:1.1em;font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;padding:15px 20px;transition:all .3s ease}.reset-cancel-button{background:linear-gradient(135deg,#00ff884d,#00c8644d);border:2px solid #0f8;color:#0f8;text-shadow:0 0 10px #00ff8880}.reset-cancel-button:hover{background:linear-gradient(135deg,#00ff8880,#00c86480);box-shadow:0 0 25px #0f89;transform:scale(1.02)}.reset-confirm-button{background:linear-gradient(135deg,#f446,#c8000066);border:2px solid #f44;color:#f44;text-shadow:0 0 10px #ff444480}.reset-confirm-button:hover{background:linear-gradient(135deg,#f449,#c8000099);box-shadow:0 0 25px #f44c;transform:scale(1.02)}.button-icon{font-size:1.2em}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.save-load-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.save-load-modal{animation:modalFadeIn .3s ease-out;background:#001428fa;border:3px solid #0ff;border-radius:12px;box-shadow:0 0 40px #00ffff80,inset 0 0 20px #00ffff1a;display:flex;flex-direction:column;font-family:Rajdhani,sans-serif;max-height:90vh;max-width:600px;overflow:hidden;padding:0;width:90%}.save-load-modal-large{max-width:900px}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.save-load-header{align-items:center;background:linear-gradient(135deg,#0ff3,#0096ff33);border-bottom:2px solid #00ffff80;border-radius:9px 9px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 30px}.save-load-header h2{color:#0ff;font-family:Orbitron,sans-serif;font-size:24px;font-weight:900;letter-spacing:2px;margin:0;text-shadow:0 0 10px #0ffc}.close-button{align-items:center;background:none;border:2px solid #0ff;border-radius:50%;color:#0ff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.close-button:hover{background:#0ff3;box-shadow:0 0 15px #0ff9;transform:rotate(90deg)}.save-load-content{flex:1 1;overflow-y:auto;padding:20px 30px 30px}.save-load-message{animation:messageFadeIn .3s ease-out;border-radius:8px;font-weight:600;margin-bottom:20px;padding:15px;text-align:center}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.save-load-message.success{background:#0f83;border:1px solid #0f8;color:#0f8}.save-load-message.error{background:#f443;border:1px solid #f44;color:#f44}.save-load-message.info{background:#0ff3;border:1px solid #0ff;color:#0ff}.save-name-input-section{background:#00649633;border:2px solid #00ffff4d;border-radius:8px;margin-bottom:25px;padding:20px}.save-name-input-section h3{color:#0ff;font-family:Orbitron,sans-serif;font-size:18px;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.save-name-input-group{display:flex;gap:10px}.save-name-input{background:#00000080;border:2px solid #00ffff80;border-radius:6px;color:#0ff;flex:1 1;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;padding:12px 15px}.save-name-input:focus{border-color:#0ff;box-shadow:0 0 15px #0ff6;outline:none}.save-name-cancel,.save-name-confirm{border:2px solid;border-radius:6px;cursor:pointer;font-size:20px;font-weight:700;height:45px;transition:all .3s ease;width:45px}.save-name-confirm{background:#0f83;border-color:#0f8;color:#0f8}.save-name-confirm:hover{background:#0f86;box-shadow:0 0 15px #0f89}.save-name-cancel{background:#f443;border-color:#f44;color:#f44}.save-name-cancel:hover{background:#f446;box-shadow:0 0 15px #f449}.slots-section{margin-bottom:25px}.slots-section h3{color:#0ff;font-family:Orbitron,sans-serif;font-size:18px;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.slots-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.slot-card{background:#001e3c80;border:2px solid #00ffff4d;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-height:120px;padding:15px;transition:all .3s ease}.slot-card:hover{border-color:#0ff9;box-shadow:0 0 15px #00ffff4d;transform:translateY(-2px)}.slot-card.selected{background:#00649666;border-color:#0ff;box-shadow:0 0 20px #00ffff80}.slot-card.empty{border-color:#64646480;border-style:dashed}.slot-card.empty:hover{border-color:#0ff6}.slot-card.auto-save{background:#3c32004d;border-color:#ffd70080}.slot-card.auto-save:hover{border-color:#ffd700cc;box-shadow:0 0 15px #ffd7004d}.slot-card.auto-save.selected{background:#64500066;border-color:gold;box-shadow:0 0 20px #ffd70080}.slot-card.auto-save .slot-number{color:gold}.slot-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.slot-number{color:#0ff;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px}.slot-rename-btn{background:none;border:none;cursor:pointer;font-size:16px;opacity:.7;padding:4px;transition:all .3s ease}.slot-rename-btn:hover{opacity:1;transform:scale(1.2)}.slot-empty{align-items:center;color:#666;display:flex;flex:1 1;flex-direction:column;justify-content:center}.slot-empty-icon{font-size:36px;margin-bottom:5px;opacity:.5}.slot-empty-text{font-size:14px;font-style:italic}.slot-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.slot-name{color:#0ff;font-family:Orbitron,sans-serif;font-size:16px;font-weight:600;margin-bottom:8px;word-break:break-word}.slot-date{color:#8cf;font-size:12px}.slot-rename-input{display:flex;gap:5px;margin-top:5px}.slot-rename-input input{background:#000000b3;border:1px solid #00ffff80;border-radius:4px;color:#0ff;flex:1 1;font-family:Rajdhani,sans-serif;font-size:14px;padding:6px 8px}.slot-rename-input input:focus{border-color:#0ff;outline:none}.slot-rename-input button{border:1px solid;border-radius:4px;cursor:pointer;font-size:14px;height:30px;transition:all .3s ease;width:30px}.slot-rename-input button:first-of-type{background:#0f83;border-color:#0f8;color:#0f8}.slot-rename-input button:last-of-type{background:#f443;border-color:#f44;color:#f44}.slot-rename-input button:hover{transform:scale(1.1)}.save-load-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.save-load-actions button{border:2px solid;border-radius:8px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:15px;font-weight:700;letter-spacing:1px;padding:14px 25px;text-transform:uppercase;transition:all .3s ease}.save-button{background:linear-gradient(135deg,#0f8,#0c6);border-color:#0f8;color:#000}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#0fa,#0d7);box-shadow:0 0 20px #0f89;transform:translateY(-2px)}.load-button{background:linear-gradient(135deg,#0ff,#08f);border-color:#0ff;color:#000}.load-button:hover:not(:disabled){background:linear-gradient(135deg,#0ff,#0af);box-shadow:0 0 20px #0ff9;transform:translateY(-2px)}.delete-button{background:linear-gradient(135deg,#f44,#c00);border-color:#f44;color:#fff}.delete-button:hover:not(:disabled){background:linear-gradient(135deg,#f66,#d00);box-shadow:0 0 20px #f449;transform:translateY(-2px)}.save-load-actions button:disabled{cursor:not-allowed;opacity:.3;transform:none}.save-load-actions button:disabled:hover{box-shadow:none;transform:none}.save-load-info{background:#0064961a;border:1px solid #0ff3;border-radius:8px;padding:15px}.save-load-info p{color:#8cf;font-size:13px;line-height:1.5;margin:6px 0}.save-load-info p:first-child{margin-top:0}.save-load-info p:last-child{margin-bottom:0}@media (max-width:768px){.save-load-modal{max-width:none;width:95%}.save-load-modal-large{max-width:none}.save-load-header h2{font-size:18px}.save-load-content{padding:15px 20px 20px}.slots-grid{grid-template-columns:1fr}.save-load-actions button{font-size:13px;padding:12px 20px}}.cheats-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.cheats-modal-content{background:#001428fa;border:3px solid #0ff;border-radius:12px;box-shadow:0 0 40px #00ffff80,inset 0 0 20px #00ffff0d;height:95vh;max-height:none;max-width:none;overflow-y:auto;padding:30px;width:95vw}.cheats-modal-content,.cheats-modal-header{display:flex;flex-direction:column;position:relative}.cheats-modal-header{align-items:center;margin-bottom:25px}.cheats-modal-title{color:#0ff;font-family:Orbitron,sans-serif;font-size:2.2em;font-weight:900;letter-spacing:2px;margin:0 0 10px;text-shadow:0 0 15px #0ffc;text-transform:uppercase}.cheats-modal-subtitle{color:#8cf;font-family:Rajdhani,sans-serif;font-size:1.1em;font-weight:400;margin-bottom:5px;text-align:center}.cheats-tabs-nav{border-bottom:2px solid #0ff3;display:flex;gap:15px;justify-content:center;margin:20px 0 30px;padding-bottom:0}.cheats-tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#8cf;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1em;font-weight:600;letter-spacing:1.5px;margin-bottom:-2px;padding:12px 30px;position:relative;text-transform:uppercase;transition:all .3s ease}.cheats-tab-button:hover{background:#00ffff0d;color:#0ff}.cheats-tab-button.active{background:#00ffff1a;border-bottom-color:#0ff;color:#0ff;text-shadow:0 0 10px #0ffc}.cheats-modal-body{flex:1 1;overflow-y:auto;padding-right:10px}.cheats-modal-close{align-items:center;background:#f44c;border:2px solid #f44;border-radius:50%;box-shadow:0 0 10px #ff444480;color:#fff;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:1.2em;font-weight:700;height:35px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .3s ease;width:35px}.cheats-modal-close:hover{background:#f44;box-shadow:0 0 20px #f44c;transform:scale(1.1)}.cheats-category-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:25px}.cheats-tab{background:#001e3cb3;border:2px solid #00ffff4d;border-radius:8px;color:#8cf;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9em;font-weight:600;letter-spacing:1px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.cheats-tab:hover{border-color:#0ff9;box-shadow:0 0 10px #00ffff4d;color:#0ff}.cheats-tab.active{background:#00ffff1a;border-color:#0ff;box-shadow:0 0 15px #00ffff80;color:#0ff}.cheats-events-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:25px}@media (max-width:1200px){.cheats-events-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.cheats-events-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.cheats-events-grid{grid-template-columns:1fr}}.cheats-event-button{align-items:center;background:#001e3ccc;border:2px solid #0ff6;border-radius:10px;color:#0ff;cursor:pointer;display:flex;flex-direction:column;font-family:Rajdhani,sans-serif;min-height:120px;overflow:hidden;padding:15px;position:relative;text-align:center;transition:all .3s ease}.cheats-event-button:hover{background:#002850e6;border-color:#0ff;box-shadow:0 0 20px #0ff6,inset 0 0 20px #00ffff1a;transform:translateY(-2px)}.cheats-event-button:active{box-shadow:0 0 15px #0ff9,inset 0 0 15px #0ff3;transform:translateY(0)}.cheats-event-icon{filter:drop-shadow(0 0 5px rgba(0,255,255,.5));font-size:2em;margin-bottom:8px}.cheats-event-button[data-category="mini games"]{border-color:#f0f6}.cheats-event-button[data-category="mini games"]:hover{border-color:#f0f;box-shadow:0 0 20px #f0f6,inset 0 0 20px #ff00ff1a}.cheats-event-button[data-category="mini games"] .cheats-event-name{color:#f0f}.cheats-event-button[data-category="mini games"] .cheats-event-icon{filter:drop-shadow(0 0 5px rgba(255,0,255,.5))}.cheats-event-name{color:#0ff;font-size:1em;font-weight:600;letter-spacing:.5px;line-height:1.2;margin-bottom:5px;text-transform:uppercase}.cheats-event-type{color:#8cf;font-family:Courier New,monospace;font-size:.8em;font-weight:300;letter-spacing:.5px;opacity:.8}.cheats-no-events{align-items:center;color:#8cf;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:40px;text-align:center}.cheats-no-events-icon{font-size:3em;margin-bottom:15px;opacity:.6}.cheats-no-events-text{font-family:Rajdhani,sans-serif;font-size:1.2em;font-weight:400}.cheats-modal-footer{border-top:1px solid #00ffff4d;margin-top:20px;padding-top:20px}.cheats-instructions{margin-bottom:15px}.cheats-instructions strong{color:#0ff;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase}.cheats-instructions ul{list-style:none;margin:10px 0 0;padding:0}.cheats-instructions li{color:#8cf;font-family:Rajdhani,sans-serif;font-size:.95em;margin:5px 0;padding-left:20px;position:relative}.cheats-instructions li:before{color:#0ff;content:"▶";font-size:.8em;left:0;position:absolute}.cheats-instructions kbd{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:4px;box-shadow:0 0 5px #0ff3;color:#0ff;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.cheats-warning{background:#ffaa001a;border:1px solid #ffaa004d;border-radius:8px;color:#fa0;font-family:Rajdhani,sans-serif;font-size:.95em;padding:12px;text-align:center}.cheats-warning strong{color:#fa0;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cheats-modal-content::-webkit-scrollbar{width:8px}.cheats-modal-content::-webkit-scrollbar-track{background:#00142880;border-radius:4px}.cheats-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#08f);border-radius:4px;box-shadow:0 0 5px #00ffff4d}.cheats-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ff,#0af)}.cheats-settings-placeholder{align-items:center;background:#001e3c4d;border:2px dashed #00ffff4d;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:40px 0;padding:80px 40px;text-align:center}.cheats-settings-icon{animation:spin 4s linear infinite;font-size:4em;margin-bottom:20px;opacity:.6}.cheats-settings-text{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.5em;font-weight:700;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.cheats-settings-description{color:#8cf;font-family:Rajdhani,sans-serif;font-size:1.1em;line-height:1.5;max-width:500px}.cheats-event-button[title]:hover:after{background:#000000f2;border:1px solid #00ffff4d;border-radius:6px;bottom:-40px;box-shadow:0 0 10px #00ffff4d;color:#0ff;content:attr(title);font-size:.8em;left:50%;line-height:1.3;max-width:200px;padding:8px 12px;position:absolute;text-align:left;transform:translateX(-50%);white-space:nowrap;white-space:normal;z-index:1000}.cheats-voice-section{background:#001e3c80;border:2px solid #00ffff4d;border-radius:10px;margin-bottom:30px;padding:20px}.cheats-section-title{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.3em;font-weight:700;letter-spacing:2px;margin:0 0 20px;text-align:center;text-shadow:0 0 10px #0ff9;text-transform:uppercase}.cheats-voice-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:15px}@media (max-width:900px){.cheats-voice-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.cheats-voice-grid{grid-template-columns:1fr}}.cheats-voice-option{background:#001428cc;border:2px solid #00ffff4d;border-radius:8px;cursor:pointer;padding:15px;position:relative;text-align:left;transition:all .3s ease}.cheats-voice-option:hover{background:#002850e6;border-color:#0ff9;box-shadow:0 0 15px #00ffff4d;transform:translateY(-2px)}.cheats-voice-option.active{background:#00ffff26;border-color:#0ff;box-shadow:0 0 20px #00ffff80}.cheats-voice-name{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.1em;font-weight:600;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.cheats-voice-description{color:#8cf;font-family:Rajdhani,sans-serif;font-size:.9em;line-height:1.3}.cheats-voice-active-indicator{background:#0f83;border:1px solid #0f8;border-radius:4px;color:#0f8;font-family:Orbitron,sans-serif;font-size:.7em;font-weight:700;letter-spacing:1px;padding:3px 8px;position:absolute;right:10px;text-shadow:0 0 5px #0f8c;top:10px}.cheats-voice-note{color:#8cf;font-family:Rajdhani,sans-serif;font-size:.9em;font-style:italic;opacity:.8;text-align:center}.cheats-voice-error,.cheats-voice-loading{border-radius:8px;font-family:Rajdhani,sans-serif;font-size:1.1em;padding:30px;text-align:center}.cheats-voice-loading{animation:pulse 2s ease-in-out infinite;background:#00ffff0d;border:1px solid #00ffff4d;color:#0ff}.cheats-voice-error{background:#ff44440d;border:1px solid #ff44444d;color:#f44}.cheats-icons-section{padding:20px}.icon-preview-section{background:#001e3c66;border:1px solid #0ff3;border-radius:8px;margin:30px 0;padding:20px}.icon-preview-section h3{color:#0ff;font-family:Orbitron,sans-serif;font-size:18px;margin-bottom:15px}.icon-preview-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:15px}.icon-preview-card{align-items:center;background:#00142899;border:1px solid #00ffff4d;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:15px;transition:all .3s ease}.icon-preview-card:hover{background:#002850cc;border-color:#0ff;box-shadow:0 0 15px #0ff6;transform:translateY(-3px)}.icon-preview-name{font-size:12px;text-align:center;text-transform:capitalize}.icon-info-box,.icon-preview-name{color:#8cf;font-family:Rajdhani,sans-serif}.icon-info-box{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:6px;font-size:14px;line-height:1.6;margin-top:20px;padding:15px}.cheats-mission-section{background:#001e3c80;border:2px solid #00ffff4d;border-radius:10px;margin-bottom:30px;padding:20px}.cheats-mission-controls{display:flex;flex-direction:column;gap:20px}.cheats-mission-status{background:#00142899;border:1px solid #0ff3;border-radius:8px;display:flex;gap:20px;justify-content:space-around;padding:15px}.mission-status-item{align-items:center;display:flex;flex-direction:column;gap:8px}.mission-status-label{color:#8cf;font-family:Rajdhani,sans-serif;font-size:.9em;letter-spacing:1px;text-transform:uppercase}.mission-status-value{color:#0ff;font-family:Orbitron,sans-serif;font-size:2em;font-weight:700;text-shadow:0 0 10px #0ffc}.cheats-mission-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.cheats-mission-buttons{grid-template-columns:1fr}}.cheats-mission-note{background:#00ffff0d;border-radius:6px;color:#8cf;font-family:Rajdhani,sans-serif;font-size:.9em;font-style:italic;opacity:.8;padding:10px;text-align:center}.help-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.help-modal-content{animation:helpModalSlideIn .3s ease-out;background:linear-gradient(135deg,#001428fa,#00283cfa);border:2px solid #0ff;border-radius:12px;box-shadow:0 0 40px #00ffff80,inset 0 0 20px #00ffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:90%}@keyframes helpModalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.help-modal-header{align-items:center;background:#00ffff0d;border-bottom:2px solid #0ff;display:flex;justify-content:space-between;padding:20px 30px}.help-modal-header h2{color:#0ff;margin:0;text-shadow:0 0 10px #0ffc}.help-close-btn,.help-modal-header h2{font-family:Orbitron,sans-serif;font-size:24px}.help-close-btn{background:none;border:2px solid #f44;border-radius:50%;color:#f44;cursor:pointer;height:40px;transition:all .3s ease;width:40px}.help-close-btn:hover{background:#f44;box-shadow:0 0 15px #f44c;color:#000;transform:rotate(90deg)}.help-modal-body{flex:1 1;overflow-y:auto;padding:30px}.help-modal-body::-webkit-scrollbar{width:10px}.help-modal-body::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.help-modal-body::-webkit-scrollbar-thumb{background:#0ff;border-radius:5px}.help-modal-body::-webkit-scrollbar-thumb:hover{background:#0f8}.help-section{background:#00ffff08;border:1px solid #0ff3;border-radius:8px;margin-bottom:30px;padding:20px;transition:all .3s ease}.help-section:hover{background:#00ffff0d;border-color:#0ff6;box-shadow:0 0 15px #0ff3}.help-section h3{color:#0f8;font-family:Orbitron,sans-serif;font-size:18px;margin:0 0 15px;text-shadow:0 0 8px #0f89}.help-content{color:#e0e0e0;font-family:Rajdhani,sans-serif;font-size:16px;line-height:1.6}.help-content p{margin:10px 0}.help-content strong{color:#0ff;font-weight:600}.help-content ul{margin:10px 0;padding-left:25px}.help-content li{margin:5px 0}.help-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.help-item{background:#0000004d;border:1px solid #00ffff4d;border-radius:6px;color:#e0e0e0;font-family:Rajdhani,sans-serif;font-size:15px;padding:12px;transition:all .3s ease}.help-item:hover{background:#00ffff1a;border-color:#0ff;transform:translateY(-2px)}kbd{background:#00000080;border:2px solid #0ff;border-radius:4px;box-shadow:0 0 10px #00ffff4d;color:#0ff;display:inline-block;font-family:Orbitron,monospace;font-size:13px;font-weight:700;margin:0 4px;padding:4px 8px}.help-modal-footer{align-items:center;background:#00ffff0d;border-top:2px solid #0ff;display:flex;justify-content:space-between;padding:20px 30px}.help-modal-footer p{color:#0f8;font-family:Rajdhani,sans-serif;font-size:14px;margin:0}.help-btn-primary{background:linear-gradient(135deg,#0ff,#0f8);border:none;border-radius:6px;box-shadow:0 0 20px #00ffff80;color:#000;cursor:pointer;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;padding:12px 30px;transition:all .3s ease}.help-btn-primary:hover{box-shadow:0 0 30px #0ffc;transform:translateY(-2px)}.help-btn-primary:active{transform:translateY(0)}@media (max-width:768px){.help-modal-content{max-height:95vh;width:95%}.help-modal-header h2{font-size:20px}.help-modal-body{padding:20px}.help-section{padding:15px}.help-grid{grid-template-columns:1fr}.help-modal-footer{flex-direction:column;gap:15px}}.reputation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.reputation-modal-content{animation:reputationSlideIn .3s ease-out;background:linear-gradient(135deg,#001428fa,#00283cfa);border:2px solid #0ff;border-radius:12px;box-shadow:0 0 40px #00ffff80,inset 0 0 20px #00ffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:90%}@keyframes reputationSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.reputation-modal-header{align-items:center;background:#00ffff0d;border-bottom:2px solid #0ff;display:flex;justify-content:space-between;padding:20px 30px}.reputation-modal-header h2{color:#0ff;font-family:Orbitron,sans-serif;font-size:28px;margin:0;text-shadow:0 0 15px #0ffc}.reputation-stats{color:#9ca3af;font-family:Rajdhani,sans-serif;font-size:14px;margin:5px 0 0}.reputation-close-btn{background:none;border:2px solid #f44;border-radius:50%;color:#f44;cursor:pointer;font-family:Orbitron,sans-serif;font-size:24px;height:40px;transition:all .3s ease;width:40px}.reputation-close-btn:hover{background:#f44;box-shadow:0 0 15px #f44c;color:#000;transform:rotate(90deg)}.reputation-summary{grid-gap:15px;background:#0003;border-bottom:1px solid #0ff3;display:grid;gap:15px;grid-template-columns:repeat(5,1fr);padding:20px 30px}.reputation-stat{border:2px solid;border-radius:8px;padding:15px;text-align:center;transition:all .3s ease}.reputation-stat:hover{box-shadow:0 5px 20px #00ffff4d;transform:translateY(-3px)}.reputation-stat.allied{background:#00ff880d;border-color:#0f8}.reputation-stat.friendly{background:#00ffff0d;border-color:#0ff}.reputation-stat.neutral{background:#ffaa000d;border-color:#fa0}.reputation-stat.unfriendly{background:#ff88000d;border-color:#f80}.reputation-stat.enemy{background:#ff44440d;border-color:#f44}.stat-label{color:#9ca3af;display:block;font-family:Rajdhani,sans-serif;font-size:12px;margin-bottom:5px;text-transform:uppercase}.stat-value{display:block;font-family:Orbitron,sans-serif;font-size:24px;font-weight:700}.reputation-stat.allied .stat-value{color:#0f8}.reputation-stat.friendly .stat-value{color:#0ff}.reputation-stat.neutral .stat-value{color:#fa0}.reputation-stat.unfriendly .stat-value{color:#f80}.reputation-stat.enemy .stat-value{color:#f44}.reputation-controls{align-items:center;background:#0003;border-bottom:1px solid #0ff3;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:15px 30px}.reputation-filters{display:flex;flex-wrap:wrap;gap:8px}.reputation-filters button{background:#00000080;border:1px solid #00ffff4d;border-radius:6px;color:#e0e0e0;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;padding:6px 14px;transition:all .3s ease}.reputation-filters button:hover{background:#00ffff1a;border-color:#0ff;transform:translateY(-2px)}.reputation-filters button.active{background:linear-gradient(135deg,#0ff,#0f8);border-color:#0ff;box-shadow:0 0 15px #00ffff80;color:#000}.reputation-sort{align-items:center;display:flex;gap:10px}.reputation-sort label{color:#9ca3af;font-family:Rajdhani,sans-serif;font-size:14px}.reputation-sort select{background:#00000080;border:1px solid #00ffff4d;border-radius:6px;color:#0ff;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:14px;padding:6px 12px}.reputation-list{flex:1 1;overflow-y:auto;padding:20px 30px}.reputation-list::-webkit-scrollbar{width:10px}.reputation-list::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.reputation-list::-webkit-scrollbar-thumb{background:#0ff;border-radius:5px}.reputation-entry{background:#0000004d;border:1px solid #0ff3;border-radius:8px;margin-bottom:20px;padding:20px;transition:all .3s ease}.reputation-entry:hover{background:#00ffff0d;border-color:#0ff6;transform:translateX(5px)}.reputation-entry-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.reputation-entry-info h3{color:#0ff;font-family:Orbitron,sans-serif;font-size:18px;margin:0 0 5px}.reputation-origin{color:#9ca3af;font-family:Rajdhani,sans-serif;font-size:13px;margin:0}.reputation-entry-level{background:#00000080;border:2px solid;border-radius:6px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;padding:6px 14px;text-shadow:0 0 10px currentColor}.reputation-bar-container{align-items:center;display:flex;gap:15px;margin-bottom:12px}.reputation-bar{background:#00000080;border:1px solid #00ffff4d;border-radius:10px;flex:1 1;height:20px;overflow:hidden;position:relative}.reputation-bar-fill{box-shadow:0 0 15px currentColor;height:100%;transition:width .5s ease,background .3s ease}.reputation-bar-center{background:#ffffff80;bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.reputation-score{color:#0ff;font-family:Orbitron,monospace;font-size:16px;font-weight:700;min-width:50px;text-align:right}.reputation-effects{display:flex;flex-wrap:wrap;gap:8px}.effect-badge{border:1px solid;border-radius:4px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;padding:4px 10px}.effect-badge.allied{background:#00ff881a;border-color:#0f8;color:#0f8}.effect-badge.friendly{background:#00ffff1a;border-color:#0ff;color:#0ff}.effect-badge.enemy{background:#ff44441a;border-color:#f44;color:#f44}.effect-badge.unfriendly{background:#ff88001a;border-color:#f80;color:#f80}.reputation-empty{padding:60px 20px;text-align:center}.reputation-empty p{color:#9ca3af;font-family:Rajdhani,sans-serif;font-size:18px;margin:10px 0}.reputation-hint{color:#6b7280!important;font-size:14px!important}@media (max-width:768px){.reputation-modal-content{max-height:95vh;width:95%}.reputation-summary{gap:10px;grid-template-columns:repeat(2,1fr);padding:15px}.reputation-controls{align-items:stretch;flex-direction:column}.reputation-filters,.reputation-sort{justify-content:center}.reputation-entry,.reputation-list{padding:15px}}.settings-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.settings-modal{background:linear-gradient(135deg,#001428fa,#002850fa);border:2px solid #0ff;border-radius:12px;box-shadow:0 0 40px #00ffff80;display:flex;flex-direction:column;font-family:Rajdhani,sans-serif;max-height:80vh;max-width:700px;width:90%}.settings-header{align-items:center;border-bottom:2px solid #0ff;display:flex;justify-content:space-between;padding:20px 30px}.settings-header h2{color:#0ff;font-family:Orbitron,sans-serif;font-size:28px;margin:0;text-shadow:0 0 10px #0ffc}.close-btn{align-items:center;background:none;border:none;color:#0ff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:all .3s;width:40px}.close-btn:hover{color:#f0f;transform:rotate(90deg)}.settings-tabs{border-bottom:2px solid #00ffff4d;display:flex;gap:10px;padding:20px 30px 0}.settings-tabs button{background:#00ffff1a;border:2px solid #00ffff4d;border-radius:8px 8px 0 0;color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:16px;padding:12px 24px;transition:all .3s}.settings-tabs button:hover{background:#0ff3;border-color:#0ff}.settings-tabs button.active{background:#00ffff4d;border-color:#0ff #0ff #0000;box-shadow:0 0 20px #00ffff80}.settings-content{flex:1 1;overflow-y:auto;padding:30px}.settings-section{gap:30px}.setting-item,.settings-section{display:flex;flex-direction:column}.setting-item{gap:10px}.setting-item label{color:#0ff;font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.setting-control{align-items:center;display:flex;gap:10px}.setting-control select{background:#001428cc;border:2px solid #0ff;border-radius:6px;color:#0ff;cursor:pointer;flex:1 1;font-family:Rajdhani,sans-serif;font-size:16px;padding:12px 16px;transition:all .3s}.setting-control select:hover{border-color:#f0f;box-shadow:0 0 15px #00ffff80}.setting-control select:focus{box-shadow:0 0 20px #0ffc;outline:none}.preview-btn{background:#0ff3;border:2px solid #0ff;border-radius:6px;color:#0ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:14px;padding:12px 20px;transition:all .3s;white-space:nowrap}.preview-btn:hover{background:#00ffff4d;box-shadow:0 0 15px #00ffff80}.setting-item input[type=range]{-webkit-appearance:none;background:#0ff3;border-radius:4px;height:8px;outline:none;width:100%}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#0ff;border-radius:50%;box-shadow:0 0 10px #0ffc;cursor:pointer;height:20px;width:20px}.setting-item input[type=range]::-moz-range-thumb{background:#0ff;border:none;border-radius:50%;box-shadow:0 0 10px #0ffc;cursor:pointer;height:20px;width:20px}.setting-note{color:#0ff9;font-style:italic;margin-top:10px}.setting-description{color:#00ffffb3;font-size:14px;line-height:1.4;margin:5px 0 0}.checkbox-label{align-items:center!important;cursor:pointer;display:flex!important;font-size:18px!important;gap:12px!important}.checkbox-label input[type=checkbox]{display:none}.checkmark{background:#001428cc;border:2px solid #0ff;border-radius:4px;flex-shrink:0;height:20px;position:relative;transition:all .3s;width:20px}.checkmark:hover{border-color:#f0f;box-shadow:0 0 10px #00ffff80}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#00ffff4d;border-color:#0ff;box-shadow:0 0 15px #0ffc}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#0ff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.settings-footer{align-items:center;border-top:2px solid #0ff;display:flex;justify-content:space-between;padding:20px 30px}.button-group{display:flex;gap:10px}.btn-primary,.btn-secondary{border:2px solid;border-radius:6px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:16px;padding:12px 24px;transition:all .3s}.btn-primary{background:#00ffff4d;border-color:#0ff;color:#0ff}.btn-primary:hover{background:#00ffff80;box-shadow:0 0 20px #0ffc}.btn-secondary{background:#f0f3;border-color:#f0f;color:#f0f}.btn-secondary:hover{background:#ff00ff4d;box-shadow:0 0 20px #f0f9}@media (max-width:768px){.settings-modal{max-height:90vh;width:95%}.settings-header{padding:15px 20px}.settings-header h2{font-size:22px}.settings-tabs{padding:15px 20px 0}.settings-tabs button{font-size:14px;padding:10px 16px}.settings-content{padding:20px}.setting-control{align-items:stretch;flex-direction:column}.preview-btn{width:100%}.settings-footer{flex-direction:column;gap:15px}.button-group{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%}}.achievements-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.achievements-modal{background:linear-gradient(135deg,#001428f2,#0a0a1ef2);border:2px solid #0ff;border-radius:16px;box-shadow:0 0 40px #0ff6;display:flex;flex-direction:column;font-family:Rajdhani,sans-serif;max-height:85vh;max-width:900px;width:90%}.achievements-modal-header{align-items:center;border-bottom:2px solid #00ffff4d;display:flex;justify-content:space-between;padding:20px 24px}.achievements-modal-header h2{color:#0ff;font-family:Orbitron,sans-serif;font-size:28px;margin:0;text-shadow:0 0 15px #0ffc}.achievements-modal-close{background:none;border:2px solid #f44;border-radius:50%;color:#f44;cursor:pointer;font-family:Orbitron,sans-serif;font-size:24px;height:40px;transition:all .3s;width:40px}.achievements-modal-close:hover{background:#f443;box-shadow:0 0 15px #f449}.achievements-progress-summary{border-bottom:1px solid #0ff3;padding:20px 24px}.achievements-progress-bar-container{margin-bottom:12px}.achievements-progress-bar{background:#00000080;border:2px solid #00ffff4d;border-radius:12px;height:24px;overflow:hidden;position:relative}.achievements-progress-fill{background:linear-gradient(90deg,#0ff,#0f8);box-shadow:0 0 15px #0ff9;height:100%;transition:width .5s ease}.achievements-progress-text{color:#fff;font-size:16px;margin-top:8px}.achievements-points,.achievements-progress-text{font-family:Orbitron,sans-serif;font-weight:700;text-align:center}.achievements-points{color:#fa0;font-size:18px;text-shadow:0 0 10px #fa0c}.achievements-categories{border-bottom:1px solid #0ff3;display:flex;flex-wrap:wrap;gap:8px;overflow-x:auto;padding:16px 24px}.achievements-category-btn{align-items:center;background:#00ffff1a;border:2px solid #00ffff4d;border-radius:8px;color:#0ff;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:14px;gap:6px;padding:10px 16px;transition:all .3s;white-space:nowrap}.achievements-category-btn:hover{background:#0ff3;box-shadow:0 0 10px #0ff6}.achievements-category-btn.active{background:#00ffff4d;border-color:#0ff;box-shadow:0 0 15px #0ff9}.achievements-category-icon{font-size:18px}.achievements-list{flex:1 1;overflow-y:auto;padding:20px 24px}.achievement-item{background:#00ffff0d;border:2px solid #0ff3;border-radius:12px;display:flex;gap:16px;margin-bottom:12px;padding:16px;transition:all .3s}.achievement-item.unlocked{background:#00ff881a;border-color:#0f86}.achievement-item.locked{opacity:.6}.achievement-item.hidden{filter:blur(2px);opacity:.4}.achievement-item:hover{box-shadow:0 4px 20px #0ff3;transform:translateX(4px)}.achievement-icon{flex-shrink:0;font-size:48px}.achievement-details{flex:1 1}.achievement-name{align-items:center;color:#fff;display:flex;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;gap:8px;margin-bottom:6px}.achievement-unlocked-badge{color:#0f8;font-size:20px}.achievement-description{color:#ccc;font-size:14px;line-height:1.4;margin-bottom:8px}.achievement-progress{margin-bottom:8px}.achievement-progress-bar{background:#00000080;border:1px solid #00ffff4d;border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden}.achievement-progress-fill{background:linear-gradient(90deg,#0ff,#0f8);height:100%;transition:width .5s ease}.achievement-progress-text{color:#aaa;font-family:Orbitron,sans-serif;font-size:12px}.achievement-points{color:#fa0;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700}@media (max-width:768px){.achievements-modal{max-height:90vh;width:95%}.achievements-modal-header h2{font-size:22px}.achievements-categories{flex-wrap:nowrap;overflow-x:auto}.achievement-item{align-items:center;flex-direction:column;text-align:center}.achievement-icon{font-size:36px}}.achievement-notification{opacity:0;pointer-events:none;position:fixed;right:20px;top:80px;transform:translateX(400px);transition:all .3s ease-out;z-index:10000}.achievement-notification.visible{opacity:1;transform:translateX(0)}.achievement-notification-content{animation:achievementGlow 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00ffff26,#ff00ff26);border:2px solid #0ff;border-radius:12px;box-shadow:0 8px 32px #00ffff4d,0 0 20px #0ff3;max-width:400px;min-width:320px;padding:16px}@keyframes achievementGlow{0%,to{box-shadow:0 8px 32px #00ffff4d,0 0 20px #0ff3}50%{box-shadow:0 8px 32px #00ffff80,0 0 30px #0ff6}}.achievement-notification-header{align-items:center;display:flex;font-family:Orbitron,sans-serif;gap:8px;margin-bottom:12px}.achievement-notification-trophy{animation:trophyBounce .6s ease-out;font-size:24px}@keyframes trophyBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.achievement-notification-title{color:#0ff;font-size:16px;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px #0ffc;text-transform:uppercase}.achievement-notification-body{align-items:center;display:flex;gap:12px}.achievement-notification-icon{animation:iconPulse 1s ease-in-out infinite;flex-shrink:0;font-size:48px}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.achievement-notification-details{flex:1 1}.achievement-notification-name{color:#fff;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;margin-bottom:4px;text-shadow:0 0 8px #fff9}.achievement-notification-description{color:#ccc;font-family:Rajdhani,sans-serif;font-size:14px;line-height:1.3;margin-bottom:6px}.achievement-notification-points{color:#fa0;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;text-shadow:0 0 8px #fa0c}@media (max-width:768px){.achievement-notification{left:10px;right:10px;top:60px}.achievement-notification-content{max-width:none;min-width:auto}}.login-screen{align-items:center;background:linear-gradient(135deg,#0a0e27,#1a1f3a);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.stars-background{animation:starMove 60s linear infinite;background:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000);background-size:200% 200%;height:100%;opacity:.3;position:absolute;width:100%}.login-container{background:#001428f2;border:2px solid #0ff;border-radius:12px;box-shadow:0 0 30px #00ffff4d;padding:40px;position:relative;width:400px;z-index:1}.login-header{margin-bottom:30px;text-align:center}.login-title{color:#0ff;font-family:Orbitron,monospace;font-size:32px;font-weight:900;letter-spacing:4px;margin:0 0 10px;text-shadow:0 0 10px #00ffff80}.login-subtitle{color:#f0f;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#0ff;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;letter-spacing:2px}.form-group input{background:#00285080;border:1px solid #0ff;border-radius:6px;color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;padding:12px;transition:all .3s ease}.form-group input:focus{background:#002850cc;border-color:#f0f;box-shadow:0 0 10px #ff00ff4d;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.5}.login-error{background:#f443;border:1px solid #f44;border-radius:6px;color:#f44;font-family:Rajdhani,sans-serif;font-size:14px;padding:12px;text-align:center}.login-button{background:linear-gradient(135deg,#0ff,#0aa);border:none;border-radius:6px;color:#000;cursor:pointer;font-family:Orbitron,monospace;font-size:16px;font-weight:700;letter-spacing:2px;margin-top:10px;padding:14px;transition:all .3s ease}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#f0f,#a0a);box-shadow:0 0 20px #ff00ff80;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.5}.login-toggle{color:#94a3b8;margin-top:10px;text-align:center}.login-toggle,.toggle-button{font-family:Rajdhani,sans-serif;font-size:14px}.toggle-button{background:none;border:none;color:#0ff;cursor:pointer;font-weight:600;margin-left:8px;text-decoration:underline;transition:color .3s ease}.toggle-button:hover:not(:disabled){color:#f0f}.toggle-button:disabled{cursor:not-allowed;opacity:.5}.login-version{bottom:15px;color:#00ffff80;font-family:Rajdhani,sans-serif;font-size:12px;letter-spacing:1px;position:absolute;right:20px}@keyframes starMove{0%{background-position:0 0}to{background-position:200% 200%}}.dev-tools-modal-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:20000}.dev-tools-modal-container{background:linear-gradient(135deg,#001428,#002850);border:2px solid #0ff;border-radius:8px;box-shadow:0 0 30px #00ffff4d;height:95vh;overflow:auto;padding:20px;position:relative;width:95vw}.dev-tools-close-button{align-items:center;background:#f443;border:2px solid #f44;border-radius:50%;color:#f44;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:40px;z-index:10}.dev-tools-close-button:hover{background:#f446;box-shadow:0 0 15px #ff444480;transform:scale(1.1)}.dev-tools-loading{color:#0ff;font-family:Orbitron,sans-serif;font-size:24px;text-align:center}.dev-tools-access-denied{background:linear-gradient(135deg,#1a0000,#3a0000);border:2px solid #f44;border-radius:8px;box-shadow:0 0 30px #ff44444d;padding:40px;text-align:center}.dev-tools-access-denied h2{color:#f44;font-family:Orbitron,sans-serif;font-size:32px;margin-bottom:20px;text-shadow:0 0 10px #ff444480}.dev-tools-access-denied p{color:#faa;font-family:Rajdhani,sans-serif;font-size:18px;margin-bottom:30px}.dev-tools-access-denied .close-button{background:#f443;border:2px solid #f44;border-radius:4px;color:#f44;cursor:pointer;font-family:Orbitron,sans-serif;font-size:16px;padding:12px 30px;transition:all .3s ease}.dev-tools-access-denied .close-button:hover{background:#f446;box-shadow:0 0 15px #ff444480}.loading-screen{align-items:center;animation:loadingFadeIn .5s ease;background:radial-gradient(ellipse at center,#001122d9 0,#000000e6 70%),url(../../static/media/loading-bg.ab5fdba0ced6b0c4bbde.png);background-position:50%;background-size:cover;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10002}@keyframes loadingFadeIn{0%{opacity:0}to{opacity:1}}.loading-content{max-width:600px;padding:40px;text-align:center;z-index:2}.loading-logo{margin-bottom:60px}.loading-ship{animation:loadingShipFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,255,255,.6));font-size:80px}@keyframes loadingShipFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.loading-title{color:#0ff;font-family:Orbitron,monospace;font-size:48px;font-weight:900;letter-spacing:4px;margin-top:20px;text-shadow:0 0 20px #0ffc}.loading-subtitle{animation:loadingPulse 2s ease-in-out infinite;color:#0ff;font-family:Rajdhani,sans-serif;font-size:18px;margin-top:10px;opacity:.7}@keyframes loadingPulse{0%,to{opacity:.7}50%{opacity:1}}.loading-progress-container{margin:40px 0}.loading-progress-bar{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.loading-progress-fill{animation:loadingProgressShine 2s linear infinite;background:linear-gradient(90deg,#0ff,#08a,#0ff);background-size:200% 100%;box-shadow:0 0 20px #0ff9;height:100%;transition:width .3s ease}@keyframes loadingProgressShine{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-progress-text{color:#0ff;font-family:Orbitron,monospace;font-size:14px;margin-top:8px}.loading-tip{align-items:center;display:flex;justify-content:center;margin:40px 0;min-height:60px}.loading-tip-content{animation:loadingTipFade .5s ease;background:#00ffff0d;border:1px solid #0ff3;border-radius:8px;color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;padding:16px 24px}@keyframes loadingTipFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-systems{display:flex;flex-direction:column;gap:12px;margin-top:40px}.loading-system{border-left:2px solid #333;color:#666;font-family:Rajdhani,sans-serif;font-size:14px;padding:8px 16px;text-align:left;transition:all .5s ease}.loading-system.loaded{border-left-color:#0f8;color:#0f8;text-shadow:0 0 10px #00ff8880}.loading-stars{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.loading-star{animation:loadingStarTwinkle 3s ease-in-out infinite;background:#fff;border-radius:50%;height:2px;position:absolute;width:2px}@keyframes loadingStarTwinkle{0%,to{opacity:.3}50%{opacity:1}}@media (max-width:768px){.loading-content{padding:20px}.loading-ship{font-size:60px}.loading-title{font-size:32px;letter-spacing:2px}.loading-subtitle{font-size:16px}.loading-tip-content{font-size:14px;padding:12px 16px}.loading-systems{gap:8px}.loading-system{font-size:13px;padding:6px 12px}}.error-boundary-screen{align-items:center;background:#0a0a0f;display:flex;font-family:Orbitron,Courier New,monospace;inset:0;justify-content:center;position:fixed;z-index:99999}.error-boundary-box{background:#00141ef2;border:2px solid #0ff;box-shadow:0 0 40px #0ff3,inset 0 0 40px #00000080;max-width:600px;padding:2rem 3rem;text-align:center;width:90%}.error-boundary-box h1{color:#f44;font-size:1.5rem;letter-spacing:.2em;margin-bottom:1rem;text-shadow:0 0 10px #ff444480}.error-boundary-box p{color:#0ff;margin-bottom:1rem}.error-boundary-box pre{background:#0006;border:1px solid #ff88444d;color:#f84;font-size:.8rem;margin-bottom:1.5rem;padding:.75rem;text-align:left;white-space:pre-wrap;word-break:break-word}.error-boundary-box button{background:#0000;border:1px solid #0ff;color:#0ff;cursor:pointer;font-family:inherit;font-size:.85rem;letter-spacing:.1em;margin:0 .5rem;padding:.5rem 1.5rem;transition:background .2s,color .2s}.error-boundary-box button:hover{background:#0ff;color:#0a0a0f}
/*# sourceMappingURL=main.33228510.css.map*/