#main.splash A.aboutbutton, #main.splash DIV#splashbuttonspanel BUTTON {
  font-family: "Space", Monospace;
  font-weight: bold;
  font-size: var(--fontsize-norm);
  color: #fff;
  border: 2px solid #666;
  background-color: rgba(119, 119, 119, 0.7333333333);
  touch-action: manipulation;
  cursor: pointer;
}
#main.splash A.aboutbutton:disabled, #main.splash DIV#splashbuttonspanel BUTTON:disabled {
  cursor: auto;
  color: #666;
  background-color: rgba(34, 34, 34, 0.7333333333);
}
#main.splash A.aboutbutton:disabled:hover, #main.splash DIV#splashbuttonspanel BUTTON:disabled:hover {
  filter: none;
}
#main.splash A.aboutbutton:hover, #main.splash DIV#splashbuttonspanel BUTTON:hover {
  filter: brightness(150%);
}

#main.splash A.aboutbutton, #main.splash DIV#splashbuttonspanel BUTTON {
  display: block;
  margin-top: var(--d-gutter1);
  padding: var(--d-gutter1) var(--d-gutter2);
  width: 10em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  font-size: 50px;
  font-weight: bold;
  opacity: 0.3;
}
#main.splash A.aboutbutton:hover, #main.splash DIV#splashbuttonspanel BUTTON:hover {
  opacity: 1;
}

#main DIV.splashtitle, #main DIV.splashtips, #main BUTTON.startgame, #main BUTTON.startimport, #main A.aboutbutton, #main #splashloading, #main #splashbuttonspanel, #main #introscreen {
  display: none;
}
#main.splash {
  background: none;
}
#main.splash #shiplist, #main.splash #leftedge, #main.splash #map, #main.splash #toolbox, #main.splash .tooldetail, #main.splash #optionsbutton, #main.splash #optionspanel, #main.splash #goalpanel, #main.splash #currentgoal, #main.splash #currentclip, #main.splash #gameover, #main.splash #bgarea {
  display: none;
}
#main.splash DIV.splashtitle {
  display: block;
  position: fixed;
  top: var(--d-gutter1);
  left: var(--d-gutter1);
  font-family: "Space", Monospace;
  font-size: var(--fontsize-splash1);
  font-weight: bold;
  color: #fff;
}
#main.splash DIV.splashtitle .maintitle {
  filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #fff);
}
#main.splash DIV.splashtitle .subtitle {
  font-family: "Main", Monospace;
  font-size: var(--fontsize-splash2);
  font-weight: normal;
  color: #888;
}
#main.splash BUTTON.startgame {
  display: block;
  position: fixed;
  z-index: 920;
  min-width: 10em;
  height: calc(var(--fontsize-splash1) * 1.6);
  left: var(--d-gutter1);
  bottom: var(--d-gutter1);
  font-size: var(--fontsize-splash1);
  font-weight: bold;
  opacity: 1;
  color: #e0e;
  background-color: #000;
  border: 1px solid #c0c;
  box-shadow: inset 0 0 15px #c0c;
  animation: start-game-pulse 3s linear infinite;
}
#main.splash BUTTON.startgame.hidden {
  display: none;
}
#main.splash DIV#splashbuttonspanel {
  position: fixed;
  display: flex;
  flex-direction: column;
  right: var(--d-gutter1);
  bottom: var(--d-gutter1);
}
#main.splash A.aboutbutton {
  margin-top: 50px;
}
#main.splash #splashloading {
  pointer-events: none;
  display: block;
  position: fixed;
  z-index: 920;
  left: var(--d-gutter2);
  bottom: var(--d-gutter2);
  font-family: "Space", Monospace;
  color: rgba(255, 255, 255, 0.5333333333);
  font-size: var(--fontsize-splash1);
  font-weight: bold;
  animation: loading-pulse 1s linear infinite;
}
#main.splash #splashloading.hidden {
  display: none;
}
#main .loadfont {
  color: #000;
  opacity: 0.1;
  font-size: 1px;
}

#mobilewarn {
  display: none;
  width: calc(100% - 80px);
  margin: 300px 40px 40px 40px;
  padding: 40px;
  text-align: center;
  font-size: 50px;
  color: rgba(221, 221, 255, 0.8);
  background-color: rgba(0, 0, 255, 0.2666666667);
  animation: slowstart-fade-in 1s linear;
}

#portraitwarn {
  display: none;
  width: 100%;
  margin-top: 40px;
  padding: 20px;
  text-align: center;
  font-size: 70px;
  color: #fff;
  background-color: rgba(255, 0, 0, 0.2666666667);
  animation: slowstart-fade-in 1s linear;
}

@media (orientation: portrait) {
  #main.splash #portraitwarn {
    display: block;
  }
}
@media (orientation: landscape) and (max-height: 500px) {
  #main.splash #mobilewarn {
    display: block;
  }
}
BODY.introsequence #main #introscreen {
  animation: intro-fade-in 5s linear;
  position: fixed;
  z-index: 940;
  left: 0;
  top: 0;
  width: var(--d-screen-width);
  height: var(--d-screen-height);
  user-select: none;
  -webkit-user-select: none;
  overflow: hidden;
  pointer-events: none;
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(10, 1fr);
  column-gap: 0;
  row-gap: 0;
  grid-gap: 0;
  justify-items: stretch;
  align-items: stretch;
  background-color: rgba(0, 0, 0, 0);
}
@keyframes intro-fade-in {
  0% {
    opacity: 0;
    background-color: #000;
  }
  20% {
    opacity: 1;
    background-color: #000;
  }
  100% {
    opacity: 1;
    background-color: #000;
  }
}
BODY.introsequence #main #introscreen .box {
  border-top: 1px solid #444;
  border-left: 1px solid #444;
  background-color: #000;
  animation: introbox-fade-in 4s linear;
}
@keyframes introbox-fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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