/* ASTRAL NAVIGATOR: a square, instrument-like space volume for route planning. */
.galaxy-shell{--map-ink:#edf4ff;--map-muted:#9aaeca;--map-line:#40527a;--map-cyan:#9fe8ff;--map-violet:#a99aff;--map-gold:#ffd37b;max-width:none;min-height:100svh;margin:0;padding:42px clamp(18px,4vw,62px) 58px;background:#060b18;overflow:auto}
.galaxy-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;max-width:1520px;margin:0 auto 20px;padding:0}.galaxy-heading h1{font:400 clamp(36px,4.4vw,68px)/.94 var(--font-display);letter-spacing:-.045em;color:var(--map-ink);margin:10px 0 14px}.galaxy-heading p{margin:0;color:#a8b9d3;font:13px/1.6 var(--font-ui);letter-spacing:.04em}.galaxy-record{display:grid;gap:6px;min-width:190px;padding:14px 0 0;border-top:1px solid #7181aa;text-align:right}.galaxy-record span,.galaxy-record small{font:600 9px/1.4 var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#93a9cb}.galaxy-record strong{font:400 48px/1 var(--font-display);color:var(--map-cyan)}
.galaxy-navigator{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:13px;max-width:1520px;margin:0 auto}.navigator-frame{position:relative;min-height:min(68svh,710px);border:1px solid #53658e;background:#080d1a;overflow:hidden;isolation:isolate;box-shadow:0 0 0 1px #b6c8ff0c inset,0 26px 80px #0008}.navigator-stamp{position:absolute;z-index:4;left:18px;top:17px;color:#d1dcf3a8;font:600 9px/1 var(--font-ui);letter-spacing:.16em;pointer-events:none}.galaxy-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}.galaxy-canvas.is-dragging{cursor:grabbing}.navigator-grid,.navigator-scanline{position:absolute;inset:0;pointer-events:none}.navigator-grid{z-index:1;opacity:.26;background:linear-gradient(90deg,#b7c7ff09 1px,transparent 1px),linear-gradient(#b7c7ff09 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,#000,transparent 82%)}.navigator-scanline{z-index:2;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 7px,#a9d5ff0a 8px 9px);mix-blend-mode:screen}
.navigator-hotspots{position:absolute;inset:0;z-index:3;pointer-events:none}.galaxy-node{position:absolute;left:50%;top:50%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 8px;width:154px;min-height:58px;padding:8px 10px;border:1px solid transparent;border-radius:0;background:#080f1cd1;color:#aabbd8;text-align:left;transform:translate(-50%,-50%) scale(var(--node-scale,1));transform-origin:center;transition:left 90ms linear,top 90ms linear,opacity 180ms ease,background 180ms ease,border-color 180ms ease,transform 180ms ease;box-shadow:0 10px 30px #020511b8;backdrop-filter:blur(9px);pointer-events:auto}.galaxy-node:hover,.galaxy-node:focus-visible{border-color:#b4eaff;background:#13223bd9;color:#f2f7ff;box-shadow:0 0 0 1px #a9eaff33 inset,0 0 24px #7bcaff2d;transform:translate(-50%,-50%) scale(calc(var(--node-scale,1) * 1.06));outline:0}.galaxy-node.is-selected{border-color:var(--map-cyan);background:#152440e6;color:#f2f7ff;box-shadow:0 0 0 1px #a9efff33 inset,0 0 30px #87dbff31}.galaxy-node.is-locked{border-color:#5f638455;color:#8794ad}.galaxy-node strong{grid-column:2;font:500 15px/1.05 var(--font-ui);white-space:nowrap}.galaxy-node small{grid-column:2;font:9px/1.35 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#7790b4;white-space:nowrap}.galaxy-node.is-unlocked small{color:#9ce8ef}.node-index{grid-column:1;grid-row:1 / span 2;padding-top:1px;color:#7588ad;font:600 9px/1 var(--font-ui);letter-spacing:.12em}.node-pip{position:absolute;right:8px;top:8px;width:6px;height:6px;border:1px solid #8ca5d1;background:#42547f;box-shadow:0 0 0 2px #42547f26}.galaxy-node.is-unlocked .node-pip{background:var(--map-cyan);border-color:#d7fbff;box-shadow:0 0 12px #8ceaff}.galaxy-node.is-locked .node-pip{background:#60687d;border-color:#858ba0}.galaxy-node.is-selected .node-pip{animation:map-ping 1.8s ease-out infinite}
.navigator-legend{position:absolute;z-index:4;left:18px;bottom:17px;display:flex;gap:16px;flex-wrap:wrap;color:#8292b1;font:600 8px/1 var(--font-ui);letter-spacing:.14em}.navigator-legend span{display:inline-flex;align-items:center;gap:6px}.legend-dot{display:inline-block;width:6px;height:6px;background:#5d6b88}.legend-dot.open{background:var(--map-cyan);box-shadow:0 0 8px #8ceaff}.legend-dot.locked{background:#737b91}.legend-dot.home{background:var(--map-gold);box-shadow:0 0 8px #ffd37b}.navigator-help{position:absolute;z-index:4;right:18px;bottom:17px;color:#7083a5;font:600 8px/1 var(--font-ui);letter-spacing:.13em;text-align:right}.navigator-help b{color:#c0ccef;font-weight:400;padding:0 4px}
.galaxy-telemetry{display:flex;flex-direction:column;min-height:100%;border:1px solid #4f5f84;background:linear-gradient(165deg,#131d35ed,#080d19f5 66%);box-shadow:0 0 0 1px #b6c8ff0c inset}.telemetry-header{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 15px;border-bottom:1px solid #4e5c80}.telemetry-header .xscape-kicker{color:#a0b7df}.telemetry-ping{color:#a5eddb;font:600 8px/1 var(--font-ui);letter-spacing:.14em}.telemetry-title{padding:28px 20px 20px;border-bottom:1px solid #3f4e72}.telemetry-title>span{display:block;color:#7d90b8;font:600 9px/1.4 var(--font-ui);letter-spacing:.17em;text-transform:uppercase}.telemetry-title h2{margin:10px 0 5px;color:#f2f4ff;font:400 36px/.95 var(--font-display);letter-spacing:-.03em}.telemetry-title p{margin:0;color:#9eaecb;font:11px/1.5 var(--font-ui);letter-spacing:.06em}.telemetry-body{padding:20px;flex:1}.telemetry-body>p{margin:0 0 24px;color:#b3c1d7;font:12px/1.75 var(--font-ui)}.telemetry-body dl{display:grid;gap:0;margin:0;border-top:1px solid #3b4b70}.telemetry-body dl div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #3b4b70}.telemetry-body dt{color:#7589b0;font:600 8px/1.3 var(--font-ui);letter-spacing:.14em}.telemetry-body dd{margin:0;color:#e5ebff;font:600 9px/1.3 var(--font-ui);letter-spacing:.08em;text-align:right}.telemetry-progress{height:5px;margin:23px 0 11px;background:#273454}.telemetry-progress i{display:block;height:100%;background:linear-gradient(90deg,#8f7dff,#9fe8ff);box-shadow:0 0 12px #94dfff77}.telemetry-note{display:block;color:#8799bb;font:10px/1.6 var(--font-ui)}.telemetry-actions{display:grid;gap:11px;padding:18px 20px 20px;border-top:1px solid #4e5c80}.telemetry-actions button{min-height:48px;padding:13px 14px;border:1px solid #6c7faa;border-radius:0;background:#162342;color:#e8eeff;font:600 10px/1.2 var(--font-ui);letter-spacing:.1em;text-transform:uppercase}.telemetry-actions button.primary{border-color:#b8efff;background:#9fe8ff;color:#071321;box-shadow:0 0 20px #8ceaff3d}.telemetry-actions button:hover:not(:disabled),.telemetry-actions button:focus-visible{border-color:#d8f8ff;background:#23446a;outline:0}.telemetry-actions button.primary:hover:not(:disabled),.telemetry-actions button.primary:focus-visible{background:#c6f5ff;color:#071321}.telemetry-actions button:disabled{opacity:1;color:#8290a8;border-color:#47536d;background:#151b2b}.telemetry-actions small{color:#7588ad;font:10px/1.5 var(--font-ui)}
.galaxy-shell .escape-project{max-width:1520px;margin:13px auto 0;padding-top:31px;border-top:1px solid #3d4d72}.galaxy-shell .escape-project-heading{align-items:flex-start}.galaxy-shell .escape-project h2{color:#eff3ff}.galaxy-shell .escape-project-heading p{color:#99abc8}.galaxy-shell .escape-parts li{border-top-color:#3d4d72}.galaxy-shell .escape-assembly{border:1px solid #4b5c82;background:#101a30}.galaxy-shell .escape-phase,.galaxy-shell .escape-built{color:#a5eddb}
@keyframes map-ping{0%,100%{box-shadow:0 0 0 0 #9fe8ff88}50%{box-shadow:0 0 0 5px #9fe8ff00}}
@media(max-width:1020px){.galaxy-navigator{grid-template-columns:1fr}.galaxy-telemetry{min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto}.telemetry-header{grid-column:1/-1}.telemetry-title{border-bottom:0}.telemetry-body{padding-top:28px}.telemetry-actions{align-self:end;border-top:0;border-left:1px solid #4e5c80}}
@media(max-width:640px){.galaxy-shell{padding:27px 12px 50px}.galaxy-heading{gap:15px;margin-bottom:14px}.galaxy-heading h1{font-size:39px}.galaxy-heading p{font-size:11px}.galaxy-record{min-width:104px;padding-top:9px}.galaxy-record strong{font-size:36px}.galaxy-record small{font-size:8px}.navigator-frame{min-height:520px}.navigator-help{left:18px;right:auto;bottom:44px;text-align:left;font-size:7px}.navigator-legend{bottom:16px;gap:9px;font-size:7px}.galaxy-node{width:135px;min-height:54px;padding:7px 8px}.galaxy-node strong{font-size:13px}.galaxy-node small{font-size:8px}.galaxy-telemetry{display:flex}.telemetry-title h2{font-size:34px}.telemetry-actions{border-left:0;border-top:1px solid #4e5c80}.galaxy-shell .escape-project-heading,.galaxy-shell .escape-assembly{display:block}.galaxy-shell .escape-phase{display:block;margin-top:13px}.galaxy-shell .escape-assembly button{width:100%;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.galaxy-node{transition:none}.galaxy-node.is-selected .node-pip{animation:none}.navigator-scanline{opacity:.12}}