/* Indiana RP — boot splash like Majestic ID white_logo.gif */
.splash {
  --splash-accent: #e81c5a;
  --splash-font: "Arial Black", "Arial Narrow", Impact, sans-serif;
  --splash-bg: #0e0e0e;
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  background: var(--splash-bg);
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.28s ease;
}

.splash.is-on {
  opacity: 1;
}

.splash.is-out {
  opacity: 0;
  pointer-events: none;
}

.splash--player {
  --splash-accent: #c4b5fd;
  --splash-font: "Syne", "Arial Black", Impact, sans-serif;
  background: #0e0e0e;
}

.splash-stage {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
}

.splash-mark {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0.12em 0.28em 0.18em 0.08em;
  line-height: 1;
}

.splash-word {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  font-family: var(--splash-font);
  font-size: clamp(34px, 7.2vw, 58px);
  font-weight: 800;
  font-style: italic;
  letter-spacing: 0.1em;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  user-select: none;
  transform: none;
  /* Hidden until the slanted window arrives from the left */
  clip-path: polygon(-22% -40%, -6% -40%, -22% 140%, -38% 140%);
}

.splash.is-play .splash-word {
  animation: splashMajWipe 2.9s linear forwards;
}

.splash-letter {
  display: inline-block;
}

.splash-letter.is-space {
  width: 0.2em;
}

.splash-letter.is-accent {
  color: #fff;
}

/* Slanted window moves L→R: reveal, hold, then wipe away — same as Majestic GIF */
@keyframes splashMajWipe {
  0% {
    clip-path: polygon(-22% -40%, -6% -40%, -22% 140%, -38% 140%);
  }
  22% {
    clip-path: polygon(-22% -40%, 118% -40%, 102% 140%, -38% 140%);
  }
  78% {
    clip-path: polygon(-22% -40%, 118% -40%, 102% 140%, -38% 140%);
  }
  100% {
    clip-path: polygon(102% -40%, 118% -40%, 102% 140%, 86% 140%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .splash.is-play .splash-word {
    animation: none;
    clip-path: none;
  }
}

html.splash-lock,
html.splash-lock body {
  overflow: hidden;
}

html.splash-skip #splash {
  display: none !important;
}