.system-guide{z-index:8;border-left:1px solid color-mix(in srgb, var(--cyan,#7fe5ff) 46%, transparent);width:min(21rem,34vw);color:var(--hud-secondary,#cbd8f0);font-family:var(--font-mono);pointer-events:none;opacity:0;transition:opacity .42s var(--ease-orbit,ease), transform .52s var(--ease-orbit,ease);gap:.55rem;padding-left:1.1rem;display:grid;position:fixed;top:37%;left:3.4rem;transform:translate(-.5rem)}.system-guide[data-state=visible]{opacity:1;transform:none}.system-guide[data-state=leaving]{opacity:0;transition-duration:.38s,.42s;transform:translateY(-.35rem)}.system-guide__eyebrow{color:var(--cyan,#7fe5ff);letter-spacing:.28em;text-transform:uppercase;margin:0;font-size:.62rem;font-weight:600}.system-guide__eyebrow i{color:color-mix(in srgb, var(--hud-tertiary,#93a4c4) 62%, transparent);font-style:normal}.system-guide__title{color:var(--hud-primary,#f3f7ff);font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 0 1.6rem #7fe5ff29;margin:.1rem 0 0;font-size:clamp(1.35rem,1.9vw,1.8rem);font-weight:600;line-height:1.05}.system-guide__cue{color:var(--cyan,#7fe5ff);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:.55rem;margin:.25rem 0 0;font-size:.6rem;font-weight:600;display:flex}.system-guide__cue:before{content:"";background:var(--cyan,#7fe5ff);width:.38rem;height:.38rem;box-shadow:0 0 .6rem color-mix(in srgb, var(--cyan,#7fe5ff) 70%, transparent);border-radius:50%}html:not([data-motion=off]) .system-guide__cue:before{animation:1.8s ease-in-out infinite system-guide-pulse}@keyframes system-guide-pulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.system-guide__cue-touch{display:none}@media (hover:none) and (pointer:coarse){.system-guide__cue-pointer{display:none}.system-guide__cue-touch{display:inline}}.system-guide__dismiss{min-height:32px;color:color-mix(in srgb, var(--hud-tertiary,#93a4c4) 86%, transparent);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;pointer-events:auto;box-shadow:inset 0 -1px 0 0 color-mix(in srgb, var(--hud-tertiary,#93a4c4) 40%, transparent);transition:color .2s var(--ease-orbit,ease), box-shadow .2s var(--ease-orbit,ease);background:0 0;border:0;justify-self:start;margin-top:.35rem;padding:.3rem 0;font-family:inherit;font-size:.56rem}.system-guide__dismiss:hover,.system-guide__dismiss:focus-visible{color:var(--hud-primary,#f3f7ff);box-shadow:inset 0 -1px 0 0 var(--cyan,#7fe5ff);outline:none}@media (max-width:60rem){.system-guide{top:auto;right:var(--home-gutter-end,1rem);bottom:calc(var(--home-rail-bottom,1rem) + var(--home-rail-height,88px) + .9rem);left:var(--home-gutter,1rem);text-align:center;background:#03080edb;border:1px solid #7fe5ff2e;border-radius:14px;justify-items:center;gap:.3rem;width:auto;padding:.8rem 1rem .35rem;transform:translateY(.5rem)}.system-guide[data-state=leaving]{transform:translateY(.35rem)}.system-guide__eyebrow{font-size:.52rem}.system-guide__title{font-size:1.15rem}.system-guide__cue{margin-top:.15rem;font-size:.54rem}.system-guide__dismiss{justify-self:center;min-height:44px;margin-top:-.2rem;padding:.5rem .4rem;font-size:.56rem}body:has(.system-guide[data-state=visible]) .system-map__explore{display:none}}@media (max-width:60rem) and (max-height:30rem){.system-guide{gap:.25rem;padding:.6rem .9rem .45rem}.system-guide__title{font-size:1.05rem}}
.system-map .nav-rail__link{grid-template-rows:auto .9rem;grid-template-columns:1fr;align-content:center;row-gap:.3rem;min-height:44px}.system-map .nav-rail__name{letter-spacing:.11em;grid-area:1/1;font-size:.78rem}.system-map .nav-rail__active-marker{position:absolute;top:.7rem;left:0}.system-map .nav-rail__role{letter-spacing:.17em;grid-area:2/1;max-height:none;font-size:.58rem}html:not([data-scene-live=true]) .system-map .system-map__slot{left:var(--atlas-x);top:var(--atlas-y);--flat-anchor-x:0px;--flat-anchor-y:0px;--atlas-size:clamp(76px, 8.6vw, 142px);--map-hit-radius-x:calc(var(--atlas-size) * .43);--map-hit-radius-y:calc(var(--atlas-size) * .43)}html:not([data-scene-live=true]) .system-map [data-flat-world]{width:var(--atlas-size);filter:drop-shadow(0 5px 12px #0008)}html:not([data-scene-live=true]) .system-map [data-flat-world]:before{content:none}html:not([data-scene-live=true]) .system-map [data-flat-visual=tesseract]{--atlas-size:clamp(108px, 12vw, 198px);--map-hit-radius-x:calc(var(--atlas-size) * .41);--map-hit-radius-y:calc(var(--atlas-size) * .44)}html:not([data-scene-live=true]) .system-map [data-flat-visual=ship]{--atlas-size:clamp(140px, 16vw, 264px)}html:not([data-scene-live=true]) .system-map [data-flat-visual=beacon]{--atlas-size:clamp(94px, 10vw, 160px);--map-hit-radius-y:calc(var(--atlas-size) * .25)}html:not([data-scene-live=true]) .system-map [data-centre=true]{--map-hit-radius-x:clamp(44px, 7vw, 112px);--map-hit-radius-y:clamp(44px, 7vw, 112px)}html:not([data-scene-live=true]) .system-map .system-map__field:before,html:not([data-scene-live=true]) .system-map .system-map__field:after{content:none}html:not([data-scene-live=true]) body:has(.system-home) .space-backdrop__haze{opacity:.22}html:not([data-scene-live=true]) body:has(.system-home) .site-starfield{opacity:.58;-webkit-mask-image:radial-gradient(circle at 46% 49%,#0000 calc(min(70vw,112vh)/9.80392),#000 calc(min(70vw,112vh)/8.62069));mask-image:radial-gradient(circle at 46% 49%,#0000 calc(min(70vw,112vh)/9.80392),#000 calc(min(70vw,112vh)/8.62069))}html:not([data-scene-live=true]) body:has(.system-home) .space-backdrop__gargantua{opacity:.96;width:min(70vw,112vh);top:49%;left:46%;right:auto;transform:translate(-50%,-50%)rotate(-10deg)}@property --home-stage-top{syntax:"<length>";inherits:true;initial-value:0}@property --home-stage-bottom{syntax:"<length>";inherits:true;initial-value:0}@media (max-width:60rem){:root:has(.system-home){--home-gutter:max(1rem, env(safe-area-inset-left,0px));--home-gutter-end:max(1rem, env(safe-area-inset-right,0px));--home-header-top:calc(.75rem + env(safe-area-inset-top,0px));--home-rail-cell:44px;--home-rail-bottom:max(1rem, calc(env(safe-area-inset-bottom,0px) + .5rem));--home-rail-height:calc(var(--home-rail-cell) * 2)}.system-map,html[data-scene-live=true] .system-map{position:fixed;inset:0}body:has(.system-home) .hud__top{top:calc(var(--home-header-top) + 13px);right:auto;left:var(--home-gutter);justify-content:flex-start}body:has(.system-home) .hud__system{letter-spacing:.3em;font-size:.66rem}body:has(.system-home) .hud__operator{letter-spacing:.18em;font-size:.56rem;top:calc(100% + .5rem);left:0;transform:none}body:has(.system-home) :is(.hud__operator-name,.hud__operator-sep){display:none}html body:has(.system-home) .system-tray{top:var(--home-header-top);right:var(--home-gutter-end);gap:10px;bottom:auto;left:auto}html body:has(.system-home) .soundtrack__panel{top:calc(var(--home-header-top) + 56px);right:var(--home-gutter-end);bottom:auto;left:auto}html body:has(.system-home) .soundtrack__hint{inset:calc(100% + 14px) 0 auto auto}html body:has(.system-home) .soundtrack__hint:after{border-top-color:#0000;border-bottom-color:#7fe5ff61;inset:auto 16px 100% auto}html[data-scene-live=true] body:has(.system-home) .system-canvas{opacity:1}.system-map__field,html[data-scene-live=true] .system-map__field{display:block}.system-map__body,html[data-scene-live=true] .system-map__body{display:none}.system-map .nav-rail{right:var(--home-gutter-end);bottom:var(--home-rail-bottom);left:var(--home-gutter);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;display:grid}.system-map .nav-rail__link{min-height:var(--home-rail-cell);text-align:center;background:0 0;grid-template-rows:auto;align-content:center;justify-items:center;height:100%;padding:0 .25rem;position:relative}.system-map .nav-rail__name,.system-map .nav-rail__item:not([data-target-state=idle]) .nav-rail__name,.system-map .nav-rail__link:is(:hover,:focus-visible) .nav-rail__name{color:#f5f8fa;font-size:var(--home-rail-font,.62rem);letter-spacing:var(--home-rail-track,.16em);text-shadow:0 1px 10px #000000e6;font-weight:500}.system-map .nav-rail__link:active .nav-rail__name{opacity:.6}.system-map .nav-rail__role{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.system-map .nav-rail__active-marker{display:none}}.system-map__explore{display:none}@media (max-width:60rem) and (hover:none) and (pointer:coarse){.system-map__explore{bottom:calc(var(--home-rail-bottom) + var(--home-rail-height) + .7rem);z-index:8;color:#d8f8ff;font:600 .58rem/1.2 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050e16d1;border:1px solid #7fe5ff4d;border-radius:999px;align-items:center;gap:.5rem;margin:0;padding:.36rem .8rem .36rem .65rem;animation:.6s ease-out 1.4s both explore-hint-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 0 18px #7fe5ff1f}.system-map__explore:before{content:"";background:var(--cyan,#7fe5ff);width:6px;height:6px;box-shadow:0 0 8px var(--cyan,#7fe5ff);border-radius:50%}html:not([data-motion=off]) .system-map__explore:before{animation:1.6s ease-in-out 2s infinite explore-dot}html:not([data-motion=off]) .system-map[data-explore-hint=true] .system-map__slot:not([data-centre=true]) .system-map__hit-target:after{content:"";opacity:0;pointer-events:none;animation:explore-ping 2.2s ease-out calc(2s + var(--order,1) * .35s) 3;border:1px solid #7fe5ffb3;border-radius:50%;position:absolute;inset:6%}@media (prefers-reduced-motion:reduce){.system-map__explore{animation-duration:.6s!important}html:not([data-motion=off]) .system-map__explore:before{animation-duration:1.6s!important;animation-iteration-count:infinite!important}html:not([data-motion=off]) .system-map[data-explore-hint=true] .system-map__slot:not([data-centre=true]) .system-map__hit-target:after{animation-duration:2.2s!important;animation-iteration-count:3!important}}}@keyframes explore-hint-in{0%{opacity:0;transform:translate(-50%,6px)}}@keyframes explore-dot{50%{opacity:.35;box-shadow:0 0 2px var(--cyan,#7fe5ff)}}@keyframes explore-ping{0%{opacity:0;transform:scale(.9)}25%{opacity:.85}to{opacity:0;transform:scale(1.35)}}@media (max-width:60rem){:root:has(.system-home){--home-stage-top:calc(4.5rem + env(safe-area-inset-top,0px));--home-stage-bottom:calc(var(--home-rail-bottom) + var(--home-rail-height) + 2.4rem)}}@media (max-width:22.5rem){:root:has(.system-home){--home-rail-font:.58rem;--home-rail-track:.08em}body:has(.system-home) .hud__operator{letter-spacing:.08em;gap:.45em}}@media (min-width:60.001rem) and (max-aspect-ratio:4/5){:root:has(.system-home){--home-stage-top:5rem;--home-stage-bottom:6rem}}@media (max-aspect-ratio:1){html:not([data-scene-live=true]) .system-map .system-map__slot{left:var(--atlas-portrait-x);top:calc(var(--home-stage-top) + (100% - var(--home-stage-top) - var(--home-stage-bottom)) * var(--atlas-portrait-y));--atlas-size:clamp(56px, min(17vw, 9svh), 118px)}html:not([data-scene-live=true]) .system-map [data-flat-visual=tesseract]{--atlas-size:clamp(80px, min(24vw, 12.5svh), 176px)}html:not([data-scene-live=true]) .system-map [data-flat-visual=ship]{--atlas-size:clamp(92px, min(27vw, 14svh), 204px)}html:not([data-scene-live=true]) .system-map [data-flat-visual=beacon]{--atlas-size:clamp(72px, min(23vw, 12svh), 160px)}html:not([data-scene-live=true]) body:has(.system-home) .space-backdrop__gargantua{top:calc(var(--home-stage-top) + (100% - var(--home-stage-top) - var(--home-stage-bottom)) * .46);width:min(104vw,54svh);left:50%}html:not([data-scene-live=true]) body:has(.system-home) .site-starfield{-webkit-mask-image:radial-gradient(circle at 50% calc(var(--home-stage-top) + (100% - var(--home-stage-top) - var(--home-stage-bottom)) * .46), transparent calc(min(104vw, 54svh) * .1), #000 calc(min(104vw, 54svh) * .115));mask-image:radial-gradient(circle at 50% calc(var(--home-stage-top) + (100% - var(--home-stage-top) - var(--home-stage-bottom)) * .46), transparent calc(min(104vw, 54svh) * .1), #000 calc(min(104vw, 54svh) * .115))}}@media (max-height:540px) and (min-aspect-ratio:1){:root:has(.system-home){--home-stage-top:calc(3.6rem + env(safe-area-inset-top,0px));--home-stage-bottom:calc(4rem + env(safe-area-inset-bottom,0px))}.system-map__explore{display:none}.system-map .nav-rail{bottom:max(.5rem, env(safe-area-inset-bottom));justify-content:center;display:flex}.system-map .nav-rail__item{flex:1}.system-map .nav-rail__link{min-height:44px}html:not([data-scene-live=true]) .system-map .system-map__slot{left:var(--atlas-short-x);top:var(--atlas-short-y);--atlas-size:17vh}html:not([data-scene-live=true]) .system-map [data-flat-visual=tesseract]{--atlas-size:24vh}html:not([data-scene-live=true]) .system-map [data-flat-visual=ship]{--atlas-size:29vh}html:not([data-scene-live=true]) .system-map [data-flat-visual=beacon]{--atlas-size:20vh}}
