@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@400;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-dark:#0a0e27;--panel-bg:#0f192df2;--cyan:#0ff;--green:#0f8;--red:#f44;--border:#00ffff4d}*{box-sizing:border-box}html,body,#root{background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:#e0e0e0;background:linear-gradient(135deg,#0a0e27 0%,#1a1a3e 100%);font-family:Rajdhani,sans-serif}.game-layout{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.top-bar{border-bottom:1px solid var(--cyan);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;font-family:Orbitron,sans-serif;display:flex}.main-grid{flex:1;grid-template-columns:280px 1fr 300px;gap:15px;padding:15px;display:grid;overflow:hidden}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 0 15px #00000080}.center-panel,.right-panel{padding:15px;overflow-y:auto}.left-panel{padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:var(--cyan);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff}h2,h3,h4{color:var(--cyan);border-bottom:1px solid #ffffff1a;flex-shrink:0;margin-top:0;padding-bottom:10px;font-family:Orbitron}.currency{color:gold;font-size:1.4em;font-weight:700}.rank{color:var(--cyan);font-size:.8em;display:block}.name{font-size:1.2em;font-weight:700}.login-container{background:radial-gradient(circle,#1a1a3e 0%,#000 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-box{border:2px solid var(--cyan);text-align:center;background:#0a141ef2;border-radius:8px;width:500px;padding:40px;box-shadow:0 0 30px #00ffff26}.login-box input{width:100%;color:var(--cyan);background:#050510;border:1px solid #444;margin:10px 0;padding:12px;font-family:Orbitron}.login-box button{background:var(--cyan);color:#000;cursor:pointer;border:none;width:100%;margin-top:15px;padding:15px;font-weight:700;transition:all .2s}.login-box button:hover{box-shadow:0 0 15px var(--cyan);background:#fff}.ship-item{cursor:pointer;background:#ffffff08;border:1px solid #0000;margin-bottom:4px;padding:10px;transition:background .2s}.ship-item:hover{background:#00ffff1a}.ship-item.active{border-color:var(--cyan);background:#00ffff26}.ship-item.busy{border-left:3px solid var(--red);opacity:.8}.ship-row{justify-content:space-between;margin-bottom:2px;display:flex}.ship-status{color:#888;justify-content:space-between;font-size:.8em;display:flex}.hp-bar-container{background:#333;border-radius:2px;width:100%;height:4px;margin-top:4px;margin-bottom:4px;overflow:hidden}.hp-bar-fill{height:100%;transition:width .3s}input[type=number]{border:1px solid var(--border);color:var(--cyan);background:#00000080;border-radius:2px;padding:2px 4px;font-family:Rajdhani,sans-serif}input[type=number]:focus{border-color:var(--cyan);outline:none}.tabs{flex-shrink:0;gap:5px;margin-bottom:15px;display:flex}.tabs button{border:1px solid var(--cyan);color:var(--cyan);cursor:pointer;background:0 0;flex:1;padding:10px;font-family:Orbitron}.tabs button.active{background:var(--cyan);color:#000}.action-grid-3x2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.act-btn{border:1px solid var(--green);color:#fff;cursor:pointer;background:#00ff881a;padding:20px;font-family:Orbitron;transition:all .2s}.act-btn:hover:not(:disabled){background:#00ff884d}.act-btn:disabled{opacity:.3;cursor:not-allowed;border-color:#555}.combat-btn{color:#fff;cursor:pointer;text-align:left;background:#0006;border:1px solid #555;border-left-width:4px;width:100%;margin-bottom:8px;padding:12px;font-family:Rajdhani}.combat-btn:hover{background:#ffffff1a}.active-mission-screen{border:1px dashed var(--cyan);background:#00ffff0d;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.log-container{flex-direction:column;gap:5px;display:flex}.log-entry{border-bottom:1px solid #ffffff0d;padding:4px 0;font-size:.9em}.log-entry.success{color:var(--green)}.log-entry.danger{color:var(--red)}.log-entry.info{color:var(--cyan)}.main-menu button{color:var(--cyan);cursor:pointer;background:0 0;border:1px solid #00ffff4d;padding:5px 15px;font-family:Orbitron;font-size:.8em;transition:all .2s}.main-menu button:hover{background:#00ffff1a}.main-menu button.menu-active{background:var(--cyan);color:#000;box-shadow:0 0 10px var(--cyan);font-weight:700}.view-title{border-bottom:2px solid var(--cyan);margin-bottom:20px;padding-bottom:10px}