html, body {
  margin: 0;
  height: 100%;
  overflow: hidden;
  background: #03070a;
  /* Палец принадлежит игре: ни прокрутки, ни увеличения, ни выделения, ни обновления потягиванием. */
  overscroll-behavior: none;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

#unity-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  height: 100dvh;
  outline: none;
  background: #03070a;
  touch-action: none;
}

#boot {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 0 24px;
  color: #d6e4e8;
  font: 16px/1.4 ui-monospace, "JetBrains Mono", Consolas, monospace;
  text-align: center;
  background: #03070a;
  transition: opacity 0.6s ease;
}

#boot.done {
  opacity: 0;
  pointer-events: none;
}

#boot p {
  margin: 0;
}

#boot-head {
  letter-spacing: 0.4em;
  color: #8fd8dc;
}

#boot-bar {
  width: min(320px, 70vw);
  height: 2px;
  background: #16262c;
}

#boot-fill {
  height: 100%;
  width: 0;
  background: #8fd8dc;
}

#boot.failed #boot-head {
  color: #e88a7a;
}
