#intelbox .intelframe, #pinnedbox .intelframe {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

#intelbox, #pinnedbox {
  position: fixed;
  z-index: 340;
  bottom: var(--d-intel-bottom);
  right: var(--d-intel-right);
  width: var(--d-intel-width);
  max-height: var(--d-intel-height);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  pointer-events: none;
  animation: fade-in 0.15s linear;
}
#intelbox .intelframe, #pinnedbox .intelframe {
  display: flex;
  flex-direction: column;
  padding: 10px;
  overflow: hidden;
  pointer-events: auto;
  color: #eee;
  background-color: rgba(34, 34, 34, 0.7333333333);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.6666666667);
  border: 3px solid #666;
}
#intelbox .titlerow, #pinnedbox .titlerow {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  padding-bottom: 5px;
  border-bottom: 1px solid #666;
  margin-bottom: 7px;
}
#intelbox .titlerow .title, #pinnedbox .titlerow .title {
  font-family: "Space", Monospace;
  font-size: var(--fontsize-title);
  font-weight: bold;
}
#intelbox .titlerow .closex, #pinnedbox .titlerow .closex {
  display: none;
  font-size: var(--fontsize-title);
  padding: 0;
}
#intelbox .description, #pinnedbox .description {
  font-size: var(--fontsize-desc);
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  min-height: 250px;
  padding-bottom: 30px;
}
#intelbox .description LI, #pinnedbox .description LI {
  margin-left: -10px;
  margin-bottom: 1ex;
}
#intelbox .description A, #pinnedbox .description A {
  color: #88f;
}
#intelbox .description A:hover, #pinnedbox .description A:hover {
  color: #ddf;
}
#intelbox .description DIV.intelimage, #pinnedbox .description DIV.intelimage {
  float: right;
  margin: 0 0 var(--d-gutter1) var(--d-gutter1);
  border: 4px solid #000;
  animation: intelimage-blur-in 0.5s linear;
}
@keyframes intelimage-blur-in {
  0% {
    filter: blur(20px);
  }
  100% {
    filter: blur(0px);
  }
}
#intelbox .description DIV.iconimage, #pinnedbox .description DIV.iconimage {
  float: right;
  margin: 0 0 var(--d-gutter1) var(--d-gutter1);
  border: 2px solid #000;
}
#intelbox .description .draggable-coord, #intelbox .description .draggable-channel, #pinnedbox .description .draggable-coord, #pinnedbox .description .draggable-channel {
  margin-top: 1px;
  margin-bottom: 1px;
}
#intelbox .description SPAN.keywords, #pinnedbox .description SPAN.keywords {
  filter: brightness(60%);
}
#intelbox .description .alientext, #pinnedbox .description .alientext {
  font-family: "Alien", Serif;
  font-size: var(--fontsize-norm);
  font-style: italic;
  font-weight: bold;
}
#intelbox .description .alientext .alienword, #pinnedbox .description .alientext .alienword {
  color: #bfb;
  text-shadow: 0 0 10px #0f0;
  padding: 3px;
}
#intelbox .description .alientext .alienword.fleet, #pinnedbox .description .alientext .alienword.fleet {
  padding: 3px 5px 3px 5px;
  border: 1px solid #44a;
  border-radius: 4px;
  color: #aaf;
  background-color: rgba(0, 0, 51, 0.7333333333);
}
#intelbox .description .alientext .alienword.alienship, #pinnedbox .description .alientext .alienword.alienship {
  padding: 3px 5px 3px 5px;
  border: 1px solid #a44;
  border-radius: 4px;
  color: #faa;
  background-color: rgba(51, 0, 0, 0.7333333333);
}
#intelbox .description .alientext .alienword.weapon, #pinnedbox .description .alientext .alienword.weapon {
  padding: 2px 4px 2px 4px;
  border-radius: 4px;
  color: #fa2;
  background-color: rgba(255, 0, 0, 0.1333333333);
}
#intelbox .description .alientext .alienword.guessedword, #pinnedbox .description .alientext .alienword.guessedword {
  color: #bbf;
  text-shadow: 0 0 10px #00f;
}
#intelbox .description .alientext .alienword.guessedword.looky, #pinnedbox .description .alientext .alienword.guessedword.looky {
  animation: looky-decode-pulse 0.8s linear;
}
#intelbox .description .alientext .alienword.looky, #pinnedbox .description .alientext .alienword.looky {
  animation: looky-faildecode-pulse 0.8s linear;
}
#intelbox .description .alientext BUTTON.aliendecode, #pinnedbox .description .alientext BUTTON.aliendecode {
  display: none;
  margin-left: 10px;
  font-size: var(--fontsize-fine);
  border: 1px solid #aaa;
  color: #eee;
  background-color: #555;
  padding: 3px 10px 3px 10px;
}
#intelbox .description .goalhint, #pinnedbox .description .goalhint {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  padding-top: 5px;
  padding-bottom: 20px;
}
#intelbox .buttonrow, #pinnedbox .buttonrow {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #666;
  padding-top: 5px;
}
#intelbox .buttonrow .spacer, #pinnedbox .buttonrow .spacer {
  flex-grow: 1;
}
#intelbox .buttonrow BUTTON, #pinnedbox .buttonrow BUTTON {
  flex-shrink: 1;
  margin-left: 10px;
  font-size: var(--fontsize-intelbuttons);
  font-weight: normal;
  padding: 0.1em 0.5em;
}
#intelbox .buttonrow BUTTON.prev, #pinnedbox .buttonrow BUTTON.prev {
  margin-left: 0;
}
#intelbox.hidden, #pinnedbox.hidden {
  display: none;
}
#intelbox .animatinghidden, #pinnedbox .animatinghidden {
  opacity: 0;
}

#pinnedbox {
  z-index: 325;
  bottom: var(--d-pinnedintel-bottom);
  right: var(--d-pinnedintel-right);
  width: var(--d-pinnedintel-width);
  max-height: var(--d-pinnedintel-height);
  animation: slidein-right 0.1s linear;
}
@keyframes slidein-right {
  0% {
    margin-right: calc(-1 * var(--d-pinnedintel-width));
  }
  100% {
    margin-right: 0px;
  }
}
#pinnedbox .titlerow BUTTON.restore {
  display: none;
}
#pinnedbox .titlerow BUTTON.close {
  display: none;
}
#pinnedbox .buttonrow {
  justify-content: flex-end;
}
#pinnedbox.minimized .titlerow {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
#pinnedbox.minimized .titlerow .title {
  font-family: "Space", Monospace;
  font-size: var(--fontsize-desc);
  font-weight: bold;
}
#pinnedbox.minimized .titlerow .spacer {
  flex-grow: 1;
}
#pinnedbox.minimized .titlerow BUTTON {
  font-size: var(--fontsize-intelbuttons);
  font-weight: normal;
  padding: 0.1em 0.5em;
  margin-left: 10px;
  align-self: flex-end;
}
#pinnedbox.minimized .titlerow BUTTON.restore {
  display: block;
}
#pinnedbox.minimized .titlerow BUTTON.close {
  display: block;
}
#pinnedbox.minimized .description {
  display: none;
}
#pinnedbox.minimized .buttonrow {
  display: none;
}

BODY.ismobile #pinnedbox {
  display: none;
}
BODY.ismobile #intelbox {
  height: 100%;
}
BODY.ismobile #intelbox .intelframe {
  height: 100%;
}
BODY.ismobile #intelbox .intelframe .titlerow .closex {
  display: block;
}
BODY.ismobile #intelbox .intelframe .buttonrow .close {
  display: none;
}
BODY.ismobile #intelbox .intelframe .buttonrow .longlabel {
  display: none;
}
BODY.ismobile #intelbox .intelframe .buttonrow .pin {
  display: none;
}

BODY.big2 #intelbox .buttonrow .longlabel {
  display: none;
}

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