:root{--primary:#4ab4ff;--secondary:#2778c4;--bg-deep:#050b14;--bg-panel:#0a1423bf;--ph:205;--ps:70%;--pl:60%;--border-light:hsla(var(--ph), var(--ps), var(--pl), .2);--text-primary:#e6f3ff;--text-muted:#e6f3ff99;--font-hud:"Barlow Condensed", sans-serif;--font-body:"Inter", sans-serif;--glow:0 0 15px hsla(var(--ph), var(--ps), var(--pl), .3)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;margin:0;padding:0}body{width:100%;height:100vh;color:var(--text-primary);font-family:var(--font-body);cursor:crosshair;background:radial-gradient(circle,#06080e 0%,#010204 100%);margin:0;padding:0;font-weight:300;overflow:hidden}#root{background:#010204;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.game-container{background:#030810;width:100%;height:100%;position:relative;overflow:hidden}h1,h2,h3,h4,.hud-text{font-family:var(--font-hud)}@keyframes breathe{0%{opacity:.85;filter:drop-shadow(0 0 10px hsla(var(--ph), var(--ps), var(--pl), .1))}50%{opacity:1;filter:drop-shadow(0 0 25px hsla(var(--ph), var(--ps), var(--pl), .3))}to{opacity:.85;filter:drop-shadow(0 0 10px hsla(var(--ph), var(--ps), var(--pl), .1))}}@keyframes startPulse1{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes startPulse2{0%{opacity:.4;transform:scale(1)}50%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(3)}}@keyframes startPulse3{0%{opacity:.3;transform:scale(1)}66%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(3.5)}}.hud-wrapper{pointer-events:none;mix-blend-mode:normal;animation:6s ease-in-out infinite breathe;position:absolute;inset:0}.hud-edge-blur{pointer-events:none;-webkit-backdrop-filter:blur(10px);z-index:0;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 32%,#000 90%);mask-image:radial-gradient(#0000 32%,#000 90%)}.panel-subtle{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);box-shadow:inset 0 0 20px #00000080, 0 4px 20px #00000080, 0 0 1px hsla(var(--ph), var(--ps), var(--pl), .15);isolation:isolate;mix-blend-mode:normal;background:#060c18e0;border-radius:0;transition:border-color 1.2s}.hud-wrapper *{transition:color 1.2s,border-color 1.2s,text-shadow 1.2s,box-shadow 1.2s}.luminous-glow{background:radial-gradient(circle at center, hsla(var(--ph), var(--ps), var(--pl), .04), transparent 70%);pointer-events:none;z-index:0;width:400px;height:400px;position:absolute}.arc-container{pointer-events:none;justify-content:center;align-items:flex-end;width:80vw;height:15vh;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.arc-line{border-top:1px dashed hsla(var(--ph), var(--ps), var(--pl), .2);border-radius:50%;width:120%;height:1000px;position:absolute;top:50px}.data-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.data-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.data-value{font-family:var(--font-hud);color:var(--primary);letter-spacing:1px;text-shadow:0 0 8px hsla(var(--ph), var(--ps), var(--pl), .5);font-size:14px}.hud-input{border:none;border-bottom:1px solid var(--border-light);color:var(--primary);font-family:var(--font-hud);letter-spacing:2px;text-shadow:0 0 8px hsla(var(--ph), var(--ps), var(--pl), .5);cursor:pointer;background:0 0;outline:none;padding:5px;font-size:18px;transition:border-color .3s}.hud-input:hover,.hud-input:focus{border-bottom-color:var(--primary)}.hud-scroll-input{width:100%;color:var(--primary);font-family:var(--font-hud);letter-spacing:2px;text-shadow:0 0 8px hsla(var(--ph), var(--ps), var(--pl), .5);cursor:ns-resize;box-sizing:border-box;appearance:textfield;background:0 0;border:none;border-bottom:1px solid #ffffff1a;outline:none;padding:6px 2px;font-size:18px;transition:border-color .2s,text-shadow .2s}.hud-scroll-input::-webkit-inner-spin-button{display:none}.hud-scroll-input::-webkit-outer-spin-button{display:none}.hud-scroll-input:hover{border-bottom-color:var(--primary);text-shadow:0 0 12px hsla(var(--ph), var(--ps), var(--pl), .6)}.hud-scroll-input:focus{border-bottom-color:var(--primary);text-shadow:0 0 15px hsla(var(--ph), var(--ps), var(--pl), .7);cursor:text}.btn-jump{background:hsla(var(--ph), var(--ps), var(--pl), .1);border:1px solid var(--border-light);color:var(--text-primary);font-family:var(--font-hud);letter-spacing:2px;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:12px 24px;font-size:14px;transition:all .3s;display:flex}.btn-jump:hover:not(:disabled){background:hsla(var(--ph), var(--ps), var(--pl), .2);border-color:var(--primary);box-shadow:var(--glow)}.btn-jump:disabled{opacity:.3;cursor:not-allowed}@keyframes pulse-ring{0%{border-color:#fff9;transform:translate(-50%,-50%)scale(.8);box-shadow:0 0 #fff6}70%{border-color:#fff0;transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 0 10px #fff0}to{border-color:#fff0;transform:translate(-50%,-50%)scale(.8);box-shadow:0 0 #fff0}}.era-timeline-wrapper{position:absolute;top:8px;left:200px;right:200px}.era-major-row{gap:2px;display:flex}.era-major-tab{cursor:pointer;background:#0a1423b3;border:1px solid #ffffff14;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:7px 4px 6px;transition:all .25s;display:flex;position:relative;overflow:hidden}.era-major-tab:hover{border-color:hsla(var(--ph), var(--ps), var(--pl), .15);background:#0f1e32d9}.era-major-active{box-shadow:0 2px 15px hsla(var(--ph), var(--ps), var(--pl), .12);border-color:hsla(var(--ph), var(--ps), var(--pl), .25)!important;border-bottom-color:var(--primary)!important;background:#0f1e37e6!important}.era-major-label{font-family:var(--font-hud);letter-spacing:1.5px;color:#ffffff73;text-transform:uppercase;white-space:nowrap;font-size:10px;transition:all .25s}.era-major-tab:hover .era-major-label{color:#ffffffbf}.era-major-active .era-major-label{color:var(--primary);text-shadow:0 0 10px hsla(var(--ph), var(--ps), var(--pl), .4);font-weight:500}.era-major-desc{font-family:var(--font-hud);letter-spacing:1px;color:#fff3;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:8px;overflow:hidden}.era-major-active .era-major-desc{color:#ffffff59}.era-sub-row{-webkit-backdrop-filter:blur(12px);background:#08101cd9;border:1px solid #ffffff0f;border-top:none;border-radius:0 0 4px 4px;align-items:center;gap:0;padding:0;display:flex;overflow-x:auto}.era-sub-tab{color:var(--text-muted);font-family:var(--font-hud);letter-spacing:1.5px;cursor:pointer;white-space:nowrap;text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:7px 12px;font-size:10px;transition:all .2s;position:relative;overflow:hidden}.era-sub-tab:hover{color:var(--text-primary);background:hsla(var(--ph), var(--ps), var(--pl), .35)}.era-sub-active{border-bottom-color:var(--primary);text-shadow:0 0 8px hsla(var(--ph), var(--ps), var(--pl), .5);color:var(--primary)!important;background:hsla(var(--ph), var(--ps), var(--pl), .06)!important}.era-sub-range{font-family:var(--font-hud);color:var(--text-muted);letter-spacing:1px;white-space:nowrap;flex-shrink:0;margin-left:auto;padding:0 12px;font-size:9px}.era-pos-marker{background:var(--primary);width:2px;box-shadow:0 0 6px var(--primary), 0 0 2px var(--primary);pointer-events:none;z-index:2;opacity:.9;border-radius:1px;position:absolute;top:2px;bottom:2px;transform:translate(-1px)}.era-pos-marker-sub{opacity:.8;width:1.5px;box-shadow:0 0 4px var(--primary)}.jog-shuttle{-webkit-user-select:none;user-select:none;cursor:grab;padding:4px 0}.jog-shuttle:active{cursor:grabbing}.jog-track{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;height:28px;position:relative;overflow:hidden}.jog-active .jog-track{border-color:hsla(var(--ph), var(--ps), var(--pl), .25);box-shadow:0 0 12px hsla(var(--ph), var(--ps), var(--pl), .08)}.jog-center-line{background:#fff3;width:1px;position:absolute;top:4px;bottom:4px;left:50%;transform:translate(-.5px)}.jog-speed-fill{background:linear-gradient(to bottom, hsla(var(--ph), var(--ps), var(--pl), .15), hsla(var(--ph), var(--ps), var(--pl), .05));position:absolute;top:0;bottom:0;transition:none!important}.jog-handle{z-index:3;width:20px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:none!important}.jog-handle-inner{background:radial-gradient(circle, var(--primary), hsla(var(--ph), var(--ps), var(--pl), .6));width:100%;height:100%;box-shadow:0 0 8px hsla(var(--ph), var(--ps), var(--pl), .5), 0 0 3px #0006;border-radius:50%;transition:box-shadow .15s}.jog-active .jog-handle-inner{box-shadow:0 0 16px hsla(var(--ph), var(--ps), var(--pl), .8), 0 0 4px #0006;background:radial-gradient(circle, hsla(var(--ph), var(--ps), 75%, 1), var(--primary))}.jog-labels{font-family:var(--font-hud);letter-spacing:1px;color:var(--text-muted);opacity:.6;margin-top:4px;padding:0 4px;font-size:8px;display:flex}.jog-labels>span{flex:1}.jog-labels>span:first-child{text-align:left}.jog-labels>span:nth-child(2){text-align:center}.jog-labels>span:last-child{text-align:right}.location-search{letter-spacing:.5px;width:100%;color:var(--text-primary);background:0 0;border:none;border-bottom:1px solid #ffffff14;outline:none;padding:6px 0;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:border-color .4s,box-shadow .4s}.location-search:focus{border-bottom-color:var(--primary);box-shadow:0 1px 0 0 var(--primary)}.location-search::placeholder{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:300}.location-search:not(:focus){cursor:pointer}.hud-scroll::-webkit-scrollbar{width:4px}.panel-subtle ::-webkit-scrollbar{width:4px}.panel-subtle::-webkit-scrollbar{width:4px}.hud-scroll::-webkit-scrollbar-track{background:0 0}.panel-subtle ::-webkit-scrollbar-track{background:0 0}.panel-subtle::-webkit-scrollbar-track{background:0 0}.hud-scroll::-webkit-scrollbar-thumb{background:hsla(var(--ph), var(--ps), var(--pl), .15);border-radius:2px;transition:background .3s}.panel-subtle ::-webkit-scrollbar-thumb{background:hsla(var(--ph), var(--ps), var(--pl), .15);border-radius:2px;transition:background .3s}.panel-subtle::-webkit-scrollbar-thumb{background:hsla(var(--ph), var(--ps), var(--pl), .15);border-radius:2px;transition:background .3s}.hud-scroll::-webkit-scrollbar-thumb:hover{background:hsla(var(--ph), var(--ps), var(--pl), .35);box-shadow:0 0 6px hsla(var(--ph), var(--ps), var(--pl), .25)}.panel-subtle ::-webkit-scrollbar-thumb:hover{background:hsla(var(--ph), var(--ps), var(--pl), .35);box-shadow:0 0 6px hsla(var(--ph), var(--ps), var(--pl), .25)}.panel-subtle::-webkit-scrollbar-thumb:hover{background:hsla(var(--ph), var(--ps), var(--pl), .35);box-shadow:0 0 6px hsla(var(--ph), var(--ps), var(--pl), .25)}.mission-scroll::-webkit-scrollbar{width:3px}.mission-scroll::-webkit-scrollbar-track{background:0 0;margin:8px 0}.mission-scroll::-webkit-scrollbar-thumb{background:var(--primary,hsla(var(--ph), var(--ps), var(--pl), .15));opacity:.2;border-radius:2px}.mission-scroll::-webkit-scrollbar-thumb:hover{opacity:.5}.hud-scroll,.panel-subtle,.panel-subtle *,.mission-scroll{scrollbar-width:thin;scrollbar-color:hsla(var(--ph), var(--ps), var(--pl), .15) transparent}.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner{appearance:textfield}.explorer-scroll::-webkit-scrollbar{width:8px;height:8px}.explorer-scroll::-webkit-scrollbar-track{background:hsla(var(--ph), var(--ps), var(--pl), .04);border-radius:4px;margin:4px 0}.explorer-scroll::-webkit-scrollbar-thumb{background:hsla(var(--ph), var(--ps), var(--pl), .35);border:1px solid hsla(var(--ph), var(--ps), var(--pl), .25);border-radius:4px}.explorer-scroll::-webkit-scrollbar-thumb:hover{background:hsla(var(--ph), var(--ps), var(--pl), .6)}.explorer-scroll::-webkit-scrollbar-corner{background:0 0}.explorer-scroll{scrollbar-width:thin;scrollbar-color:hsla(var(--ph), var(--ps), var(--pl), .35) hsla(var(--ph), var(--ps), var(--pl), .04)}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0a0f1966;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:hsla(var(--ph), var(--ps), var(--pl), .3);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:hsla(var(--ph), var(--ps), var(--pl), .35)}.custom-scrollbar::-webkit-scrollbar-corner{background:0 0}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:hsla(var(--ph), var(--ps), var(--pl), .15) #0a0f1966}.op-scroll-area::-webkit-scrollbar{width:4px}.op-scroll-area::-webkit-scrollbar-track{background:hsla(var(--ph), var(--ps), var(--pl), .03);border-radius:2px;margin:8px 0}.op-scroll-area::-webkit-scrollbar-thumb{background:hsla(var(--ph), var(--ps), var(--pl), .18);border-radius:2px;transition:background .3s}.op-scroll-area::-webkit-scrollbar-thumb:hover{background:hsla(var(--ph), var(--ps), var(--pl), .35);box-shadow:0 0 6px hsla(var(--ph), var(--ps), var(--pl), .25)}.op-scroll-area{scrollbar-width:thin;scrollbar-color:hsla(var(--ph), var(--ps), var(--pl), .18) hsla(var(--ph), var(--ps), var(--pl), .03)}.op-panel-expanded{transition:box-shadow .3s}.param-category-title{font-family:var(--font-hud);letter-spacing:4px;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid #ffffff1a;margin-bottom:12px;padding:12px 0 6px;font-size:11px;font-weight:600}.param-row{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.param-header{justify-content:space-between;align-items:center;display:flex}.param-title{font-family:var(--font-hud);letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:700;transition:color .3s}.param-auto-btn{color:var(--text-muted);cursor:pointer;letter-spacing:1px;font-size:8px;font-family:var(--font-hud);background:#0006;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-weight:600;transition:all .2s}.param-auto-btn.active{color:#06b6d4;text-shadow:0 0 4px #06b6d480;background:#06b6d426;border-color:#06b6d480;box-shadow:0 0 8px #06b6d433}.param-labels{font-size:8px;font-family:var(--font-hud);color:#fff6;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;transition:opacity .3s,color .3s;display:flex}.param-value{color:#fff;text-shadow:0 0 4px #ffffff4d;font-family:Courier New,Courier,monospace;font-size:9px;font-weight:600}.param-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px;transition:background .2s;box-shadow:inset 0 1px 3px #00000080}.param-slider::-webkit-slider-thumb{appearance:none;background:var(--slider-color,#06b6d4);cursor:pointer;width:14px;height:14px;box-shadow:0 0 10px var(--slider-color,#06b6d4cc);border:2px solid #000c;border-radius:50%;transition:transform .1s,background .3s,box-shadow .3s}.param-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.portrait-lock-overlay{z-index:999999;pointer-events:all;background:#010204;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0}.portrait-lock-icon{color:var(--primary,#4ab4ff);filter:drop-shadow(0 0 20px #4ab4ff66);justify-content:center;align-items:center;animation:2.2s ease-in-out infinite rotateHint;display:flex}@keyframes rotateHint{0%{transform:rotate(0)}20%{transform:rotate(0)}50%{transform:rotate(90deg)}80%{transform:rotate(90deg)}to{transform:rotate(0)}}.portrait-lock-text{font-family:var(--font-hud);letter-spacing:3px;text-transform:uppercase;color:#ffffff8c;text-align:center;font-size:14px;line-height:1.6}.portrait-lock-subtext{font-family:var(--font-body);color:#ffffff40;letter-spacing:1px;text-align:center;font-size:11px}@media (hover:none) and (pointer:coarse){body{cursor:default}button,[role=button],.era-major-tab,.era-sub-tab{min-width:44px;min-height:44px}*{-webkit-touch-callout:none}button,[role=button],.era-major-tab,.era-sub-tab,.btn-jump,.param-auto-btn{touch-action:manipulation}.hud-scroll,.panel-subtle,.mission-scroll,.op-scroll-area{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.game-container canvas,.game-container>div>canvas{touch-action:none!important}.jog-shuttle{touch-action:none}.era-major-tab:hover,.era-sub-tab:hover{background:inherit;border-color:inherit}.jog-handle{width:28px;height:28px}.jog-track{border-radius:18px;height:36px}}@media (height<=500px) and (orientation:landscape) and (hover:none){.era-timeline-wrapper{top:4px!important;left:100px!important;right:100px!important}.era-major-tab{padding:4px 2px 3px!important}.era-major-label{font-size:8px!important}.era-major-desc{display:none!important}.era-sub-tab{padding:4px 8px!important;font-size:8px!important}.jog-track{height:28px!important}.panel-subtle{border-radius:6px}}@supports (padding:env(safe-area-inset-bottom)){.game-container{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}