/* Each saved map owns its scene objects; approved artwork keeps its scale and coordinates. */
body #p1FuelMiningRegionV6190.fuelSectorMiningV6300{inset:0!important;pointer-events:none}
body[data-navigation-map="fuel"] #p1FuelMiningRegionV6190.fuelSectorMiningV6300{display:block!important}
.fuelSectorMiningV6300 .fuelMiningRegionBackdropV6190{inset:50% 3% 7% 65%}
.fuelSectorMiningV6300 .fuelMiningRegionTitleV6190{left:81%;top:51%}
.worldSectorLabel{position:absolute;transform:translate(-50%,-100%);color:#d8f4ff;text-align:center;pointer-events:none;z-index:2;white-space:nowrap}
.worldSectorLabel strong{display:block;font:900 28px/1.3 system-ui;letter-spacing:.08em;text-shadow:0 2px 8px #000}
.worldSectorLabel span{display:block;font:700 14px/1.5 system-ui;color:#8cc4dc}
body #world .galaxyDestinationLabel,
body #world .planetOneBackdropLabelV6131,
body:not([data-navigation-map="npc"]) #world .npc,
body:not([data-navigation-map="npc"]) #world .npcReinforcementMarchV62853,
body:not([data-navigation-map="npc"]) #world .npcRetaliationMarchV62880,
body:not([data-navigation-map="fuel"]) #world #p1FuelMiningRegionV6190,
body:not([data-navigation-map="fuel"]) #world .planetFloatingAsteroidV61316,
body:not([data-navigation-map="hq"]) #world .fuelOrbitBase,
body:not([data-navigation-map="hq"]) #world #p1FuelBayV62759,
body:not([data-navigation-map="hq"]) #world #fuelProcessingBase,
body:not([data-navigation-map="hq"]) #world #planet1HomeBaseV6141,
body:not([data-navigation-map="hq"]) #world .hq,
body:not([data-navigation-map="hq"]) #world .fuelPlanetHomeBaseV62876,
body:not([data-navigation-map="hq"]) #world .fuelLogisticsTanker,
body:not([data-navigation-map="hq"]) #world .fuelLogisticsEngineer,
body:not([data-navigation-map="alliance"]) #world #allianceSectorBase,
body:not([data-navigation-map="hq"]) #world .worldSectorLabel[data-sector="hq"],
body:not([data-navigation-map="npc"]) #world .worldSectorLabel[data-sector="npc"],
body:not([data-navigation-map="alliance"]) #world .worldSectorLabel[data-sector="alliance"]{display:none!important}
#allianceSectorBase{position:absolute;transform:translate(-50%,-100%);width:230px;box-sizing:border-box;padding:15px;border:1px dashed #6f8f9c;border-radius:12px;background:#10202bdd;color:#dceaf1;text-align:center;z-index:4;pointer-events:auto}
#allianceSectorBase .allianceBaseHeading{display:flex;align-items:center;justify-content:center;gap:4px}
#allianceSectorBase .allianceBaseHeading>b{font:800 15px/1.3 system-ui,sans-serif;letter-spacing:.05em}
#allianceSectorBase [data-alliance-name]{display:block;margin:5px 0 10px;font:700 12px/1.4 system-ui,sans-serif;overflow-wrap:anywhere;color:#a8c0cd}
#allianceSectorBase>button{width:100%;min-height:44px;border:1px solid #425766;border-radius:7px;background:#142733;color:#9dabb5;font:800 11px/1.3 system-ui,sans-serif;cursor:not-allowed}

/* Navigation lives in the map control; the former top readout is retired. */
html body #navHud.navHud,
html body.nonameMapActiveV62862 #navHud.navHud {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body .worldSectorLabel[data-sector="fuel"],
body .fuelMiningRegionTitleV6190 { display: none !important; }

#sectorMapLauncher {
  box-sizing: border-box;
  position: fixed;
  right: max(14px, env(safe-area-inset-right));
  bottom: calc(164px + env(safe-area-inset-bottom));
  z-index: 1200;
  display: none;
  width: 138px;
  min-height: 84px;
  padding: 8px 10px;
  border: 1px solid rgba(134, 220, 246, .35);
  border-radius: 10px;
  background: rgba(5, 22, 32, .94);
  color: #d8f4ff;
  font: 800 10px/1.3 system-ui, sans-serif;
  letter-spacing: .08em;
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
}
body.nonameMapActiveV62862:not(.nonameMajorScreenOpenV62792):not(.p1BaseUiExclusiveV6264):not(.galaxyChatExclusiveV6266):not(.fighterMarchMenuOpenV62809) #sectorMapLauncher {
  display: grid;
  gap: 6px;
}
#sectorMapLauncher:hover { border-color: #83e7ff; }
#sectorMapLauncher:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.sectorLauncherChart {
  position: relative;
  display: block;
  width: 100%;
  height: 46px;
  overflow: hidden;
  border: 1px solid rgba(134, 220, 246, .15);
  border-radius: 5px;
  background:
    linear-gradient(32deg, transparent 47%, rgba(131, 231, 255, .22) 48%, rgba(131, 231, 255, .22) 49%, transparent 50%),
    linear-gradient(145deg, transparent 52%, rgba(131, 231, 255, .16) 53%, rgba(131, 231, 255, .16) 54%, transparent 55%),
    #071a26;
}
.sectorLauncherNode {
  position: absolute;
  width: 7px;
  height: 7px;
  border: 1px solid #a5d9e9;
  background: #174e65;
  transform: translate(-50%, -50%) rotate(45deg);
}
.sectorLauncherNode:nth-child(1) { left: 50%; top: 52%; }
.sectorLauncherNode:nth-child(2) { left: 78%; top: 76%; }
.sectorLauncherNode:nth-child(3) { left: 22%; top: 28%; }
.sectorLauncherNode:nth-child(4) { left: 82%; top: 18%; }

/* Keep the original sector menu, condensed around its map and destinations. */
#sectorNavigation.nnMenuPanel {
  box-sizing: border-box;
  position: fixed;
  z-index: 250000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(560px, calc(100vw - 24px));
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  margin: 0;
  padding: 16px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid #47778c !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #142937, #08141e) !important;
  color: #e5f8ff !important;
  box-shadow: 0 20px 80px #000c !important;
  font: 500 12px/1.4 system-ui, sans-serif;
}
#sectorNavigation > .nnMenuHeading,
#sectorTravelChoices > header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
#sectorNavigation > .nnMenuHeading > div:first-child,
#sectorTravelChoices .sectorTravelHeading,
#sectorTravelChoices > header > h2 { flex: 1; min-width: 0; }
#sectorNavigation > .nnMenuHeading h2,
#sectorTravelChoices #sectorTravelTitle {
  margin: 3px 0;
  color: #e5f8ff !important;
  font: 800 19px/1.25 system-ui, sans-serif !important;
  letter-spacing: .04em !important;
  overflow-wrap: anywhere;
}
#sectorTravelChoices #sectorTravelTitle { font-size: 16px !important; }
.sectorNavigationHeaderActions, .sectorTravelHeaderActions { display: flex; align-items: center; flex: 0 0 auto; gap: 2px; }
#sectorNavigation > .nnMenuHeading button,
#sectorTravelChoices > header button {
  flex: 0 0 40px;
  width: 40px;
  min-width: 40px;
  min-height: 40px !important;
}
#sectorNavigation > .nnMenuHeading .nnMenuInfoButton,
#sectorTravelChoices > header .nnMenuInfoButton { --nn-info-hit-size: 40px; }
#sectorNavigation :is(button, input, select):focus-visible { outline: 2px solid #abe9ff !important; outline-offset: 3px; }
#sectorNavigationModes { display: flex; gap: 8px; margin: 0 0 10px; }
#sectorNavigationModes > button {
  flex: 1;
  min-width: 0;
  min-height: 40px !important;
  padding: 7px 12px !important;
  font-size: 11px !important;
}
/* Regular flight uses the current scene; Warp shows four illustrated maps. */
#sectorNavigation .sectorNavigationMap { box-sizing: border-box; width: 100%; margin: 0; }
#sectorNavigation #sectorLocalMap {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 220px;
  overflow: hidden;
  border: 1px solid #315368;
  border-radius: 12px;
  background: radial-gradient(ellipse at 70% 65%, #123e58 0, transparent 48%), radial-gradient(circle, #557e9226 1px, transparent 2px), #07121d;
  background-size: auto, 20px 20px, auto;
  cursor: crosshair;
}
#sectorNavigation .sectorLocalMapHeading,
#sectorNavigation #sectorLocalMapTitle { margin: 0 0 7px; color: #9fc1d1; font: 750 10px/1.4 system-ui, sans-serif; letter-spacing: .04em; }
#sectorNavigation #sectorLocalMap [data-local-destination] {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  box-sizing: border-box;
  width: 74px;
  max-width: 28%;
  min-height: 44px !important;
  margin: 0;
  padding: 2px !important;
  transform: translate(-50%, -50%);
  border: 0 !important;
  border-radius: 5px !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  touch-action: manipulation;
}
#sectorNavigation #sectorLocalMap [data-local-destination] > :is(img, .hhpPresentation, .hqPresentation, .fspPresentation) { display: block; width: 58px; height: 54px; max-width: 100%; object-fit: contain; border: 0; background: transparent; filter: none; pointer-events: none; }
#sectorNavigation #sectorLocalMap [data-local-destination] > :is(b,span,small) { display: block; width: 80px; max-width: 80px; color: #dff1fa; font: 750 9px/1.3 system-ui, sans-serif; white-space: normal; overflow: visible; text-overflow: clip; text-align: center; pointer-events: none; }
#sectorNavigation #sectorLocalMap [data-local-destination]:hover { background: #72c9eb12 !important; }
#sectorNavigation #sectorLocalMap [data-local-destination].selected { outline: 1px solid #83d9fa; outline-offset: 2px; }
#sectorNavigation .sectorNavigationDestinations { display: none; }
#sectorNavigation #sectorWarpMaps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
#sectorNavigation #sectorWarpMaps [data-sector-destination] {
  display: grid;
  grid-template-rows: 88px auto auto;
  align-content: start;
  min-width: 0;
  min-height: 132px !important;
  gap: 4px;
  padding: 8px !important;
  border: 1px solid #416a7f !important;
  border-radius: 10px !important;
  background: #102736 !important;
  text-align: left;
  cursor: pointer;
  touch-action: manipulation;
}
#sectorNavigation #sectorWarpMaps .sectorMapPreview { position: relative; display: block; width: 100%; height: 88px; overflow: hidden; border-radius: 6px; background: radial-gradient(ellipse at 65% 65%, #153c52 0, transparent 65%), #07121d; pointer-events: none; }
#sectorNavigation #sectorWarpMaps .sectorMapPreview :is(img, .hhpPresentation, .hqPresentation, .fspPresentation) { position: absolute; display: block; width: 22%; height: auto; max-width: 100%; max-height: 72%; transform: translate(-50%, -50%); object-fit: contain; border: 0; background: transparent; filter: none; pointer-events: none; }
#sectorNavigation #sectorWarpMaps [data-sector-destination="hq"] .sectorMapPreview :is(img, .hhpPresentation, .hqPresentation, .fspPresentation) { width: 28%; }
#sectorNavigation #sectorWarpMaps :is([data-sector-destination="npc"],[data-sector-destination="fuel"]) .sectorMapPreview :is(img, .hhpPresentation, .hqPresentation, .fspPresentation) { width: 16%; }
#sectorNavigation #sectorWarpMaps .sectorPreviewPlaceholder { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-sizing: border-box; max-width: 86%; padding: 7px 9px; border: 1px dashed #6f8f9c; border-radius: 5px; color: #afc4ce; font: 750 9px/1.35 system-ui, sans-serif; text-align: center; }
#sectorNavigation #sectorWarpMaps [data-sector-destination] > b { display: block; margin-top: 2px; color: #e5f8ff; font: 800 11px/1.3 system-ui, sans-serif; overflow-wrap: anywhere; }
#sectorNavigation #sectorWarpMaps .sectorDestinationState { margin-top: 0; }
#sectorNavigationModes > button.active,
#sectorNavigationModes > button[aria-pressed="true"],
#sectorNavigation #sectorWarpMaps [data-sector-destination].selected,
#sectorNavigation #sectorWarpMaps [data-sector-destination][aria-current="location"] { border-color: #90dfff !important; background: #173c50 !important; box-shadow: inset 0 0 0 1px #90dfff !important; }
#sectorNavigation[data-navigation-view="warp"] #sectorLocalMap,
#sectorNavigation[data-navigation-view="warp"] .sectorNavigationMap,
#sectorNavigation[data-navigation-view="sectors"] #sectorWarpMaps { display: none !important; }
#sectorNavigationPosition { position: absolute; z-index: 3; width: 9px; height: 9px; border: 1px solid #e4f7ff; border-radius: 50%; background: #70c5e6; transform: translate(-50%, -50%); pointer-events: none; }
#sectorNavigationTarget { position: absolute; z-index: 4; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #edc778; border-radius: 50%; background: transparent; box-shadow: 0 0 0 1px #0c1c29; transform: translate(-50%, -50%); pointer-events: none; }
#sectorNavigation #sectorLocalMap [data-local-destination].sectorLocalPlaceholder { width: 112px; max-width: 45%; min-height: 44px !important; padding: 7px !important; border: 1px dashed #6f8f9c !important; background: #10202b99 !important; }
#sectorNavigation #sectorLocalMap .sectorLocalPlaceholder > b { color: #b6cad4; font-size: 10px; white-space: normal; overflow: visible; }
#sectorNavigationPosition > span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
#sectorNavigation .sectorDestinationState {
  display: block;
  margin-top: 3px;
  color: #9fc1d1;
  font: 700 8px/1.3 system-ui, sans-serif !important;
  letter-spacing: .025em;
}
#sectorNavigation .sectorDestinationState:empty { display: none; }
#sectorNavigation > .sectorNavigationFooter { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; margin-top: 10px; }
#sectorNavigation .sectorNavigationLegend { display: grid; gap: 3px; min-width: 0; margin: 0; color: #9fc1d1; font: 750 10px/1.4 system-ui, sans-serif; }
#sectorNavigation #sectorNavigationLocation { display: block; margin: 0; }
#sectorNavigationCoordinates { color: #bdefff; font-variant-numeric: tabular-nums; white-space: nowrap; }
#sectorNavigation > .sectorNavigationFooter > button { min-height: 40px !important; padding: 7px 12px !important; font-size: 10px !important; cursor: pointer; }

/* Selection and travel stay inside the same navigation panel. */
#sectorNavigation > #sectorTravelChoices.sectorNavigationActions {
  box-sizing: border-box;
  position: static;
  width: 100%;
  min-width: 0;
  margin: 10px 0 0;
  padding: 8px 0 0;
  border: 0;
  border-top: 1px solid #315368;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #edf8ff;
  font: 500 12px/1.4 system-ui, sans-serif;
}
#sectorTravelChoices > header { margin-bottom: 6px; }
#sectorTravelChoices #sectorTravelTitle { margin: 0; font-size: 13px !important; line-height: 1.3 !important; }
#sectorTravelChoices .sectorTravelHeading > small { display: block; color: #9fc1d1; font: 750 9px/1.3 system-ui, sans-serif; }
#sectorTravelChoices #sectorNavigationQuote { margin: 0; }
#sectorTravelChoices .sectorTravelFacts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
#sectorTravelChoices .sectorTravelFacts > div {
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid rgba(134, 220, 246, .17);
  border-radius: 7px;
  background: rgba(16, 42, 55, .65);
}
#sectorTravelChoices .sectorTravelFacts small {
  display: block;
  color: #a5becb;
  font: 750 9px/1.3 system-ui, sans-serif;
  letter-spacing: .025em;
}
#sectorTravelChoices .sectorTravelFacts strong {
  display: block;
  margin-top: 3px;
  color: #edf8ff;
  font: 800 12px/1.35 system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
#sectorTravelChoices #sectorNavigationStatus {
  margin: 7px 0;
  color: #e3d494;
  font: 650 11px/1.4 system-ui, sans-serif;
  overflow-wrap: anywhere;
}
#sectorTravelChoices #sectorNavigationStatus:empty { display: none; }
#sectorTravelChoices > footer { display: flex; flex-wrap: wrap; gap: 8px !important; margin-top: 8px; }
#sectorTravelChoices > footer > button {
  flex: 1 1 130px;
  min-width: 0;
  min-height: 44px !important;
  padding: 8px 10px;
  font: 800 11px/1.35 system-ui, sans-serif !important;
  cursor: pointer;
  touch-action: manipulation;
}
#sectorTravelChoices > footer > [data-travel-close] { flex: 0 1 auto; }
#sectorTravelChoices > footer > button:disabled { cursor: not-allowed; opacity: .5; }
#sectorNavigation[hidden],
#sectorNavigation [hidden],
#sectorMapLauncher[hidden] { display: none !important; }

/* Compact travel progress: destination and time, without a second control bar. */
#sectorTravelStatus {
  position: fixed;
  left: 50%;
  bottom: calc(104px + env(safe-area-inset-bottom));
  transform: translateX(-50%);
  z-index: 95000;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  width: max-content;
  max-width: min(420px, calc(100vw - 24px));
  box-sizing: border-box;
  padding: 9px 13px;
  border: 1px solid #426e8666;
  border-radius: 9px;
  background: #0b1a28ed;
  color: #dceef6;
  pointer-events: none;
}
#sectorTravelStatus.hidden { display: none; }
#sectorTravelStatus .sectorTravelSummary { display: grid; min-width: 0; gap: 3px; }
#sectorTravelLabel { color: #96b9ca; font: 750 9px/1.2 system-ui, sans-serif; letter-spacing: .08em; }
#sectorTravelDestination { color: #dceef6; font: 750 11px/1.35 system-ui, sans-serif; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#sectorTravelTime { padding-left: 13px; border-left: 1px solid #426e8666; color: #bdefff; font: 800 14px/1.3 system-ui, sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
#sectorTravelStatus [hidden] { display:none !important; }
#sectorTravelStatus[data-travel-state="arrived"] { border-color:#5c94ad; }
#sectorTravelStatus[data-travel-state="arrived"] #sectorTravelLabel { color:#c4edfa; font-size:10px; letter-spacing:.04em; }
#sectorTravelBrake {
  pointer-events:auto;
  min-height:40px;
  padding:8px 12px;
  border:1px solid #5c94ad;
  border-radius:6px;
  background:linear-gradient(#183b4e,#102938);
  color:#e3f6ff;
  font:800 10px/1.3 system-ui,sans-serif;
  white-space:nowrap;
  cursor:pointer;
}
#sectorTravelBrake:hover:not(:disabled) { background:#214b60; border-color:#a1dff4; }
#sectorTravelBrake:focus-visible { outline:2px solid #b8edff; outline-offset:3px; }
#sectorTravelBrake:disabled { cursor:default; color:#a6c2d0; background:#10222e; border-color:#426e8666; }

@media (max-width:620px) {
  .worldSectorLabel strong { font-size: 22px; }
  #sectorMapLauncher { right: max(12px, env(safe-area-inset-right)); bottom: calc(150px + env(safe-area-inset-bottom)); width: 126px; min-height: 78px; padding: 7px 9px; }
  .sectorLauncherChart { height: 40px; }
  #sectorNavigation.nnMenuPanel { padding: 14px; }
  #sectorNavigation > .nnMenuHeading h2 { font-size: 17px !important; }
  #sectorNavigation > .nnMenuHeading button,
  #sectorTravelChoices > header button { flex-basis: 44px; width: 44px; min-width: 44px; min-height: 44px !important; }
  #sectorNavigation > .nnMenuHeading .nnMenuInfoButton,
  #sectorTravelChoices > header .nnMenuInfoButton { --nn-info-hit-size: 44px; }
  #sectorNavigation #sectorLocalMap [data-local-destination] { width: 64px; }
  #sectorNavigation #sectorLocalMap [data-local-destination] > :is(img, .hhpPresentation, .hqPresentation, .fspPresentation) { width: 50px; height: 48px; }
  #sectorNavigation #sectorWarpMaps [data-sector-destination] { grid-template-rows: 80px auto auto; min-height: 124px !important; padding: 7px !important; }
  #sectorNavigation #sectorWarpMaps .sectorMapPreview { height: 80px; }
  #sectorTravelChoices .sectorTravelFacts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #sectorTravelChoices .sectorTravelFacts > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
  #sectorNavigation .sectorNavigationDestinations { display: none; }

  #sectorTravelStatus { bottom: calc(92px + env(safe-area-inset-bottom)); gap: 11px; padding: 8px 11px; max-width: calc(100vw - 24px); }
  #sectorTravelDestination { font-size: 10px; }
  #sectorTravelTime { padding-left: 11px; font-size: 13px; }
  #sectorTravelStatus[data-travel-state="arrived"] { width:calc(100vw - 24px); gap:8px; }
  #sectorTravelStatus[data-travel-state="arrived"] #sectorTravelLabel { font-size:9px; }
  #sectorTravelBrake { min-height:44px; padding:8px; font-size:9px; }
}

/* Keep the actual local layout readable when a distant selected point widens its view. */
#sectorNavigation #sectorLocalMap [data-local-destination] > :is(img, .hhpPresentation, .hqPresentation, .fspPresentation) { width:var(--local-art-width,58px); max-width:var(--local-art-width,58px); }
#sectorNavigation #sectorLocalMap [data-local-destination] > b { width:var(--local-label-width,80px); max-width:var(--local-label-width,80px); font:750 var(--local-label-size,9px)/1.25 system-ui,sans-serif !important; overflow-wrap:anywhere; }

#sectorNavigation #sectorLocalMap [data-local-destination] > b { transform:translateY(var(--local-label-offset,0px)); letter-spacing:0 !important; }

/* Planet headers browse their sectors without starting travel. */
#sectorNavigation[data-navigation-view="warp"]{width:min(650px,calc(100vw - 24px))}
#sectorNavigation #sectorWarpMaps{display:flex;flex-direction:column;gap:12px}
#sectorNavigation .warpPlanetGroup{--planet-accent:#96e4f6;--planet-tint:#183d50;border:1px solid #3d6375;border-radius:12px;overflow:hidden;background:#091a26;box-shadow:inset 0 1px 0 #a3deff1a,0 3px 0 #02090f}
#sectorNavigation .warpPlanetGroup[data-warp-planet="drone"]{--planet-accent:#d4b0ff;--planet-tint:#342448;border-color:#614b79;background:#151321}
#sectorNavigation .warpPlanetHeader{display:flex!important;align-items:center;gap:14px;width:100%;min-height:90px!important;padding:10px 14px!important;border:0!important;border-radius:0!important;text-align:left;cursor:pointer;touch-action:manipulation;background:radial-gradient(ellipse at 4% 50%,var(--planet-tint),transparent 65%),linear-gradient(#132834,#0a1723)!important;box-shadow:inset 0 1px 0 #c1e9ff17!important}
#sectorNavigation [data-warp-planet="drone"] .warpPlanetHeader{background:radial-gradient(ellipse at 4% 50%,#49325f,transparent 65%),linear-gradient(#221e32,#12131f)!important}
#sectorNavigation .warpPlanetHeader:hover{filter:brightness(1.12)}
#sectorNavigation .warpPlanetBadge{display:grid;place-items:center;flex:0 0 64px;width:64px;height:66px;border:1px solid #b1deff35;border-radius:15px;background:linear-gradient(140deg,#b5dfff16,#0007);box-shadow:inset 0 1px 0 #dcf4ff38,0 4px 9px #0006}
#sectorNavigation .warpPlanetBadge img{display:block;width:48px;height:56px;object-fit:contain;filter:drop-shadow(0 3px 4px #0008)}
#sectorNavigation .warpPlanetLabels{display:grid;gap:3px;min-width:0;flex:1}
#sectorNavigation .warpPlanetLabels small{color:var(--planet-accent);font:800 9px/1.3 system-ui;letter-spacing:.16em}
#sectorNavigation .warpPlanetLabels strong{color:#f1f7ff;font:850 21px/1.2 system-ui;letter-spacing:.035em}
#sectorNavigation .warpPlanetLabels>span{color:#aabfce;font:700 9px/1.4 system-ui;letter-spacing:.1em}
#sectorNavigation .warpPlanetCurrent{color:var(--planet-accent);font:800 8px/1.4 system-ui;letter-spacing:.04em;border:1px solid #a6cde52b;border-radius:20px;padding:5px 8px;white-space:nowrap}
#sectorNavigation .warpPlanetCaret{color:var(--planet-accent);font:500 24px/1 system-ui;transition:transform .15s}
#sectorNavigation .warpPlanetHeader[aria-expanded="true"] .warpPlanetCaret{transform:rotate(180deg)}
#sectorNavigation .warpPlanetSectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border-top:1px solid #8acbe623}
#sectorNavigation .warpPlanetSectors[hidden]{display:none!important}
#sectorNavigation #sectorWarpMaps [data-sector-destination]{grid-template-rows:60px auto auto auto;min-height:118px!important;gap:2px;padding:7px!important;background:#0c2130!important;border-color:#345364!important;box-shadow:inset 0 1px 0 #c4eaff12,0 2px 0 #020810!important}
#sectorNavigation #sectorWarpMaps .sectorMapPreview{height:60px;background:radial-gradient(ellipse at 60% 80%,#18374a,transparent 70%),#06101a}
#sectorNavigation #sectorWarpMaps [data-sector-destination]>b{font-size:11px;line-height:1.3}
#sectorNavigation .sectorDestinationPurpose{display:block;color:#97adbb;font:500 9px/1.4 system-ui;overflow-wrap:anywhere}
#sectorNavigation #sectorWarpMaps .sectorDestinationState{font-size:8px;line-height:1.4;color:#a7d9e9}
#sectorNavigation [data-warp-planet="drone"] [data-sector-destination]{background:#1d1b2c!important;border-color:#4e4264!important}
#sectorNavigation [data-warp-planet="drone"] .sectorMapPreview{background:radial-gradient(ellipse at 50% 80%,#392544,transparent 75%),#100f1b}
#sectorNavigation .warpSharedSectors{padding-top:2px}
#sectorNavigation .warpSharedSectors h3{margin:0 0 7px;color:#acbac7;font:800 9px/1.3 system-ui;letter-spacing:.13em}
#sectorNavigation #sectorWarpMaps .warpSharedSectors>[data-sector-destination]{width:100%;min-height:74px!important;grid-template-columns:105px 1fr;grid-template-rows:auto auto auto;gap:0 12px;align-content:center}
#sectorNavigation #sectorWarpMaps .warpSharedSectors .sectorMapPreview{grid-column:1;grid-row:1/4}
#sectorNavigation #sectorWarpMaps .warpSharedSectors :is(b,.sectorDestinationPurpose,.sectorDestinationState){grid-column:2}
#sectorNavigation #sectorWarpMaps [data-sector-destination].selected,#sectorNavigation #sectorWarpMaps [data-sector-destination][aria-current="location"]{border-color:#92dff2!important;background:#153849!important;box-shadow:inset 0 0 0 1px #92dff255!important}
#sectorNavigation #sectorWarpMaps [data-warp-planet="drone"] [data-sector-destination].selected,#sectorNavigation #sectorWarpMaps [data-warp-planet="drone"] [data-sector-destination][aria-current="location"]{border-color:#c29aee!important;background:#332645!important;box-shadow:inset 0 0 0 1px #c29aee55!important}
@media(max-width:640px){
 #sectorNavigation .warpPlanetHeader{gap:10px;min-height:84px!important;padding:10px!important;flex-wrap:wrap}
 #sectorNavigation .warpPlanetBadge{flex-basis:50px;width:50px;height:57px;border-radius:12px}
 #sectorNavigation .warpPlanetBadge img{width:38px;height:47px}
 #sectorNavigation .warpPlanetLabels strong{font-size:17px}
 #sectorNavigation .warpPlanetCurrent{order:4;flex-basis:auto;margin-left:60px;margin-top:-7px;padding:2px 6px;font-size:7px}
 #sectorNavigation .warpPlanetSectors{padding:8px;gap:7px}
 #sectorNavigation #sectorWarpMaps [data-sector-destination]{padding:6px!important}
}
@media(prefers-reduced-motion:reduce){#sectorNavigation .warpPlanetCaret{transition:none}}

@media(max-width:640px){#sectorNavigation .warpPlanetHeader{position:relative;flex-wrap:nowrap}#sectorNavigation .warpPlanetCurrent{position:absolute;right:35px;top:9px;margin:0!important;padding:2px 5px;order:initial}#sectorNavigation .warpPlanetLabels strong{white-space:nowrap}}

#sectorNavigation .warpSharedSectors{display:grid;gap:8px}#sectorNavigation .warpSharedSectors h3{margin:0}

#sectorNavigation .sectorMapPreview .dpFacility{position:absolute!important;width:25%!important;max-width:25%;height:auto!important;transform:translate(-50%,-50%)}
#sectorNavigation #sectorLocalMap button>.dpFacility{width:var(--local-art-width,58px)!important;height:auto!important;max-width:none;transform:none;position:relative}

/* Direct map clicks use a small flight quote; Warp owns a separate menu. */
body #sectorNavigation[data-compact-flight="true"]{position:fixed!important;inset:auto!important;left:var(--flight-popup-left,8px);width:min(280px,calc(100vw - 16px))!important;max-height:calc(100dvh - 16px)!important;transform:none!important;padding:12px!important;overflow:auto;box-sizing:border-box}
body #sectorNavigation[data-compact-flight="true"] #sectorNavigationModes,
body #sectorNavigation[data-compact-flight="true"] #sectorLocalMap,
body #sectorNavigation[data-compact-flight="true"] #sectorWarpMaps,
body #sectorNavigation[data-compact-flight="true"] .sectorNavigationFooter,
body #sectorNavigation[data-compact-flight="true"] #sectorNavigationSubtitle,
body #sectorNavigation[data-compact-flight="true"] .sectorNavigationHeaderActions .nnHelpButton,
body #sectorNavigation[data-compact-flight="true"] #sectorTravelChoices>header,
body #sectorNavigation[data-warp-only="true"] #sectorNavigationModes{display:none!important}
body #sectorNavigation[data-compact-flight="true"] .nnMenuHeading{margin-bottom:6px}
body #sectorNavigation[data-compact-flight="true"] h2{font-size:16px}
body #sectorNavigation[data-compact-flight="true"] #sectorTravelChoices{margin:0;padding:8px;border-radius:10px}
body #sectorNavigation[data-compact-flight="true"] .sectorTravelFacts{grid-template-columns:1fr 1fr;gap:6px}
body #sectorNavigation[data-compact-flight="true"] #sectorNavigationConfirm{width:100%;min-height:44px}
#sectorWarpLauncher{display:none}
body.nonameMapActiveV62862:not(.wjInTransit):not(.nonameMajorScreenOpenV62792):not(.p1BaseUiExclusiveV6264) #sectorWarpLauncher{display:block;position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));z-index:65;min-width:76px;min-height:44px;padding:10px 15px;border:1px solid #61b8d1;border-radius:12px;background:linear-gradient(160deg,#18495e,#061925);color:#e2f8ff;font:900 12px/1.2 system-ui;letter-spacing:.12em;box-shadow:inset 0 1px 0 #b9f3ff44,0 4px 15px #0008;cursor:pointer}
#sectorWarpLauncher:focus-visible{outline:2px solid #b8f2ff;outline-offset:3px}