:root{color-scheme:dark;--cyan:#54eaff;--blue:#1577b8;--gold:#ffd84a;--panel:rgba(5,18,38,.88)}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#020611;color:#d7fbff;font:14px "Segoe UI",system-ui,sans-serif}button{font:inherit}
#game-canvas{display:block;width:100vw;height:100vh;background:radial-gradient(circle at 50% 44%,#102444 0,#040916 55%,#010207 100%)}
.glass{position:absolute;background:linear-gradient(145deg,rgba(16,40,70,.93),var(--panel));border:1px solid rgba(84,234,255,.55);box-shadow:0 12px 35px #0009,inset 0 0 24px #1266aa20;backdrop-filter:blur(10px);border-radius:10px}
#top-bar{position:absolute;inset:0 0 auto;height:42px;padding:0 18px;display:flex;align-items:center;gap:24px;background:linear-gradient(#142b4cdd,#071426ee);border-bottom:1px solid var(--cyan);font-size:12px;letter-spacing:.08em}.brand{font-weight:800;color:var(--gold)}.planet{color:#a9dfff}.power{margin-left:auto}.status{color:#64ffaf}
#resources{left:16px;top:58px;width:260px;padding:14px}h2{margin:0 0 11px;color:var(--gold);font-size:13px;letter-spacing:.12em}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.resource-grid div{padding:8px;background:#061629;border:1px solid #1f5878;border-radius:6px}.resource-grid span{display:block;color:#8db7c7;font-size:10px;text-transform:uppercase}.resource-grid strong{font-size:17px;color:#fff}#mission{display:flex;flex-direction:column;gap:5px;margin-top:12px;padding:10px;border-left:3px solid var(--gold);background:#3d350d55;font-size:12px}#mission b{color:var(--gold)}#dark-fog-status{margin-top:8px;padding:6px;border:1px solid #8b2638;border-radius:5px;background:#2c0710aa;color:#ff8998;font:10px monospace;letter-spacing:.04em}
#mech-panel{left:16px;top:278px;width:260px;padding:14px}.mech-row{display:flex;justify-content:space-between;margin:5px 0;color:#9ec7d8}.mech-row strong{color:#fff}.energy-track{height:8px;margin:8px 0;background:#03101d;border:1px solid #245b78;border-radius:5px;overflow:hidden}#mech-energy-bar{height:100%;width:100%;background:linear-gradient(90deg,#176dff,#51f7ff);transition:width .1s}.health-track{height:8px;margin:8px 0;background:#1d0308;border:1px solid #7d2636;border-radius:5px;overflow:hidden}#mech-hp-bar{height:100%;width:100%;background:linear-gradient(90deg,#ff2d4d,#ff9b58);transition:width .12s}#mech-panel small{color:#83aebf}
#build-menu{right:16px;top:58px;width:270px;max-height:calc(100vh - 74px);overflow-y:auto;padding:14px;transition:.2s}#build-menu.hidden{transform:translateX(310px)}#build-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.build-button,.research,.save-row button{border:1px solid #277aa5;background:linear-gradient(#16436b,#0b2947);color:#d8fbff;border-radius:6px;padding:9px;cursor:pointer}.build-button{min-height:58px;text-align:left}.build-button b,.build-button small{display:block}.build-button small{margin-top:3px;color:#8eb6c8}.build-button.active{border-color:var(--gold);box-shadow:0 0 12px #ffd84a66;background:linear-gradient(#66541a,#342b0d)}.build-button.locked{opacity:.4;cursor:not-allowed}.divider{height:1px;background:#26506a;margin:11px 0}.research{width:100%;color:#ffdfff;border-color:#b55cff}.research:disabled{opacity:.45}.save-panel{margin-top:10px;padding-top:8px;border-top:1px solid #26506a}#save-indicator{margin-bottom:6px;color:#78dcae;font-size:10px;letter-spacing:.05em}.save-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:5px}.save-row button{padding:7px 4px;font-size:10px}.save-row-secondary button{border-color:#536e80;color:#b8d4df}.save-row button.danger{border-color:#9b3b49;color:#ff9da6;background:linear-gradient(#56202a,#2c1016)}
#recipe-panel{margin-top:10px;padding-top:9px;border-top:1px solid #26506a}#recipe-panel h2{margin-bottom:7px}#recipe-panel label{display:grid;gap:3px;margin:6px 0;color:#8eb6c8;font-size:10px}#recipe-panel select{width:100%;border:1px solid #277aa5;border-radius:5px;background:#061629;color:#d8fbff;padding:6px}#recipe-detail{min-height:34px;padding:6px;border-left:2px solid var(--gold);background:#3d350d44;color:#dfe9c6;font-size:10px}#production-stock{margin-top:6px;color:#76e7ff;font:10px monospace}
#hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:7px 14px;border-radius:20px;background:#020812bb;border:1px solid #25536d;color:#9ac7d7;font-size:11px;white-space:nowrap}#notice{position:absolute;left:50%;top:58px;transform:translate(-50%,-20px);padding:9px 14px;background:#07192eee;border:1px solid var(--cyan);border-radius:7px;opacity:0;transition:.2s;pointer-events:none}#notice.show{opacity:1;transform:translate(-50%,0)}
#logistics-status{position:absolute;left:50%;top:52px;transform:translateX(-50%);padding:5px 11px;border:1px solid #13cfff;background:#041426dd;border-radius:4px;color:#7eeeff;font-size:10px;letter-spacing:.06em;pointer-events:none}
#starmap-overlay{position:fixed;inset:0;z-index:50;background:#020510;color:#d7fbff}#starmap-overlay.hidden{display:none}#starmap-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab}.starmap-header{position:absolute;inset:0 0 auto;height:58px;display:flex;align-items:center;gap:14px;padding:0 14px;background:linear-gradient(#062342,#000d1d);border-bottom:2px solid #00aaff}.starmap-header strong{color:#58f4ff;letter-spacing:.1em}.starmap-header>span{color:#7594ad;font-size:11px}.starmap-header nav{display:flex;gap:5px}.starmap-header button,.starmap-footer button{border:1px solid #167eb5;background:#082b4c;color:#bcecff;border-radius:4px;padding:6px 10px;cursor:pointer}.starmap-header nav button.active{border-color:#ffe44f;color:#ffe44f;background:#4a3e0b}.starmap-header>#close-starmap{margin-left:auto;border-color:#ff6672;background:#4b1017;color:#fff}.starmap-list-panel,.starmap-detail-panel{position:absolute;top:58px;bottom:82px;width:310px;overflow:auto;background:rgba(1,12,31,.93);padding:10px}.starmap-list-panel{left:0;border-right:1px solid #14506c}.starmap-detail-panel{right:0;width:350px;border-left:1px solid #14506c}.starmap-list-panel h2{display:flex;justify-content:space-between}.star-row{width:100%;margin:0 0 6px;padding:8px;border:1px solid #234e68;border-radius:5px;background:#071c34;color:#d7fbff;text-align:left;cursor:pointer}.star-row.active{border-color:#54eaff;background:#0b3e5b}.star-row strong,.star-row small{display:block}.star-row small{margin-top:3px;color:#829fb1}.star-type{display:inline-block;margin-right:6px;padding:1px 5px;border-radius:3px;color:#06101a;font-size:9px}.star-hero{display:flex;align-items:center;gap:13px;margin-bottom:12px}.star-orb{width:58px;height:58px;border-radius:50%}.star-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.star-stats div,.planet-card{padding:8px;background:#071c34;border:1px solid #234e68;border-radius:5px}.star-stats span{display:block;color:#82a7ba;font-size:10px}.planet-card{display:flex;align-items:center;gap:9px;margin:6px 0}.planet-dot{width:30px;height:30px;flex:0 0 auto;border-radius:50%;border:1px solid #dff}.planet-card small{display:block;color:#829fb1}.starmap-footer{position:absolute;inset:auto 0 0;height:82px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(#00172b,#000811);border-top:2px solid #167eb5}.starmap-footer div{display:flex;flex:1;flex-direction:column;gap:5px}.starmap-footer b{color:#58f4ff;font-size:10px}.starmap-footer span{color:#bdd4df}.starmap-footer button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){#top-bar{padding:0 8px;gap:8px}.planet{display:none}#resources{left:8px;top:50px;width:205px;padding:9px}.resource-grid{gap:4px}.resource-grid div{padding:5px}#mission{padding:6px}#build-menu{right:8px;top:auto;bottom:46px;width:230px;max-height:48vh;overflow:auto;padding:9px}#build-buttons{gap:4px}.build-button{min-height:48px;padding:6px;font-size:11px}#hint{bottom:8px;max-width:94vw;overflow:hidden;text-overflow:ellipsis}}