.splash-wrap {
  position:relative; z-index:1;
  min-height:100vh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:2rem 1rem; text-align:center;
}
.splash-logo {
  font-family:var(--font-display);
  font-size:clamp(48px,11vw,92px);
  color:var(--c-accent); line-height:1;
  text-shadow:4px 4px 0 rgba(255,107,53,.15);
  animation:fadeInUp .7s ease both;
}
.splash-logo span { color:var(--c-teal); }
.splash-tagline {
  font-size:clamp(12px,2.2vw,15px); color:var(--c-muted);
  margin-top:4px; font-weight:700; text-transform:uppercase; letter-spacing:.1em;
  animation:fadeInUp .7s .12s ease both;
}
.splash-emojis {
  display:flex; gap:clamp(8px,2vw,18px); flex-wrap:wrap; justify-content:center;
  margin:2rem 0; animation:fadeInUp .7s .25s ease both;
}
.splash-emoji {
  font-size:clamp(28px,5.5vw,48px); display:inline-block;
  animation:floatEmoji 2.4s ease-in-out infinite;
  filter:drop-shadow(2px 4px 6px rgba(0,0,0,.12));
}
.splash-emoji:nth-child(1){animation-delay:0s}
.splash-emoji:nth-child(2){animation-delay:.2s}
.splash-emoji:nth-child(3){animation-delay:.4s}
.splash-emoji:nth-child(4){animation-delay:.6s}
.splash-emoji:nth-child(5){animation-delay:.8s}
.splash-emoji:nth-child(6){animation-delay:1s}
.splash-desc {
  max-width:380px; font-size:clamp(13px,2.2vw,15px); color:var(--c-muted);
  line-height:1.6; margin-bottom:2rem;
  animation:fadeInUp .7s .38s ease both;
}
.btn-play {
  font-family:var(--font-display); font-size:clamp(20px,4vw,28px);
  padding:15px 54px; border-radius:100px;
  background:var(--c-accent); color:#fff;
  box-shadow:0 6px 0 #c94d1f, 0 8px 24px rgba(255,107,53,.32);
  animation:fadeInUp .7s .5s ease both;
  position:relative; top:0;
}
.btn-play:hover { background:#ff8252; top:-2px; box-shadow:0 8px 0 #c94d1f,0 12px 32px rgba(255,107,53,.38); }
.btn-play:active { top:4px; box-shadow:0 2px 0 #c94d1f; }

.splash-stages {
  display:flex; gap:10px; flex-wrap:wrap; justify-content:center;
  margin-top:2rem; animation:fadeInUp .7s .65s ease both;
}
.stage-pill {
  background:var(--c-surface); border:1.5px solid var(--c-border);
  border-radius:100px; padding:6px 16px;
  font-size:13px; font-weight:700; color:var(--c-muted);
  display:flex; align-items:center; gap:6px;
}
.stage-pill .dot { width:8px; height:8px; border-radius:50%; }