/* Block: title-screen — logo and "PRESS ENTER"; used together with the screen block */

.title-screen {
  flex-direction: column;
  gap: 48px;
}

.title-screen__logo {
  color: var(--color-yellow);
  font-size: 28px;
  font-weight: normal;
  line-height: 32px;
  letter-spacing: 2px;
  text-shadow: 2px 2px 0 var(--color-red);
}

.title-screen__prompt {
  letter-spacing: 1px;
  animation: blink 1s steps(1, end) infinite;
}

.title-screen__hint {
  position: absolute;
  bottom: 12px;
  color: var(--color-gray);
}

/* H: help page, L: Japanese / English (tap on phones, keys on PC) */
.title-screen__link {
  margin-left: 8px;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}