#wordguess {
  display: none;
  position: fixed;
  z-index: 321;
  top: 0;
  left: 0;
  min-width: calc(var(--d-shiplist-width) + 2 * var(--d-gutter1));
  max-width: calc(var(--d-shiplist-width) + 2 * var(--d-gutter1));
  max-height: var(--d-shiplist-height);
  overflow: hidden;
  flex-direction: column;
  color: #bfb;
}
#wordguess .title {
  padding: var(--d-gutter1);
  font-family: "Space", Monospace;
  font-size: var(--fontsize-title);
  font-weight: bold;
  white-space: nowrap;
}
#wordguess #wordguesslist {
  display: flex;
  flex-direction: column;
  row-gap: var(--d-gutter1);
  padding: var(--d-gutter1);
  overflow-x: hidden;
  overflow-y: auto;
}
#wordguess #wordguesslist .help {
  margin-top: var(--d-gutter1);
  font-size: var(--fontsize-desc);
}
#wordguess #wordguesslist .wordgrid {
  font-size: var(--fontsize-norm);
  display: grid;
  grid-template-columns: var(--d-wordguess-w1) 1fr;
  row-gap: var(--d-gutter1);
  column-gap: 5px;
}
#wordguess #wordguesslist .wordgrid .alienword {
  align-self: baseline;
  font-family: "Alien", Serif;
  font-style: italic;
  font-weight: bold;
  color: #bfb;
  text-shadow: 0 0 10px #0f0;
}
#wordguess #wordguesslist .wordgrid .known {
  font-size: var(--fontsize-desc);
}
#wordguess #wordguesslist .wordgrid .known .gicon {
  display: inline-block;
  vertical-align: sub;
  margin-right: 3px;
}
#wordguess #wordguesslist .wordgrid .guessfield INPUT {
  font-family: "Main", Monospace;
  align-self: baseline;
  width: calc(var(--d-shiplist-width) - var(--d-wordguess-w1) - 5px - var(--clickfield-icon));
}
#wordguess #wordguesslist .wordgrid .guessfield BUTTON.gicon {
  padding: 0;
}
#wordguess.looky {
  animation: looky-text-pulse 0.8s linear;
}

#wordguessmorescroll {
  position: fixed;
  left: calc(var(--d-shiplist-width) / 2 - var(--fontsize-title) / 2 + var(--d-gutter1));
  top: calc(var(--d-shiplist-height) - var(--fontsize-title) * 0.5);
}

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