/* Visuel officiel de l'écran de choix SUPREME EMPIRE */
.welcome-choices {
  background-image: linear-gradient(90deg, rgba(2, 5, 2, .9), rgba(4, 8, 3, .54) 50%, rgba(2, 5, 2, .91)), linear-gradient(0deg, rgba(2, 5, 2, .84), rgba(2, 5, 2, .18) 56%, rgba(2, 5, 2, .72)), url("/supreme-empire-welcome.jpeg") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.journey-grid { backdrop-filter: blur(8px); }

button.journey-card {
  appearance: none;
  background: transparent;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0;
  border-top: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
  width: 100%;
}

.intro-sound-start {
  background: #9aff00;
  border: 1px solid #9aff00;
  color: #050805;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
  min-height: 40px;
  padding: 0 16px;
  text-transform: uppercase;
}

.intro-sound-start:hover { background: #b5ff3b; }
.intro-sound-start span { font-size: 13px; margin-left: 8px; }

@media (max-width: 720px) {
  .welcome-choices { background-position: center top; }
  .journey-grid { background: rgba(7, 11, 6, .79); }
  .intro-sound-start { min-height: 36px; font-size: 8px; padding-inline: 10px; }
}