.start-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.ui-title {
  width: 40cqw;
  margin-bottom: -10cqh;
  filter: drop-shadow(0 0 2cqw rgba(0, 0, 0, 0.8));
  animation: titleDance 4s ease-in-out infinite;
}

.ui-button {
  width: 18cqw;
  transition: transform 0.2s ease, filter 0.2s ease;
  animation: buttonPulse 2s ease-in-out infinite;
}

.ui-button:hover {
  animation: none;
  transform: scale(1.08);
  filter: drop-shadow(0 0 2.5cqw rgba(255, 255, 255, 0.8));
}

.ui-button:active {
  animation: none;
  transform: scale(0.95);
}

.button-image {
  width: 100%;
  height: auto;
}

.ui-logo {
  position: absolute;
  top: 4cqh;
  left: 4cqw;
  width: 12cqw;
  max-width: 1000px;
  height: auto;
  pointer-events: none;
  z-index: 10;
}

.ui-header {
  position: absolute;
  top: 4cqh;
  left: 4cqw;
  right: 4cqw;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 10;
}

.ui-instruction {
  font-size: 2.5cqw;
  font-weight: 900;
  color: #ffffff;
  background-color: rgba(5, 5, 10, 0.7);
  padding: 1.5cqh 3cqw;
  border-radius: 1.5cqw;
  border: 0.2cqw solid rgba(255, 255, 255, 0.15);
  text-shadow: 0 0 1.5cqw rgba(0, 0, 0, 0.8);
  pointer-events: auto;
  text-align: center;
}

.ui-sub-instruction {
  font-size: 1.5cqw;
  font-weight: 200;
  opacity: 0.85;
}

.victory-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.victory-title {
  width: 40cqw;
  margin-bottom: 4cqh;
  filter: drop-shadow(0 0 2.5cqw rgba(255, 215, 0, 0.4));
  animation: victoryPulse 2.5s ease-in-out infinite;
}


@keyframes titleDance {

  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }

  25% {
    transform: translateY(-1cqh) rotate(-1.5deg);
  }

  75% {
    transform: translateY(1cqh) rotate(1.5deg);
  }
}

@keyframes buttonPulse {

  0%,
  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 1cqw rgba(255, 255, 255, 0.2));
  }

  50% {
    transform: scale(1.05);
    filter: drop-shadow(0 0 2cqw rgba(255, 255, 255, 0.6));
  }
}

@keyframes victoryPulse {

  0%,
  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 2.5cqw rgba(255, 215, 0, 0.4));
  }

  50% {
    transform: scale(1.06);
    filter: drop-shadow(0 0 4cqw rgba(255, 215, 0, 0.8));
  }
}

.highlight-torch {
  color: #fff9d0;
  font-weight: 800;
  text-shadow: 0 0 1.2cqw rgba(255, 249, 208, 0.6);
}

.highlight-clouds {
  color: #a0d8ef;
  font-weight: 600;
  text-shadow: 0 0 0.8cqw rgba(160, 216, 239, 0.4);
}

.highlight-click-sad {
  color: var(--color-glow);
  font-weight: 800;
  text-shadow: 0 0 1cqw var(--color-glow-soft);
}