*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#000;width:100%;height:100%;overflow:hidden}#app{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.sidebar{color:#fff;box-sizing:border-box;z-index:1000;background:#0a0a1ef2;border-left:2px solid #0fc;width:320px;height:100vh;padding:20px;font-family:Courier New,monospace;transition:transform .3s ease-in-out;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-5px 0 20px #0fc3}.sidebar.active{transform:translate(0)}.sidebar-header{border-bottom:1px solid #0fc;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.sidebar-header h2{color:#0fc;margin:0;font-size:1.5rem}#close-sidebar{color:#0fc;cursor:pointer;z-index:1001;background:0 0;border:1px solid #0fc;padding:6px 12px;font-family:Courier New,monospace;transition:all .2s}#close-sidebar:hover{color:#000;background:#0fc}#sidebar-content{margin-top:10px}#sidebar-content h3{color:#0fc;margin-bottom:10px;font-size:1.2rem}.distance{color:#ccc;margin:10px 0;font-family:Courier New,monospace;font-size:.9rem}.bobs{color:#0fc;margin:10px 0;font-family:Courier New,monospace;font-size:.9rem}.lore{color:#aaa;border-top:1px dashed #333;margin-top:15px;padding-top:15px;font-size:.9rem;line-height:1.5}.planets-section{border-top:1px dashed #333;margin-top:20px;padding-top:15px}.planets-section h4{color:#0fc;margin-bottom:10px;font-size:1rem}.planets-section ul{padding-left:0;list-style-type:none}.planets-section li{color:#ccc;border-left:2px solid #0fc;margin-bottom:5px;padding-left:10px;font-size:.9rem}.trails-section{border-top:1px dashed #333;margin-top:20px;padding-top:15px}.trails-section h4{color:#0fc;margin-bottom:10px;font-size:1rem}.mission-card{cursor:pointer;background:#ffffff0d;border-left:4px solid;border-radius:4px;margin-bottom:12px;padding:10px 12px;font-size:.9rem;transition:all .2s}.mission-card:hover{background:#ffffff1a;transform:translate(5px)}.mission-card.inbound{border-left-color:#4caf50}.mission-card.outbound{border-left-color:#ffeb3b}.tag{text-transform:uppercase;vertical-align:middle;border-radius:3px;margin-right:4px;padding:2px 5px;font-size:.7rem;font-weight:700;display:inline-block}.tag-discovery{color:#fff;background:#f36}.tag-inbound{color:#fff;background:#4caf50}.tag-outbound{color:#000;background:#ffeb3b}.mission-header{color:#fff;margin-bottom:4px;font-weight:700}.log-label{color:#aaa;text-transform:uppercase;margin-right:4px;font-size:.85rem;font-weight:700}.log-value{color:#ddd;font-size:.85rem}.log-note{color:#888;margin-top:6px;font-size:.75rem;line-height:1.4}#search-container{z-index:999;width:300px;position:fixed;top:20px;left:20px}#search-input{color:#fff;box-sizing:border-box;background:#0a0a1ef2;border:2px solid #0fc;outline:none;width:100%;padding:10px 12px;font-family:Courier New,monospace;font-size:.9rem;transition:all .2s}#search-input:focus{box-shadow:0 0 15px #00ffcc4d}#search-input::placeholder{color:#666}#search-results{background:#0a0a1efa;border:1px solid #0fc;border-top:none;max-height:300px;margin-top:-1px;display:none;overflow-y:auto}#search-results.active{display:block}#search-results::-webkit-scrollbar{width:6px}#search-results::-webkit-scrollbar-track{background:#00ffcc1a}#search-results::-webkit-scrollbar-thumb{background:#0fc;border-radius:3px}.search-result-item{color:#ccc;cursor:pointer;border-bottom:1px solid #00ffcc26;padding:10px 12px;font-family:Courier New,monospace;font-size:.9rem;transition:all .15s}.search-result-item:hover{color:#0fc;background:#00ffcc1a;padding-left:15px}.search-result-item:last-child{border-bottom:none}#timeline-container{z-index:998;background:#0a0a1ef2;border:2px solid #0fc;align-items:center;gap:15px;padding:10px 20px;font-family:Courier New,monospace;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#timeline-label{color:#0fc;text-align:center;min-width:50px;font-size:1rem}#timeline-slider{-webkit-appearance:none;background:#0fc3;border-radius:3px;outline:none;width:300px;height:6px}#timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#0fc;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #00ffcc80}#timeline-slider::-moz-range-thumb{cursor:pointer;background:#0fc;border:none;border-radius:50%;width:16px;height:16px}#toggle-routes{color:#0fc;cursor:pointer;background:0 0;border:1px solid #0fc;padding:6px 12px;font-family:Courier New,monospace;font-size:.9rem;transition:all .2s}#toggle-routes:hover,#toggle-routes.active{color:#000;background:#0fc}#help-btn{color:#0fc;cursor:pointer;z-index:999;background:#000000b3;border:2px solid #0fc;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;transition:all .2s;display:flex;position:fixed;bottom:20px;left:20px}#help-btn:hover{color:#000;background:#0fc}.modal-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-overlay.active{display:flex}.modal-content{color:#fff;background:#0a0a1e;border:2px solid #0fc;border-radius:4px;min-width:300px;max-width:500px;font-family:Courier New,monospace}.modal-header{border-bottom:1px solid #0fc;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-header h2{color:#0fc;margin:0;font-size:1.1rem}#close-help{color:#0fc;cursor:pointer;background:0 0;border:1px solid #0fc;padding:4px 10px;font-family:Courier New,monospace;font-size:.8rem}#close-help:hover{color:#000;background:#0fc}.modal-body{padding:16px;font-size:.9rem;line-height:1.6}.modal-body p{margin-bottom:12px}.modal-body ul{padding:0;list-style:none}.modal-body li{border-bottom:1px solid #00ffcc1a;padding:6px 0}.modal-body li:last-child{border-bottom:none}.welcome-text{color:#0fc;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:1rem}.controls-grid{flex-direction:column;gap:4px;display:flex}.control-row{background:#00ffcc08;border:1px solid #00ffcc26;border-radius:3px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 10px;transition:all .2s;display:flex}.control-row:hover{background:#00ffcc14;border-color:#0fc6}.hud-key{color:#00f3ff;text-transform:uppercase;text-shadow:0 0 8px #00f3ffcc;letter-spacing:.5px;white-space:nowrap;background:#00f3ff1a;border:1px solid #00f3ff99;border-radius:3px;padding:4px 10px;font-family:Courier New,monospace;font-size:.75rem;font-weight:700;display:inline-block;box-shadow:0 0 10px #00f3ff33}.hud-action{color:#ccc;text-align:right;margin-left:12px;font-family:Courier New,monospace;font-size:.85rem}#close-help{color:#0fc;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:1px solid #0fc;padding:6px 14px;font-family:Courier New,monospace;font-size:.85rem;transition:all .2s}#close-help:hover{color:#000;text-shadow:none;background:#0fc;box-shadow:0 0 20px #0fc9}