@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Michroma&display=swap";:root{--bg:#05070d;--bg-soft:#090e18c2;--bg-strong:#080c15eb;--text:#f2f6fb;--text-muted:#f2f6fbad;--line:#9abedf2e;--line-strong:#9abedf57;--cyan:#8dd6ff;--amber:#ffcb73;--danger:#ff8f76;--shadow:0 24px 80px #00000061;--radius:24px;--display-font:"Michroma", sans-serif;--body-font:"Manrope", sans-serif;color:var(--text);font:16px/1.45 var(--body-font);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#09111d 0%,#04070d 100%)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;overflow:hidden}button,input,textarea,select{font:inherit}.shell{isolation:isolate;height:100svh;position:relative;overflow:hidden}#viewport{width:100%;height:100%;display:block;position:absolute;inset:0}.shell-aura,.shell-grid{pointer-events:none;position:absolute;inset:0}.shell-aura{display:none}.shell-grid{opacity:.18;background-image:linear-gradient(#8dd6ff14 1px,#0000 1px),linear-gradient(90deg,#8dd6ff14 1px,#0000 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at 56% 52%,#0000 0 24%,#000000eb 42%,#000 60%,#0000 92%);mask-image:radial-gradient(circle at 56% 52%,#0000 0 24%,#000000eb 42%,#000 60%,#0000 92%)}.overlay{z-index:2;pointer-events:none;grid-template:"nav rail"minmax(340px,1.05fr)"controls rail"minmax(0,1.35fr)/minmax(320px,470px) minmax(300px,430px);justify-content:space-between;align-items:stretch;gap:18px;height:100%;padding:24px;display:grid;position:relative;overflow:hidden}.overlay.controls-collapsed{grid-template-rows:minmax(0,1fr) auto}.overlay.is-hidden{display:none}.panel{pointer-events:auto;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffffff0b, #ffffff03), var(--bg-soft);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:22px 22px 20px;position:relative;overflow:hidden}.panel:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff0a;position:absolute;inset:0}.panel-hero{clip-path:polygon(0 0,86% 0,100% 19%,100% 100%,0 100%);grid-area:hero}.panel-nav{flex-direction:column;grid-area:nav;min-height:0;display:flex}.overlay-rail{flex-direction:column;grid-area:rail;align-self:start;gap:16px;min-width:0;min-height:0;padding-right:6px;display:flex;overflow:hidden auto}.panel-status{width:100%}.panel-telemetry{width:100%;padding:18px 18px 16px}.panel-ship-bay{width:100%}.panel-controls{flex-direction:column;grid-area:controls;align-self:stretch;min-height:0;display:flex}.panel-controls.is-collapsed{align-self:start;padding-bottom:18px}.panel-controls.is-collapsed .control-list,.panel-controls.is-collapsed .asset-attribution{display:none}.panel-controls.is-collapsed .panel-head{margin-bottom:0}.panel-minimap{pointer-events:none;background:linear-gradient(#ffffff0e,#ffffff03),#070b13d1;align-self:flex-end;width:min(100%,310px);padding:16px 16px 14px}.panel-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.panel-head-compact{align-items:center}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:.7rem;display:flex}.panel-nav .panel-head{flex-direction:column;align-items:flex-start}.panel-nav .panel-actions{justify-content:flex-start;margin-top:.9rem}.hud-toggle-button{min-width:8.4rem}.eyebrow{color:var(--amber);letter-spacing:.22em;text-transform:uppercase;margin:0 0 .45rem;font-size:.75rem;font-weight:700}.panel h1,.panel h2{font-family:var(--display-font);letter-spacing:-.03em;margin:0}.panel-hero h1{font-size:clamp(2.4rem,4vw,4.3rem);line-height:.95}.panel-nav h2,.panel-status h2{font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.05}.lede,.panel-copy,.action-prompt{color:var(--text-muted)}.lede{max-width:34rem;margin:1rem 0 0}.chips{flex-wrap:wrap;gap:.6rem;margin-top:1.3rem;display:flex}.chip{color:var(--amber);letter-spacing:.03em;background:#ffcb7314;border:1px solid #ffcb732e;border-radius:999px;padding:.42rem .7rem;font-size:.78rem;font-weight:700}.nav-action{color:var(--text);letter-spacing:.02em;cursor:pointer;border-radius:999px;padding:.8rem 1rem;font-weight:800;transition:transform .16s,border-color .16s,background .16s}.nav-action:hover,.nav-action:focus-visible{outline:none;transform:translateY(-2px)}.nav-action-autopilot{background:linear-gradient(135deg,#ffcb7333,#ffcb730a),#12151ee6;border:1px solid #ffcb7347}.nav-action-autopilot:hover,.nav-action-autopilot:focus-visible{border-color:#ffcb7380}.nav-action-autopilot[data-state=active]{background:linear-gradient(135deg,#8dd6ff3d,#8dd6ff0f),#0e131eeb;border-color:#8dd6ff6b}.nav-action-teleport{background:linear-gradient(135deg,#8dd6ff2e,#8dd6ff08),#0e131ee6;border:1px solid #8dd6ff42}.nav-action-teleport:hover,.nav-action-teleport:focus-visible{border-color:#8dd6ff80}.nav-action-size-comparison{background:linear-gradient(135deg,#aefaff29,#aefaff08),#101824e6;border:1px solid #aefaff3d}.nav-action-size-comparison:hover,.nav-action-size-comparison:focus-visible{border-color:#aefaff85}.nav-action-size-comparison[data-state=active]{background:linear-gradient(135deg,#ffcb7338,#ffcb730f),#121722f2;border-color:#ffcb736b}.destination-list{flex:auto;gap:.75rem;min-height:0;padding-right:6px;display:grid;overflow:hidden auto}.destination-card{width:100%;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(#ffffff0b,#ffffff03),#080b12b3;border:1px solid #ffffff0f;border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:.85rem;padding:.95rem 1rem;transition:transform .16s,border-color .16s,background .16s;display:grid;position:relative}.destination-card:hover,.destination-card:focus-visible{border-color:#8dd6ff57;outline:none;transform:translateY(-2px)}.destination-card.is-selected{background:linear-gradient(#ffcb731f,#ffcb7306),#0a0e17db;border-color:#ffcb736b}.destination-card.is-nearest:after{content:"Nearest";color:var(--cyan);letter-spacing:.05em;text-transform:uppercase;background:#8dd6ff1f;border-radius:999px;padding:.18rem .5rem;font-size:.72rem;font-weight:800;position:absolute;bottom:.85rem;right:.95rem}.destination-swatch{background:var(--marker-color);width:12px;min-height:100%;box-shadow:0 0 24px color-mix(in srgb, var(--marker-color) 60%, transparent);border-radius:999px}.destination-copy{gap:.25rem;display:grid}.destination-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.destination-head strong{font-size:1rem;font-weight:800}.destination-orbit,.destination-note,.destination-meta{color:var(--text-muted);font-size:.88rem}.destination-meta{flex-wrap:wrap;gap:.9rem;display:flex}.status-pill{color:var(--cyan);letter-spacing:.06em;text-transform:uppercase;background:#8dd6ff1a;border-radius:999px;align-items:center;padding:.42rem .68rem;font-size:.78rem;font-weight:800;display:inline-flex}.status-strip{flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:.5rem;display:flex}.pilot-badge{min-height:2rem;color:var(--text);letter-spacing:.04em;text-transform:uppercase;background:#080b1294;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.42rem;padding:.38rem .62rem;font-size:.78rem;font-weight:900;display:inline-flex}.pilot-swatch{background:var(--pilot-color,#62f6a5);width:.72rem;height:.72rem;box-shadow:0 0 18px var(--pilot-color,#62f6a5);border-radius:999px}.pilot-team{color:var(--text-muted)}.portal-waypoint{--portal-x:50vw;--portal-y:50vh;--portal-rotation:0deg;z-index:4;left:var(--portal-x);top:var(--portal-y);pointer-events:none;background:linear-gradient(135deg,#62f6a533,#ffcb7314),#04080ed1;border:1px solid #62f6a594;border-radius:10px;gap:.04rem;min-width:6.9rem;padding:.38rem .56rem .42rem 1.32rem;transition:border-color .16s,box-shadow .16s;display:grid;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 28px #62f6a557,0 14px 34px #00000057}.portal-waypoint[hidden]{display:none}.portal-waypoint:before{content:"";width:.44rem;height:.44rem;transform:translateY(-50%) rotate(var(--portal-rotation));transform-origin:50%;filter:drop-shadow(0 0 8px #62f6a5d9);border-top:1.5px solid #62f6a5;border-right:1.5px solid #62f6a5;position:absolute;top:50%;left:.48rem}.portal-waypoint[data-offscreen=false]:before{background:#62f6a5;border:0;border-radius:999px;transform:translateY(-50%);box-shadow:0 0 16px #62f6a5e6}.portal-waypoint[data-active=true]{border-color:#ffcb73c7;box-shadow:0 0 40px #ffcb7366,0 14px 34px #00000057}.portal-waypoint-label{color:#f2fff8;font-family:var(--display-font);letter-spacing:.02em;font-size:.56rem}.portal-waypoint-distance{color:var(--amber);font-size:.64rem;font-weight:900}.status-pill.stable{background:#8dd6ff24}.status-pill.warning{color:var(--danger);background:#ff8f7629}.panel-status h2{margin-top:.6rem}.panel-copy{max-width:30rem;margin:.8rem 0 0}.action-prompt{margin:1rem 0 0;font-size:.98rem}.light-speed-guide[hidden]{display:none}.light-speed-guide{background:linear-gradient(135deg,#ffcb7329,#8dd6ff0e),#060a12b8;border:1px solid #ffcb7357;border-radius:16px;align-items:center;gap:.72rem;width:fit-content;max-width:100%;margin:.82rem 0 0;padding:.58rem .78rem .58rem .66rem;animation:1.9s ease-in-out infinite light-speed-guide-pulse;display:flex;box-shadow:inset 0 0 0 1px #ffffff09,0 16px 34px #0000003d}.light-speed-guide-beam{background:linear-gradient(90deg, #8dd6ff00, var(--cyan), var(--amber));border-radius:999px;flex:none;width:2.35rem;height:.24rem;position:relative;overflow:hidden;box-shadow:0 0 18px #ffcb7394}.light-speed-guide-beam:after{content:"";filter:blur(2px);background:#ffffffdb;border-radius:999px;width:.85rem;animation:1.1s ease-in-out infinite light-speed-guide-sweep;position:absolute;inset:-.2rem auto -.2rem 0}.light-speed-guide-copy{color:var(--text);flex-wrap:wrap;align-items:center;gap:.34rem;font-size:.8rem;font-weight:800;line-height:1.2;display:flex}.light-speed-guide kbd{min-width:3.7rem;color:var(--amber);font-family:var(--body-font);text-align:center;background:linear-gradient(#ffffff29,#ffffff0a),#02050bdb;border:1px solid #f2f6fb47;border-radius:8px;padding:.18rem .44rem .22rem;font-size:.76rem;font-weight:900;animation:1.9s ease-in-out infinite light-speed-key-tap;box-shadow:0 .16rem #ffcb7333,0 0 18px #8dd6ff33}.light-speed-guide strong{color:var(--amber)}.expedition-panel{background:linear-gradient(#ffcb7317,#8dd6ff09),#070b12ad;border:1px solid #ffcb732e;border-radius:18px;gap:.72rem;margin-top:1rem;padding:.9rem;display:grid}.expedition-panel[data-phase=scanning]{background:linear-gradient(#8dd6ff1c,#ffcb7309),#070b12b8;border-color:#8dd6ff57}.expedition-topline,.expedition-meta{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.expedition-topline span,.expedition-topline strong{color:var(--amber);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.expedition-objective{color:var(--text);margin:0;font-size:.94rem;line-height:1.35}.expedition-route{color:#f2f6fb94;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:800;line-height:1.35;display:block}.expedition-meta,.expedition-progress-label,.expedition-event{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:800}.expedition-panel[data-timer=active] #expedition-bonus{color:var(--cyan)}.expedition-progress{background:#ffffff14;border-radius:999px;height:.42rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.expedition-progress span{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg, var(--amber), var(--cyan));width:100%;height:100%;transition:transform .12s;display:block;transform:scaleX(0)}.expedition-event{color:#f2f6fb8a;min-height:1rem}.expedition-panel[data-event=success] .expedition-event{color:#62f6a5}.expedition-panel[data-event=complete] .expedition-event{color:var(--amber)}.minimap-copy{color:var(--text-muted);max-width:16rem;margin:0 0 .65rem;font-size:.76rem}.minimap-frame{background:radial-gradient(circle,#182c4647,#0000 58%),linear-gradient(#ffffff06,#ffffff03),#05080eeb;border:1px solid #8dd6ff1f;border-radius:20px;padding:.6rem;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,0 18px 40px #0000002e}.minimap-canvas{aspect-ratio:1;border-radius:14px;width:100%;display:block}.minimap-legend{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:.45rem .8rem;margin-top:.7rem;font-size:.66rem;font-weight:700;display:flex}.minimap-legend span{align-items:center;gap:.4rem;display:inline-flex}.minimap-dot{border-radius:999px;width:.62rem;height:.62rem;box-shadow:inset 0 0 0 1px #ffffff1a}.minimap-dot-ship{background:#f2f6fb}.minimap-dot-target{background:var(--amber)}.minimap-dot-nearest{background:var(--cyan)}.telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.telemetry-card{background:linear-gradient(#ffffff0a,#ffffff03),#080b129e;border:1px solid #ffffff0f;border-radius:16px;padding:.78rem .82rem .76rem}.ship-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem;display:grid}.ship-card{width:100%;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(#ffffff0b,#ffffff03),#080b12ad;border:1px solid #ffffff0f;border-radius:16px;gap:.65rem;padding:.85rem .9rem;transition:transform .16s,border-color .16s,background .16s;display:grid}.ship-card:hover,.ship-card:focus-visible{border-color:#8dd6ff57;outline:none;transform:translateY(-2px)}.ship-card.is-selected{border-color:color-mix(in srgb, var(--ship-color) 58%, white);background:linear-gradient(180deg, color-mix(in srgb, var(--ship-color) 20%, transparent), #ffffff05), #0a0e17db}.ship-swatch{background:var(--ship-color);width:100%;height:.36rem;box-shadow:0 0 22px color-mix(in srgb, var(--ship-color) 58%, transparent);border-radius:999px}.ship-copy{gap:.32rem;display:grid}.ship-copy strong{font-size:.94rem;font-weight:800}.ship-copy span:last-child{color:var(--text-muted);font-size:.76rem;line-height:1.4}.telemetry-label{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:.7rem;font-weight:700;display:block}.telemetry-value{overflow-wrap:anywhere;margin-top:.34rem;font-size:.96rem;font-weight:800;line-height:1.14;display:block}.control-list{flex:auto;gap:.72rem;min-height:0;margin:1rem 0 0;padding:0 6px 0 0;list-style:none;display:grid;overflow:hidden auto}.control-list li{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.72rem;display:flex}.control-list li:last-child{border-bottom:none;padding-bottom:0}.control-list span{color:var(--text-muted)}.control-list strong{font-weight:800}.asset-attribution{color:var(--text-muted);flex:none;margin:.9rem 0 0;font-size:.72rem;line-height:1.45}.asset-attribution a{color:var(--cyan);text-decoration:none}.asset-attribution a:hover,.asset-attribution a:focus-visible{text-decoration:underline}.touch-controls{display:none}.touch-button{min-width:3.4rem;min-height:3.4rem;color:var(--text);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff14,#ffffff05),#060a12db;border:1px solid #8dd6ff42;border-radius:18px;font-weight:900;box-shadow:0 14px 34px #00000047}.touch-button-primary{color:var(--amber);border-color:#ffcb736b}.touch-button-wide{min-width:4.8rem}.touch-button.is-pressed{background:linear-gradient(#62f6a52e,#8dd6ff0a),#060a12f0;border-color:#62f6a59e;transform:translateY(2px)}.touch-button.light-speed-guide-active{color:var(--amber);border-color:#ffcb73b8;animation:1.9s ease-in-out infinite light-speed-touch-pulse;box-shadow:inset 0 0 0 1px #ffcb7333,0 0 24px #ffcb7361,0 14px 34px #00000047}@keyframes light-speed-guide-pulse{0%,to{border-color:#ffcb734d;transform:translateY(0)}52%{border-color:#ffcb739e;transform:translateY(-2px)}}@keyframes light-speed-guide-sweep{0%{opacity:0;transform:translate(-.9rem)}24%,70%{opacity:.9}to{opacity:0;transform:translate(2.65rem)}}@keyframes light-speed-key-tap{0%,to{transform:translateY(0)}48%{transform:translateY(2px)}}@keyframes light-speed-touch-pulse{0%,to{transform:translateY(0)}52%{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.light-speed-guide,.light-speed-guide-beam:after,.light-speed-guide kbd,.touch-button.light-speed-guide-active{animation:none}}@media (width<=980px){body{overflow:auto}.shell{height:auto;min-height:100svh;overflow:visible}.overlay{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"nav""controls""rail";height:auto;padding-bottom:28px;overflow:visible}.overlay-rail{gap:18px;padding-right:0;overflow:visible}.panel-minimap{align-self:stretch;width:100%}.destination-list{padding-right:0;overflow:visible}.overlay.controls-collapsed{grid-template-rows:none}}@media (pointer:coarse),(width<=760px){.touch-controls{z-index:4;padding:0 16px max(14px, env(safe-area-inset-bottom));pointer-events:none;grid-template-columns:auto auto auto auto;justify-content:space-between;align-items:end;gap:.8rem;display:grid;position:fixed;bottom:0;left:0;right:0}.touch-pad{pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05080ea3;border:1px solid #9abedf29;border-radius:20px;gap:.55rem;padding:.55rem;display:flex;box-shadow:0 18px 50px #00000052}.touch-pad-thrust,.touch-pad-pitch,.touch-pad-actions{flex-direction:column}}@media (width<=720px){.overlay{padding:16px 16px 8.8rem}.panel{border-radius:20px;padding:18px}.panel-head,.destination-head,.destination-meta,.expedition-topline,.expedition-meta,.control-list li{flex-direction:column;align-items:flex-start}.telemetry-grid,.ship-list{grid-template-columns:1fr}.panel-actions,.nav-action{width:100%}.nav-action{justify-content:center}}@media (width<=430px){.touch-controls{gap:.45rem;padding-inline:10px}.touch-pad{border-radius:18px;gap:.42rem;padding:.42rem}.touch-button{border-radius:16px;min-width:2.9rem;min-height:3rem;font-size:.86rem}.touch-button-wide{min-width:4rem}}