/* VerseWorks HoloNav */
#page-systems .pagehead h2::after{content:"CAMERA 2.0";display:inline-block;margin-left:10px;padding:3px 7px;border:1px solid var(--hud);color:var(--hud);font-size:8px;vertical-align:middle;letter-spacing:1px}
#page-systems .maplayout{grid-template-columns:minmax(0,1fr) 370px;gap:14px}
#page-systems .map-toolbar{padding:9px 10px;border:1px solid var(--line2);background:linear-gradient(90deg,rgba(72,232,255,.045),transparent 55%);gap:10px}
#page-systems .chip{background:var(--panel)}
html,body{cursor:url('./cursor.svg') 4 3,auto}a,button,[role="button"],select,label{cursor:url('./cursor.svg') 4 3,pointer}input,textarea,[contenteditable="true"]{cursor:text}
.holo-modebar,.holo-rotation{display:flex;align-items:center;gap:5px}.holo-modebar>span,.holo-rotation label{font-size:8px;letter-spacing:1.2px;color:var(--grn-ddd)}
.holo-modebar .chip{min-width:44px}.holo-rotation .actionbtn{padding:5px 7px;min-width:31px}.holo-rotation input{width:92px;accent-color:var(--hud);cursor:pointer}.holo-rotation.disabled{opacity:.35}.holo-rotation.disabled input{cursor:not-allowed}
.holo-focus-button{border-color:var(--hud)!important;color:var(--hud)!important}
#page-systems .recentbar{min-height:25px;margin:0 0 8px;gap:10px}.holo-map-status{margin-right:auto;padding:4px 8px;border-left:2px solid var(--hud);background:rgba(72,232,255,.035);font-size:9px;letter-spacing:.6px;color:var(--grn-dd)}.holo-map-status b{color:var(--grn-bright)}
#page-systems .mapbox{height:620px;position:relative;overflow:hidden;touch-action:none;background:#02060b;border-color:#24506a;box-shadow:inset 0 0 50px rgba(0,0,0,.76),0 0 0 1px rgba(72,232,255,.03);cursor:grab}
#page-systems .mapbox.is-dragging{cursor:grabbing}
#page-systems .mapbox::before,#page-systems .mapbox::after{content:"";position:absolute;z-index:6;pointer-events:none;display:block;width:42px;height:42px;border-color:var(--hud);opacity:.45}
#page-systems .mapbox::before{left:0;top:0;border-left:1px solid;border-top:1px solid}
#page-systems .mapbox::after{left:calc(100% - 43px);bottom:0;border-right:1px solid;border-bottom:1px solid;margin-top:-42px}
.holonav-canvas{display:block;width:100%;height:100%;min-width:0;background:#02060b;user-select:none}.holonav-canvas text{font-family:var(--mono,monospace)}
.map-deck ellipse{fill:rgba(7,25,38,.22);stroke:#183b50;stroke-width:1;stroke-dasharray:2 8}
.holo-orbit{fill:none;stroke:#214458;stroke-width:1;stroke-dasharray:4 7;opacity:.65}.orbit-front{fill:none;stroke:#3a718c;stroke-width:1.2;stroke-dasharray:5 6;opacity:.74}.is-3d .holo-orbit{stroke-dasharray:2 6;opacity:.5}.is-3d .orbit-front{stroke:#4d8aa5;opacity:.88}
.belt-volume{fill:none;stroke-width:12;stroke-dasharray:1 7}.belt-label{font-size:9px;text-anchor:middle;letter-spacing:1.5px}
.network-lane{fill:none;stroke:var(--amber);stroke-width:1;stroke-dasharray:3 7;opacity:.32}.selected-route{fill:none;stroke:var(--hud);stroke-width:2;stroke-dasharray:8 6;filter:drop-shadow(0 0 3px rgba(72,232,255,.75));animation:holoRoute 1.2s linear infinite}
@keyframes holoRoute{to{stroke-dashoffset:-28}}
.body-hit{fill:transparent;stroke:none}.planet-shadow{fill:#000;opacity:.72;filter:blur(2px)}.body-halo{opacity:.16;filter:url(#bodyGlow)}.body-core{stroke:#d9f7ff;stroke-width:1;stroke-opacity:.58;filter:url(#bodyGlow)}.holo-body{cursor:pointer;transition:opacity .2s}.holo-body:hover{opacity:1!important}.holo-body:hover .body-label{filter:brightness(1.25)}
.body-art{pointer-events:none}.body-night{fill:#01050a;opacity:.43}.body-atmosphere{fill:none;stroke:#fff;stroke-width:1.2;stroke-linecap:round;opacity:.3;filter:blur(.35px)}.surface path{vector-effect:non-scaling-stroke}.terrain-surface path:last-child,.ice-surface path:last-child,.toxic-surface path:last-child{fill:none;stroke:#d9f7ff;stroke-width:.6;opacity:.4}.city-surface path{fill:none;stroke:#6d7d8d;stroke-width:.7;opacity:.48}.city-surface .city-lights{stroke:#ffb04d;stroke-width:1.3;opacity:.95;filter:drop-shadow(0 0 1px #ff9638)}.gas-surface{opacity:.72}.gas-surface path{stroke:#f1e4c6;stroke-width:.4;stroke-opacity:.35}.cloud-surface path{fill:none;stroke:#eefcff;stroke-width:1.7;opacity:.46}.volcanic-surface .lava{fill:none;stroke:#ff9e3d;stroke-width:1;opacity:.9;filter:drop-shadow(0 0 1.5px #ff5424)}.toxic-surface path:last-child{stroke:#d8e59b;opacity:.46}.body-ring{fill:none;stroke:#d8eff8;stroke-width:3;stroke-opacity:.72;filter:drop-shadow(0 0 1px #8ecbe3)}
.body-label rect{fill:#06111b;fill-opacity:.93;stroke:#244d64;stroke-width:1}.body-label path{fill:none;stroke:var(--hud);stroke-width:1}.label-name{fill:#e1faff;font-size:10px;font-weight:700;letter-spacing:.6px}.label-meta{fill:#6d9bad;font-size:6.5px;letter-spacing:.4px}.moon-node .body-label{opacity:.82;transition:opacity .15s}#mapBox[data-zoom="overview"] .moon-node:not(.sel) .body-label{opacity:0}#mapBox[data-zoom="overview"] .moon-node:hover .body-label,#mapBox[data-zoom="overview"] .moon-node:focus .body-label,.moon-node.sel .body-label{opacity:1}
#mapBox[data-zoom="overview"] .moon-node:not(.sel){opacity:.62}#mapBox[data-zoom="local"] .jump-points,#mapBox[data-zoom="local"] .map-key,#mapBox[data-zoom="local"] .holo-readout{opacity:.18;pointer-events:none}#mapBox[data-zoom="local"] .belt-label{opacity:.2}
.selection-reticle{fill:none;stroke:var(--hud);stroke-width:1.5;stroke-dasharray:4 5;animation:holoDash 2.8s linear infinite}.selection-tick{stroke:var(--hud);stroke-width:1.5;fill:none}
@keyframes holoDash{to{stroke-dashoffset:-36}}@keyframes holoSpin{to{transform:rotate(360deg);transform-origin:center}}
.trade-ring{fill:none;stroke:var(--amber);stroke-width:2.5;stroke-dasharray:4 3}.pulse-ring{transform-box:fill-box;transform-origin:center;animation:holoPulse 1.8s ease-out infinite}@keyframes holoPulse{50%{opacity:.42;transform:scale(1.12)}}
.holo-moon-orbit{stroke:#326076;stroke-dasharray:2 4;opacity:.7}.holo-star text{font-size:9px;fill:#241602;text-anchor:middle;font-weight:800;letter-spacing:.8px}.holo-star .star-type{fill:var(--amber);font-size:7px}.star-reticle{fill:none;stroke:var(--amber);stroke-width:1;stroke-dasharray:3 7;animation:holoDash 5s linear infinite}
.jump-point{color:var(--hud)}.jump-approach,.jump-scan,.jump-glyph,.jump-brackets{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke}.jump-approach{stroke-width:1;stroke-dasharray:2 5;opacity:.42}.jump-scan{stroke-width:.8;stroke-dasharray:2 4;opacity:.42}.jump-glyph{stroke-width:1.35;filter:drop-shadow(0 0 3px currentColor)}.jump-brackets{stroke-width:1;opacity:.7}.jump-name{fill:currentColor;font-size:9px;font-weight:700;letter-spacing:1px}.jump-type{fill:#62899a;font-size:6px;letter-spacing:1.15px}.jump-point:hover .jump-scan{opacity:.9}.jump-point:hover .jump-glyph{stroke-width:2}
.holo-readout text{fill:#5f8da2;font-size:8px;letter-spacing:1px}.holo-readout text:first-child{fill:var(--hud);font-size:10px;font-weight:700}
.map-key rect{fill:#04101a;fill-opacity:.9;stroke:#17394d}.map-key text{fill:#86a9b7;font-size:7px;letter-spacing:.5px}.map-key .key-note{fill:#4d7282;font-size:6.5px}.key-trade{fill:var(--amber)}.key-mine{fill:var(--green-go)}.key-risk{fill:var(--red)}
#page-systems .infopanel{min-height:620px;background:linear-gradient(180deg,rgba(14,31,46,.98),rgba(4,10,17,.98));border-color:#24506a;clip-path:none}
.holo-panel-head{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:12px;padding:15px;border-bottom:1px solid var(--line2);background:radial-gradient(circle at 15% 20%,rgba(72,232,255,.08),transparent 46%)}
.planet-portrait{width:72px;height:72px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(72,232,255,.07),transparent 66%)}.planet-portrait::before{content:"";position:absolute;inset:4px;border:1px dashed rgba(72,232,255,.34);border-radius:50%;animation:holoSpin 14s linear infinite}.portrait-world{width:62px;height:62px;overflow:visible;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--planet) 65%,transparent))}.portrait-detail{fill:none;stroke:#e7faff;stroke-width:.7;opacity:.35}.art-city .portrait-detail{stroke:#ffad58;stroke-dasharray:2 2;opacity:.75}.art-volcanic .portrait-detail{stroke:#ff743c;opacity:.75}.portrait-night{fill:#01050a;opacity:.4}.portrait-ring{fill:none;stroke:#d9f6ff;stroke-width:2;opacity:.75}
.panel-eyebrow{font-size:7.5px;letter-spacing:1.2px;color:var(--hud);margin-bottom:4px}.holo-panel-head h3{font-size:18px}.holo-panel-head .desig{font-size:9px;color:var(--grn-dd);margin-top:3px}.holo-panel-tags{display:flex;gap:5px;flex-wrap:wrap;padding:9px 14px;border-bottom:1px solid var(--line2)}.holo-panel-tags span{padding:3px 7px;border:1px solid #2a5369;color:#82b3c4;font-size:7px;letter-spacing:.8px}
.holo-panel-body{padding-top:12px!important}.intel-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.intel-grid>div{border:1px solid var(--line2);padding:8px;background:rgba(2,8,13,.35)}.intel-grid span,.brief-block>span,.gear-label{display:block;color:#5f8798;font-size:7px;letter-spacing:1px;margin-bottom:4px}.intel-grid b{display:block;color:var(--grn-bright);font-size:9px;line-height:1.35}.brief-block{margin-top:8px;padding:9px;border-left:2px solid #35687f;background:rgba(2,8,13,.38)}.brief-block p{font-size:9.5px;color:var(--grn-d);line-height:1.45}.flight-block{border-left-color:var(--hud)}.gear-label{margin-top:11px}.primary-holo-action{border-color:var(--green-go)!important;color:var(--green-go)!important}
.holo-directory-tools{display:grid;grid-template-columns:auto minmax(220px,420px) auto;align-items:center;gap:8px;margin:10px 0}.holo-directory-tools label,.holo-directory-tools span{font-size:8px;letter-spacing:1px;color:var(--grn-dd)}.holo-directory-tools input{border:1px solid var(--line);background:var(--panel);color:var(--grn-bright);padding:8px 10px;font:inherit}
#page-systems .plist{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:7px}.holo-directory-item{display:grid;grid-template-columns:34px 1fr auto;min-height:58px}.planet-dot-art{width:31px;height:31px;overflow:visible;filter:drop-shadow(0 0 4px rgba(72,232,255,.24))}.directory-copy{min-width:0}.directory-copy .pn,.directory-copy .pt{display:block}.directory-tags{display:flex;flex-direction:column;gap:2px;align-items:flex-end}.directory-tags i{font-style:normal;border:1px solid var(--line2);padding:2px 4px;color:var(--grn-ddd);font-size:6px;white-space:nowrap}.holo-directory-item[hidden]{display:none}
body[data-theme="pyro"] .holo-map-status{border-color:#ff8a3c;background:rgba(255,138,60,.05)}body[data-theme="pyro"] .selected-route{stroke:#ffb06a}body[data-theme="pyro"] #page-systems .mapbox{border-color:#6a3824}
@media(min-width:1051px){#page-systems .map-toolbar{display:grid;grid-template-columns:auto minmax(260px,1fr) auto 230px;align-items:center}#page-systems .map-toolbar>.chips{grid-column:1;grid-row:1}#page-systems .overlaybar{grid-column:2;grid-row:1}.holo-modebar{grid-column:3;grid-row:1}.holo-rotation{grid-column:4;grid-row:1;justify-self:end}.holo-focus-button{grid-column:3;grid-row:2;justify-self:end}.maptools{grid-column:4;grid-row:2;justify-content:flex-end}}
@media(max-width:1120px){#page-systems .maplayout{grid-template-columns:minmax(0,1fr) 330px}.holo-rotation input{width:65px}}
@media(max-width:860px){#page-systems .maplayout{grid-template-columns:1fr}#page-systems .infopanel{min-height:0}.holo-rotation{order:5}.holo-map-status{width:100%}.maphint{margin-left:0}}
@media(max-width:560px){#page-systems .mapbox{height:520px}.holo-modebar,.holo-rotation,.holo-focus-button{flex:1 1 auto}.holo-rotation input{width:82px}.holo-directory-tools{grid-template-columns:1fr}.holo-directory-tools label{display:none}.holo-directory-tools input{width:100%}.holo-panel-head{grid-template-columns:62px 1fr}.planet-portrait{width:58px;height:58px}.portrait-world{width:52px;height:52px}.intel-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.selected-route,.selection-reticle,.star-reticle,.pulse-ring,.planet-portrait::before{animation:none!important}}
