.hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:14px;margin-top:14px}.hero-main{min-height:740px;position:relative;overflow:hidden;isolation:isolate;padding:62px 52px}.hero-main:before{content:"";position:absolute;inset:0;z-index:-4;background:linear-gradient(rgba(21,208,252,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(21,208,252,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(#000,transparent 90%)}
.hero-main h1{margin:14px 0 0;max-width:790px;font-size:clamp(56px,7vw,112px);line-height:.83;letter-spacing:-.065em;text-transform:uppercase}.hero-main h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(217,25,247,.86);text-shadow:0 0 28px rgba(217,25,247,.16)}.hero-copy{position:relative;z-index:5;width:min(760px,78%)}.hero-copy p{margin-top:28px;max-width:620px;color:#a5c5b7;font-size:16px;line-height:1.8}
.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2);border-radius:10px;padding:12px 15px;background:rgba(21,208,252,.07);color:#fff;font:800 10px var(--mono);letter-spacing:.11em;text-transform:uppercase;cursor:pointer}.button:hover{background:rgba(21,208,252,.13);transform:translateY(-1px)}.button.alt{border-color:rgba(217,25,247,.38);background:rgba(217,25,247,.04)}
.astrometric-orb{position:absolute;right:-5%;bottom:-9%;width:min(58vw,620px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(21,208,252,.2);background:linear-gradient(90deg,transparent 49.8%,rgba(21,208,252,.15) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(21,208,252,.15) 50%,transparent 50.2%),repeating-radial-gradient(circle,transparent 0 55px,rgba(21,208,252,.13) 56px 57px);box-shadow:inset 0 0 80px rgba(21,208,252,.06)}
.astrometric-orb:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0 310deg,rgba(21,208,252,.12) 335deg,rgba(21,208,252,.5) 359deg,transparent 360deg);animation:sweep 7s linear infinite}.astrometric-orb:after{content:"";position:absolute;inset:18%;border:1px solid rgba(217,25,247,.23);border-radius:50%;transform:rotate(-18deg)}
@keyframes sweep{to{transform:rotate(360deg)}}.node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);z-index:3}.n1{left:25%;top:37%}.n2{right:18%;top:45%;background:var(--green);box-shadow:0 0 15px var(--green)}.n3{left:48%;bottom:21%;width:7px;height:7px;background:var(--amber);box-shadow:0 0 13px var(--amber)}
.hero-side{padding:15px}.class-list{display:grid;gap:9px}.class-item{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:12px;border:1px solid rgba(21,208,252,.13);border-radius:13px;background:rgba(255,255,255,.017)}.class-item:hover{border-color:rgba(21,208,252,.35);background:rgba(21,208,252,.04)}.class-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--green);font:900 12px var(--mono)}.class-item strong{font-size:12px}.class-item small{display:block;color:var(--muted);margin-top:4px;font:9px var(--mono)}.class-count{color:var(--green);font:900 11px var(--mono)}
.telemetry{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.telemetry div{padding:12px 7px;text-align:center;border:1px solid rgba(217,25,247,.10);border-radius:10px;background:rgba(217,25,247,.025)}.telemetry b{display:block;color:var(--cyan);font:900 17px var(--mono)}.telemetry span{display:block;color:var(--muted);font:8px var(--mono);margin-top:5px;text-transform:uppercase}
.ops-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.map-panel{min-height:350px;position:relative;overflow:hidden;padding:18px;background:radial-gradient(circle at 50% 50%,rgba(21,208,252,.08),transparent 38%),var(--panel)}.map-grid{position:absolute;inset:55px 18px 18px;border:1px solid rgba(217,25,247,.09);border-radius:14px;background:linear-gradient(rgba(217,25,247,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(217,25,247,.055) 1px,transparent 1px);background-size:35px 35px}.route{position:absolute;left:8%;right:8%;top:52%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--green),transparent);transform:rotate(-9deg);box-shadow:0 0 10px rgba(217,25,247,.55)}
.feed-panel{padding:18px}.feed{display:grid;gap:8px;margin-top:12px}.feed-item{display:grid;grid-template-columns:76px 1fr;gap:11px;padding:12px 0;border-bottom:1px solid rgba(21,208,252,.08)}.feed-time{color:var(--cyan);font:9px var(--mono)}.feed-copy{font-size:12px;line-height:1.55;color:#aac7bb}
.console{margin-top:12px;overflow:hidden}.console-head{padding:11px 15px;border-bottom:1px solid var(--line);background:rgba(21,208,252,.035);font:800 9px var(--mono);letter-spacing:.11em;text-transform:uppercase}.console-body{padding:17px;min-height:180px;color:#87bba3;font:11px/1.8 var(--mono)}.console-line:before{content:">";color:var(--green);margin-right:9px}.console-form{display:flex;gap:8px;margin-top:8px}.console-form input{width:100%;min-width:0;padding:11px;border:1px solid rgba(21,208,252,.18);border-radius:9px;background:rgba(0,0,0,.2);outline:none;color:#fff;font:11px var(--mono)}.console-form input:focus{border-color:rgba(21,208,252,.5)}
.record-hero{margin-top:14px;padding:44px;position:relative;overflow:hidden}.record-hero h1{font-size:clamp(42px,6vw,88px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:15px 0}.record-hero p{max-width:800px;color:#a6c1b5;line-height:1.75}.record-id{position:absolute;right:28px;top:28px;color:rgba(217,25,247,.35);font:900 clamp(25px,5vw,70px) var(--mono)}
.record-section{padding:22px}.record-section h2{font-size:20px;text-transform:uppercase;letter-spacing:-.02em}.bullet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.bullet{padding:12px;border:1px solid rgba(21,208,252,.09);border-radius:10px;color:#a8c2b7;font-size:12px;background:rgba(255,255,255,.012)}


/* ===========================
   LITERVERSE ASTROMETRIC MAP V2
   =========================== */

.astrometric-command{
  position:relative;
  min-height:720px;
  overflow:hidden;
  border-color:rgba(217,25,247,.18);
  background:
    radial-gradient(circle at 50% 50%,rgba(21,208,252,.055),transparent 40%),
    linear-gradient(180deg,rgba(4,14,12,.88),rgba(2,8,7,.95));
}

.map-toolbar{
  position:absolute;
  top:16px;
  left:16px;
  right:16px;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  pointer-events:none;
}

.map-toolbar > *{pointer-events:auto}

.map-title-block{
  padding:10px 13px;
  border:1px solid rgba(21,208,252,.18);
  border-radius:12px;
  background:rgba(3,12,10,.86);
  backdrop-filter:blur(12px);
}

.map-title-block strong{
  display:block;
  font:800 11px var(--mono);
  letter-spacing:.14em;
  color:var(--text);
}

.map-title-block span{
  display:block;
  margin-top:4px;
  color:var(--green);
  font:9px var(--mono);
  letter-spacing:.11em;
  text-transform:uppercase;
}

.map-controls{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}

.map-control{
  min-width:38px;
  height:38px;
  padding:0 11px;
  display:grid;
  place-items:center;
  border:1px solid rgba(21,208,252,.2);
  border-radius:10px;
  background:rgba(4,16,13,.9);
  color:#bfe2d3;
  cursor:pointer;
  font:800 10px var(--mono);
  letter-spacing:.08em;
}

.map-control:hover,
.map-control.active{
  border-color:rgba(21,208,252,.6);
  color:var(--green);
  background:rgba(21,208,252,.08);
}

.map-stage{
  position:absolute;
  inset:0;
  overflow:hidden;
  cursor:grab;
  touch-action:none;
  user-select:none;
}

.map-stage.dragging{cursor:grabbing}

.map-universe{
  position:absolute;
  left:50%;
  top:50%;
  width:1400px;
  height:900px;
  transform-origin:center center;
  will-change:transform;
}

.map-universe::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 42% 48%,rgba(21,208,252,.08),transparent 11%),
    radial-gradient(circle at 72% 64%,rgba(217,25,247,.05),transparent 10%),
    linear-gradient(rgba(217,25,247,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(217,25,247,.045) 1px,transparent 1px);
  background-size:auto,auto,50px 50px,50px 50px;
}

.map-universe::after{
  content:"";
  position:absolute;
  inset:7%;
  border:1px solid rgba(21,208,252,.07);
  border-radius:50%;
  box-shadow:
    0 0 0 90px rgba(21,208,252,.012),
    0 0 0 180px rgba(217,25,247,.01);
}

.map-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
  z-index:2;
}

.map-link{
  stroke:rgba(217,25,247,.22);
  stroke-width:1.4;
  stroke-dasharray:5 7;
  filter:drop-shadow(0 0 4px rgba(217,25,247,.25));
}

.map-link.signal{
  stroke:rgba(255,201,104,.28);
  stroke-dasharray:2 8;
}

.map-link-label{
  fill:rgba(148,190,174,.55);
  font:8px var(--mono);
  letter-spacing:.08em;
}

.map-node{
  position:absolute;
  z-index:5;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  cursor:pointer;
}

.node-core{
  width:var(--node-size);
  height:var(--node-size);
  border-radius:50%;
  position:relative;
  border:1px solid currentColor;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.75),currentColor 18%,rgba(0,0,0,.5) 72%);
  box-shadow:0 0 14px currentColor,0 0 35px color-mix(in srgb,currentColor 35%,transparent);
}

.node-core::before{
  content:"";
  position:absolute;
  inset:-8px;
  border:1px solid currentColor;
  border-radius:50%;
  opacity:.24;
}

.node-core::after{
  content:"";
  position:absolute;
  inset:-15px;
  border-top:1px solid currentColor;
  border-bottom:1px solid currentColor;
  border-radius:50%;
  opacity:.15;
  animation:nodeOrbit 9s linear infinite;
}

@keyframes nodeOrbit{to{transform:rotate(360deg)}}

.map-node[data-type="planet"]{color:var(--green)}
.map-node[data-type="species"]{color:var(--cyan)}
.map-node[data-type="ship"]{color:#0463f7}
.map-node[data-type="anomaly"]{color:var(--amber)}
.map-node[data-type="location"]{color:#8c4dff}

.map-node:hover .node-core,
.map-node.selected .node-core{
  transform:scale(1.2);
  box-shadow:0 0 20px currentColor,0 0 55px color-mix(in srgb,currentColor 55%,transparent);
}

.node-label{
  position:absolute;
  left:calc(100% + 12px);
  top:50%;
  transform:translateY(-50%);
  width:max-content;
  max-width:190px;
  padding:6px 8px;
  border-left:2px solid currentColor;
  background:linear-gradient(90deg,rgba(4,13,11,.88),rgba(4,13,11,.12));
  color:#d9f2e7;
  font:800 9px var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  pointer-events:none;
  transition:.2s ease;
}

.node-label small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font:7px var(--mono);
  letter-spacing:.08em;
}

.map-node:not(:hover):not(.selected) .node-label.compact{
  opacity:.65;
}

.map-node.hidden{
  opacity:.08;
  pointer-events:none;
}

.map-preview{
  position:absolute;
  z-index:25;
  right:16px;
  bottom:16px;
  width:min(360px,calc(100% - 32px));
  padding:18px;
  border:1px solid rgba(21,208,252,.25);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(7,24,20,.96),rgba(3,11,9,.96));
  backdrop-filter:blur(18px);
  box-shadow:0 0 38px rgba(0,0,0,.35);
  transform:translateY(15px);
  opacity:0;
  pointer-events:none;
  transition:.25s ease;
}

.map-preview.visible{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}

.map-preview-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:start;
}

.map-preview-id{
  color:var(--green);
  font:800 9px var(--mono);
  letter-spacing:.13em;
}

.map-preview-type{
  color:var(--cyan);
  font:800 8px var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase;
}

.map-preview h3{
  margin:13px 0 7px;
  font-size:24px;
  letter-spacing:-.035em;
}

.map-preview-class{
  color:#bad6ca;
  font:10px var(--mono);
  text-transform:uppercase;
  letter-spacing:.08em;
}

.map-preview p{
  margin:13px 0 16px;
  color:#8eafa0;
  font-size:12px;
  line-height:1.65;
}

.map-preview-meta{
  padding:9px 10px;
  margin-bottom:12px;
  border:1px solid rgba(217,25,247,.1);
  border-radius:8px;
  color:var(--cyan);
  background:rgba(217,25,247,.025);
  font:8px var(--mono);
  letter-spacing:.1em;
}

.map-preview-actions{
  display:flex;
  gap:8px;
}

.map-preview-close{
  margin-left:auto;
  width:28px;
  height:28px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
}

.map-legend{
  position:absolute;
  left:16px;
  bottom:16px;
  z-index:20;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  max-width:55%;
}

.legend-item{
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px 9px;
  border:1px solid rgba(21,208,252,.12);
  border-radius:9px;
  background:rgba(3,12,10,.78);
  color:#9fbdb0;
  font:8px var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}

.legend-item i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--legend);
  box-shadow:0 0 8px var(--legend);
}

.legend-item.active{
  border-color:rgba(21,208,252,.4);
  color:#fff;
}

.map-coordinates{
  position:absolute;
  left:16px;
  top:82px;
  z-index:20;
  padding:7px 9px;
  color:#79a795;
  background:rgba(2,9,8,.72);
  border-left:2px solid var(--green);
  font:8px var(--mono);
  letter-spacing:.09em;
  pointer-events:none;
}

.map-instruction{
  position:absolute;
  left:50%;
  top:50%;
  z-index:1;
  transform:translate(-50%,-50%);
  color:rgba(21,208,252,.05);
  font:900 clamp(55px,9vw,150px) var(--mono);
  letter-spacing:-.08em;
  white-space:nowrap;
  pointer-events:none;
}

@media(max-width:850px){
  .astrometric-command{min-height:650px}
  .map-toolbar{align-items:flex-start}
  .map-title-block{max-width:180px}
  .map-title-block strong{font-size:9px}
  .map-controls{justify-content:flex-end}
  .map-control{min-width:34px;height:34px;padding:0 8px;font-size:8px}
  .map-legend{max-width:calc(100% - 32px);bottom:12px}
  .legend-item{font-size:7px;padding:6px 7px}
  .map-preview{bottom:70px}
  .node-label{font-size:8px}
}

@media(max-width:560px){
  .astrometric-command{min-height:610px}
  .map-toolbar{right:10px;left:10px;top:10px}
  .map-title-block span{display:none}
  .map-controls .filter-toggle{display:none}
  .map-coordinates{top:62px;left:10px}
  .map-legend{left:10px;right:10px;max-width:none}
  .legend-item{flex:1;justify-content:center}
  .map-preview{right:10px;left:10px;width:auto}
}


/* ===========================
   LITERVERSE SECTOR NAVIGATION V3
   =========================== */
.galaxy-nav{
  position:relative;
  min-height:760px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 50%,rgba(217,25,247,.035),transparent 32%),
    radial-gradient(circle at 38% 48%,rgba(21,208,252,.045),transparent 13%),
    linear-gradient(180deg,rgba(3,12,10,.96),rgba(1,6,5,.98));
}

.galaxy-stage{
  position:absolute;
  inset:0;
  overflow:hidden;
  touch-action:none;
  cursor:grab;
}
.galaxy-stage.dragging{cursor:grabbing}

.galaxy-field{
  position:absolute;
  left:50%;
  top:50%;
  width:1500px;
  height:950px;
  transform-origin:center center;
  will-change:transform;
  background:
    radial-gradient(circle,rgba(255,255,255,.24) 0 1px,transparent 1.6px),
    radial-gradient(circle,rgba(21,208,252,.17) 0 1px,transparent 1.5px),
    linear-gradient(rgba(217,25,247,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(217,25,247,.035) 1px,transparent 1px);
  background-size:135px 135px,240px 240px,75px 75px,75px 75px;
}

.galaxy-field::before{
  content:"";
  position:absolute;
  inset:8%;
  border:1px solid rgba(21,208,252,.05);
  border-radius:46% 54% 52% 48% / 45% 49% 51% 55%;
  box-shadow:
    0 0 0 90px rgba(21,208,252,.008),
    0 0 0 180px rgba(217,25,247,.006),
    inset 0 0 110px rgba(21,208,252,.018);
}

.galaxy-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:2;
  pointer-events:none;
}

.sector-route{
  stroke:rgba(217,25,247,.2);
  stroke-width:1.4;
  stroke-dasharray:7 9;
}
.sector-route.signal{
  stroke:rgba(255,201,104,.3);
  stroke-dasharray:2 9;
}
.sector-route-label{
  fill:rgba(139,178,164,.48);
  font:8px var(--mono);
  letter-spacing:.1em;
}

.sector-node{
  position:absolute;
  z-index:5;
  transform:translate(-50%,-50%);
  color:var(--green);
  cursor:pointer;
  text-align:left;
}
.sector-node[data-color="cyan"]{color:var(--cyan)}
.sector-node[data-color="amber"]{color:var(--amber)}
.sector-node[data-color="violet"]{color:#d29cff}

.sector-ring{
  width:86px;
  height:86px;
  border:1px solid currentColor;
  border-radius:50%;
  position:relative;
  display:grid;
  place-items:center;
  background:radial-gradient(circle,rgba(255,255,255,.06),rgba(0,0,0,.18) 55%,rgba(0,0,0,.5));
  box-shadow:0 0 30px color-mix(in srgb,currentColor 16%,transparent);
}
.sector-ring::before,
.sector-ring::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid currentColor;
  opacity:.17;
}
.sector-ring::before{inset:-13px}
.sector-ring::after{inset:-25px;animation:sectorPulse 4s ease-in-out infinite}

@keyframes sectorPulse{
  50%{transform:scale(1.06);opacity:.07}
}

.sector-core{
  width:19px;
  height:19px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 13px currentColor,0 0 32px currentColor;
}

.sector-node:hover .sector-ring,
.sector-node.selected .sector-ring{
  transform:scale(1.1);
  box-shadow:0 0 38px color-mix(in srgb,currentColor 36%,transparent);
}

.sector-label{
  position:absolute;
  left:104px;
  top:50%;
  transform:translateY(-50%);
  min-width:160px;
  padding:8px 10px;
  border-left:2px solid currentColor;
  background:linear-gradient(90deg,rgba(4,13,11,.94),rgba(4,13,11,.12));
  color:#ecfff7;
  font:800 10px var(--mono);
  letter-spacing:.09em;
}
.sector-label small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font:7px var(--mono);
  text-transform:uppercase;
}

.sector-status{
  display:inline-flex;
  margin-top:5px;
  padding:3px 5px;
  border:1px solid currentColor;
  border-radius:5px;
  color:currentColor;
  font:700 6px var(--mono);
  letter-spacing:.09em;
  text-transform:uppercase;
}

.galaxy-toolbar{
  position:absolute;
  z-index:20;
  left:16px;
  right:16px;
  top:16px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  pointer-events:none;
}
.galaxy-toolbar>*{pointer-events:auto}

.galaxy-title{
  padding:11px 13px;
  border:1px solid rgba(217,25,247,.16);
  border-radius:12px;
  background:rgba(3,12,10,.88);
  backdrop-filter:blur(12px);
}
.galaxy-title strong{
  display:block;
  font:800 11px var(--mono);
  letter-spacing:.14em;
}
.galaxy-title span{
  display:block;
  margin-top:4px;
  color:var(--cyan);
  font:8px var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase;
}

.galaxy-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.galaxy-coordinate{
  position:absolute;
  z-index:20;
  left:16px;
  top:82px;
  padding:7px 9px;
  border-left:2px solid var(--cyan);
  color:#7ba697;
  background:rgba(2,9,8,.72);
  font:8px var(--mono);
  letter-spacing:.09em;
  pointer-events:none;
}

.galaxy-preview{
  position:absolute;
  right:16px;
  bottom:16px;
  z-index:25;
  width:min(370px,calc(100% - 32px));
  padding:18px;
  border:1px solid rgba(217,25,247,.22);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(6,22,18,.97),rgba(3,10,9,.97));
  backdrop-filter:blur(18px);
  transform:translateY(15px);
  opacity:0;
  pointer-events:none;
  transition:.25s ease;
}
.galaxy-preview.visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.galaxy-preview h3{
  margin:12px 0 7px;
  font-size:25px;
}
.galaxy-preview p{
  color:#8eafa0;
  font-size:12px;
  line-height:1.65;
}
.galaxy-preview-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin:13px 0;
}
.galaxy-preview-meta div{
  padding:8px;
  border:1px solid rgba(21,208,252,.08);
  border-radius:8px;
  background:rgba(255,255,255,.012);
}
.galaxy-preview-meta b{
  display:block;
  color:var(--green);
  font:800 11px var(--mono);
}
.galaxy-preview-meta span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font:7px var(--mono);
  text-transform:uppercase;
}

.sector-view{
  position:absolute;
  inset:0;
  z-index:30;
  background:rgba(1,6,5,.98);
  opacity:0;
  pointer-events:none;
  transition:opacity .35s ease;
}
.sector-view.active{
  opacity:1;
  pointer-events:auto;
}

.sector-view-head{
  position:absolute;
  left:16px;
  right:16px;
  top:16px;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.sector-view-title{
  padding:10px 12px;
  border:1px solid rgba(21,208,252,.18);
  border-radius:11px;
  background:rgba(3,12,10,.88);
}
.sector-view-title strong{
  display:block;
  font:800 10px var(--mono);
  letter-spacing:.11em;
}
.sector-view-title span{
  display:block;
  margin-top:4px;
  color:var(--green);
  font:7px var(--mono);
  letter-spacing:.1em;
}

.sector-empty{
  position:absolute;
  left:50%;
  top:50%;
  z-index:35;
  transform:translate(-50%,-50%);
  width:min(520px,calc(100% - 40px));
  text-align:center;
  padding:28px;
  border:1px solid rgba(255,201,104,.16);
  border-radius:18px;
  background:rgba(8,12,10,.75);
}
.sector-empty strong{
  display:block;
  color:var(--amber);
  font:800 12px var(--mono);
  letter-spacing:.12em;
}
.sector-empty p{
  margin:12px 0 0;
  color:var(--muted);
  line-height:1.7;
  font-size:12px;
}

.jump-flash{
  position:absolute;
  inset:0;
  z-index:100;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.92),rgba(217,25,247,.38) 13%,transparent 44%);
}
.jump-flash.active{animation:jumpFlash .7s ease}
@keyframes jumpFlash{
  0%{opacity:0;transform:scale(.7)}
  35%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(1.25)}
}

@media(max-width:850px){
  .galaxy-nav{min-height:680px}
  .sector-ring{width:70px;height:70px}
  .sector-label{left:84px;min-width:125px;font-size:8px}
  .galaxy-preview{bottom:70px}
}
@media(max-width:560px){
  .galaxy-nav{min-height:630px}
  .galaxy-toolbar{left:10px;right:10px;top:10px}
  .galaxy-title span{display:none}
  .galaxy-coordinate{left:10px;top:62px}
  .sector-ring{width:58px;height:58px}
  .sector-label{left:68px;min-width:105px;padding:6px 7px}
  .sector-label small,.sector-status{display:none}
  .galaxy-preview{left:10px;right:10px;width:auto}
}


/* =========================================================
   LITERVERSE V8 // ASTROMETRIC COLOR HIERARCHY
   ========================================================= */

.hero-main,
.astrometric-command,
.galaxy-nav{
  background:
    radial-gradient(
      circle at 72% 35%,
      rgba(21,208,252,.055),
      transparent 25%
    ),
    radial-gradient(
      circle at 28% 72%,
      rgba(217,25,247,.045),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      rgba(5,7,27,.92),
      rgba(2,4,15,.97)
    );
}

.hero-main h1 span{
  -webkit-text-stroke:1px rgba(21,208,252,.90);
  text-shadow:
    0 0 20px rgba(21,208,252,.15),
    0 0 45px rgba(108,10,234,.12);
}

.astrometric-orb{
  border-color:rgba(21,208,252,.22);
  background:
    linear-gradient(
      90deg,
      transparent 49.8%,
      rgba(21,208,252,.14) 50%,
      transparent 50.2%
    ),
    linear-gradient(
      transparent 49.8%,
      rgba(217,25,247,.12) 50%,
      transparent 50.2%
    ),
    repeating-radial-gradient(
      circle,
      transparent 0 55px,
      rgba(108,10,234,.14) 56px 57px
    );
  box-shadow:
    inset 0 0 80px rgba(4,99,247,.05),
    0 0 55px rgba(108,10,234,.045);
}

.astrometric-orb::before{
  background:
    conic-gradient(
      transparent 0 305deg,
      rgba(21,208,252,.10) 330deg,
      rgba(4,99,247,.30) 345deg,
      rgba(217,25,247,.50) 359deg,
      transparent 360deg
    );
}

.map-node[data-type="planet"]{
  color:#15d0fc;
}

.map-node[data-type="species"]{
  color:#d919f7;
}

.map-node[data-type="ship"]{
  color:#0463f7;
}

.map-node[data-type="technology"],
.map-node[data-type="gadget"]{
  color:#8c4dff;
}

.map-node[data-type="location"]{
  color:#b97cff;
}

.map-node[data-type="anomaly"]{
  color:#ff4fe1;
}

.sector-node{
  color:#15d0fc;
}

.sector-node[data-color="cyan"]{
  color:#0463f7;
}

.sector-node[data-color="amber"]{
  color:#d919f7;
}

.sector-node[data-color="violet"]{
  color:#8c4dff;
}

.map-link,
.sector-route{
  stroke:rgba(21,208,252,.22);
  filter:drop-shadow(0 0 5px rgba(4,99,247,.28));
}

.map-link.signal,
.sector-route.signal{
  stroke:rgba(217,25,247,.32);
}

.route{
  background:
    linear-gradient(
      90deg,
      transparent,
      #15d0fc,
      #0463f7,
      #6c0aea,
      #d919f7,
      transparent
    );
  box-shadow:
    0 0 12px rgba(21,208,252,.42),
    0 0 24px rgba(217,25,247,.12);
}

.galaxy-title span,
.map-preview-type,
.galaxy-coordinate{
  color:#d919f7;
}

.map-coordinates{
  border-left-color:#15d0fc;
}

.dossier-orb{
  border-color:rgba(21,208,252,.30);
  background:
    radial-gradient(
      circle at 34% 28%,
      rgba(255,255,255,.65) 0 2%,
      rgba(21,208,252,.24) 3%,
      transparent 10%
    ),
    radial-gradient(
      circle at 45% 46%,
      rgba(4,99,247,.38),
      rgba(108,10,234,.34) 42%,
      rgba(2,3,14,.92) 74%
    );
  box-shadow:
    inset -40px -30px 70px rgba(0,0,0,.62),
    0 0 28px rgba(21,208,252,.22),
    0 0 72px rgba(108,10,234,.14),
    0 0 110px rgba(217,25,247,.05);
}

.dossier-ship::before{
  background:
    linear-gradient(
      90deg,
      #15d0fc,
      #0463f7,
      #6c0aea,
      #d919f7
    );
  box-shadow:
    0 0 22px rgba(21,208,252,.32),
    0 0 40px rgba(217,25,247,.16);
}

.dossier-species{
  border-color:rgba(217,25,247,.27);
  background:
    radial-gradient(
      circle at 50% 35%,
      rgba(217,25,247,.27),
      transparent 22%
    ),
    radial-gradient(
      circle at 45% 52%,
      rgba(21,208,252,.20),
      rgba(108,10,234,.28) 48%,
      rgba(0,0,0,.84) 74%
    );
  box-shadow:
    0 0 60px rgba(217,25,247,.13),
    0 0 85px rgba(21,208,252,.05);
}

.location-marker{
  background:#d919f7;
  box-shadow:
    0 0 16px #d919f7,
    0 0 42px rgba(108,10,234,.55);
}

.location-marker::after{
  border-color:#15d0fc;
}