#map .coord .labelbox .labelframe {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

#map {
  position: fixed;
  z-index: 80;
  left: var(--d-map-left);
  top: var(--d-map-top);
  width: var(--d-map-width);
  height: var(--d-map-height);
  animation: fade-in 0.8s linear;
}
#map .coord {
  position: fixed;
  z-index: 100;
  width: var(--map-starboxsize);
  height: var(--map-starboxsize);
  margin-top: calc(var(--map-starboxsize) * -0.5);
  margin-left: calc(var(--map-starboxsize) * -0.5);
  cursor: pointer;
}
#map .coord.hidden {
  display: none;
}
#map .coord .dot {
  margin-top: calc((var(--map-starboxsize) - var(--map-starsize)) / 2);
  margin-left: calc((var(--map-starboxsize) - var(--map-starsize)) / 2);
  font-family: "Space", Monospace;
  width: var(--map-starsize);
  height: var(--map-starsize);
  border-radius: calc(var(--map-starsize) / 2);
  background-color: #ddd;
  box-shadow: 0 0 calc(0.5 * var(--map-starsize)) calc(0.5 * var(--map-starsize)) rgba(221, 221, 221, 0.2666666667);
}
#map .coord.selected .dot {
  background-color: #fff;
  box-shadow: 0 0 calc(2 * var(--map-starsize)) var(--map-starsize) #fff;
  animation: star-brighten 0.2s linear;
}
#map .coord.unread .dot {
  animation: unread-pulse 3s linear infinite;
}
#map .coord.marked .dot, #map .coord.marked.unread .dot {
  animation: marked-pulse 1s linear infinite;
}
#map .coord .labelbox {
  position: absolute;
  z-index: 110;
  width: 0;
  pointer-events: none;
  display: none;
  justify-content: flex-start;
  animation: fade-in 0.2s linear;
}
#map .coord .labelbox.rightside {
  justify-content: flex-end;
}
#map .coord .labelbox.topside {
  bottom: 0;
}
#map .coord .labelbox .labelframe {
  margin-left: calc(var(--map-starsize) + var(--d-gutter1));
  margin-top: calc(var(--map-starsize) * -1);
  display: flex;
  flex-direction: column;
  padding: var(--d-gutter1);
  pointer-events: auto;
}
#map .coord .labelbox .labelframe .label {
  white-space: nowrap;
  font-family: "Space", Monospace;
  font-size: var(--fontsize-norm);
  font-weight: bold;
}
#map .coord .labelbox .labelframe .navrow {
  display: none;
  margin-top: var(--d-gutter2);
  border-top: 1px solid rgba(255, 255, 255, 0.2666666667);
  padding-top: var(--d-gutter2);
}
#map .coord .labelbox .labelframe BUTTON.starnav {
  padding: 2px var(--fontsize-fine) 2px var(--fontsize-fine);
  margin-right: var(--d-gutter2);
  font-size: var(--fontsize-fine);
}
#map .coord .labelbox .intellist {
  margin-top: var(--d-inset-gap);
  display: flex;
  flex-direction: column;
}
#map .coord .labelbox .intellist .intelrow {
  display: flex;
  flex-wrap: wrap;
  max-width: calc(var(--labelbox-pipsize) * 20);
}
#map .coord .labelbox .intellist .intelrow.goalrow {
  display: none;
}
#map .coord .labelbox .intellist .intelrow.hidden {
  display: none;
}
#map .coord .labelbox .intellist .intelpip {
  margin-top: var(--d-inset-gap);
  margin-right: var(--d-inset-gap);
  width: var(--labelbox-pipsize);
  height: var(--labelbox-pipsize);
  background-color: #ddd;
  border-radius: calc(var(--labelbox-pipsize) / 2);
}
#map .coord .labelbox .intellist .intelpip.tele {
  background-color: #66f;
}
#map .coord .labelbox .intellist .intelpip.esig {
  background: linear-gradient(70deg, #fa0, #ff0, #f00, #ff0, #fa0);
}
#map .coord .labelbox .intellist .intelpip.dstr {
  background-color: #f84;
}
#map .coord .labelbox .intellist .intelpip.probe {
  background-color: #d4d;
}
#map .coord .labelbox .intellist .intelpip.dataset {
  background-color: #aff;
}
#map .coord .labelbox .intellist .intelpip.heading {
  background-color: #999;
}
#map .coord .labelbox .intellist .intelpip.goal {
  background-color: #fb7;
}
#map .coord .labelbox .intellist .intelpip.hidden {
  display: none;
}
#map .coord .labelbox .intellist .intelpip:hover, #map .coord .labelbox .intellist .intelpip.selected {
  border: 2px solid #fff;
  box-shadow: 0 0 calc(1.3 * var(--labelbox-pipsize)) calc(0.5 * var(--labelbox-pipsize)) #fff;
}
#map .coord .labelbox .intellist .intelpip.unread {
  animation: unread-pip-pulse 3s linear infinite;
}
#map .coord .labelbox .intellist .intelpip.marked, #map .coord .labelbox .intellist .intelpip.unread.marked {
  animation: marked-pip-pulse 1s linear infinite;
}
#map .coord .labelbox .intellist .intelrow.commrow .intelpip {
  background-color: #fe9;
}
#map .coord .labelbox .intellist .intelrow.fleetrow {
  min-width: 15em;
}
#map .coord .labelbox .intellist .intelrow.fleetrow .intelpip {
  background-color: #99f;
}
#map .coord .labelbox .intellist .intelrow.alienrow {
  min-width: 15em;
}
#map .coord .labelbox .intellist .intelrow.alienrow .intelpip {
  background-color: #f99;
}
#map .coord .labelbox .intellist .intelrow.techrow {
  min-width: 15em;
}
#map .coord .labelbox .intellist .intelrow.techrow .intelpip {
  background-color: #fc9;
}
#map .coord.selected {
  z-index: 110;
}
#map .coord.selected .labelbox {
  display: flex;
}
#map .coord.selected .labelbox .labelframe {
  border: 1px solid #666;
  background-color: rgba(34, 34, 34, 0.7333333333);
}
#map .coord.selected .labelbox .intellist {
  display: flex;
}

#bgarea {
  position: fixed;
  z-index: 80;
  left: calc(var(--d-map-left) + var(--d-map-width));
  top: 0;
  width: calc(var(--d-screen-width) - var(--d-map-width) - var(--d-map-left));
  height: var(--d-map-height);
}

#headingcurves.fadein .heading {
  animation: vector-fade-in 0.3s linear;
}
#headingcurves.looky .heading {
  animation: vector-looky-pulse 0.8s ease-out;
}
#headingcurves.toolselected .heading {
  display: block;
}
#headingcurves .heading {
  display: none;
  position: fixed;
  z-index: 90;
  left: var(--d-map-left);
  top: var(--d-map-top);
  width: var(--d-map-width);
  height: var(--d-map-height);
  opacity: 0.15;
  pointer-events: none;
  filter: blur(5px);
}
#headingcurves .heading.selected {
  opacity: 0.3;
  display: block;
}

#proxlines.hidden .proxline {
  opacity: 0;
}
#proxlines .pulse .proxline {
  opacity: 0.6;
  animation: proxline-pulse 10s linear;
}
#proxlines .proxline {
  opacity: 0.6;
  position: fixed;
  top: 0;
  left: var(--d-map-left);
  width: var(--d-map-width);
  height: var(--d-map-height);
  filter: blur(1.5px);
  transition: opacity 0.5s linear;
}

#proberange {
  position: fixed;
  z-index: 95;
  width: calc(var(--d-map-width) * 150 * 2 / 1000);
  height: calc(var(--d-map-height) * 150 * 2 / 1000);
  margin-left: calc(-1 * var(--d-map-width) * 150 / 1000);
  margin-top: calc(-1 * var(--d-map-height) * 150 / 1000);
  border: 1px dashed #d4d;
  filter: brightness(150%);
  border-radius: calc(var(--d-map-width) * 150 / 1000);
  pointer-events: none;
}
#proberange.hidden {
  display: none;
}

.flyingprobecontainer {
  position: fixed;
  z-index: 105;
  pointer-events: none;
  animation: flyingprobe_animate 1s linear;
}
.flyingprobecontainer .flyingprobe {
  margin-top: calc(var(--map-starsize) * -0.25);
  margin-left: calc(var(--map-starsize) * -0.25);
  width: calc(var(--map-starsize) * 0.5);
  height: calc(var(--map-starsize) * 0.5);
  background-color: #d4d;
  border-radius: calc(var(--map-starsize) * 0.25);
  filter: drop-shadow(0 0 5px rgba(255, 136, 255, 0.8));
}
.flyingprobecontainer .flyingprobe .ping {
  position: absolute;
  border: 1px solid #d4d;
  animation: probe-flight-ping 1s infinite;
}

BODY.ismobile #map .coord .labelbox .labelframe {
  position: fixed;
  margin: 0;
  padding: var(--d-gutter2);
  top: var(--d-maplabel-top);
  left: var(--d-maplabel-left);
  max-width: var(--d-maplabel-maxwidth);
}
BODY.ismobile #map .coord .labelbox .labelframe .label {
  white-space: normal;
}
BODY.ismobile #map .coord .labelbox.bottomside .labelframe {
  top: auto;
  bottom: var(--d-maplabel-bottom);
}
BODY.ismobile #map .coord.selected .labelbox .navrow {
  display: flex;
}

BODY.nomobile #map .coord:hover {
  z-index: 200;
}
BODY.nomobile #map .coord:hover .dot {
  background-color: #fff;
  box-shadow: 0 0 calc(2 * var(--map-starsize)) var(--map-starsize) #fff;
  animation: star-brighten 0.2s linear;
}
BODY.nomobile #map .coord:hover.unread .dot {
  animation: unread-pulse 3s linear infinite;
}
BODY.nomobile #map .coord:hover .labelbox {
  display: flex;
}
BODY.nomobile #map .coord:hover .labelbox .labelframe {
  background-color: rgba(0, 0, 0, 0.8666666667);
}
BODY.nomobile #map .coord:hover .labelbox .intellist {
  display: none;
}
BODY.nomobile #map .coord.selected .labelbox {
  display: flex;
}
BODY.nomobile #map .coord.selected .labelbox .labelframe {
  background-color: rgba(34, 34, 34, 0.7333333333);
}
BODY.nomobile #map .coord.selected .labelbox .intellist {
  display: flex;
}

/*# sourceMappingURL=map.css.map */