/* ── Splash / Opening Screen (§2) ── */
.splash-screen {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
}

.start-poster {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.start-poster-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.start-breathing {
  animation: startBreath 1.8s ease-in-out infinite;
}

@keyframes startBreath {
  0%, 100% {
    opacity: 0.72;
    transform: scale(0.992);
  }
  50% {
    opacity: 1;
    transform: scale(1.012);
  }
}

.start-hit {
  position: absolute;
  left: 30.56%;
  top: 85.42%;
  width: 38.89%;
  height: 10.94%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}