#useless-splash-screen {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background: #000;
  opacity: 1;
  visibility: visible;
  transition: opacity 320ms ease, visibility 320ms ease;
  overflow: hidden;
  overscroll-behavior: none;
}
#useless-splash-screen.is-leaving {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.splash-fallback,
#useless-splash-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.splash-fallback {
  display: grid;
  place-items: center;
  background: #000;
  opacity: 1;
  transition: opacity 180ms ease;
}
#useless-splash-frame {
  display: block;
  border: 0;
  background: #000;
  opacity: 0;
  transition: opacity 180ms ease;
}
#useless-splash-screen.is-ready #useless-splash-frame { opacity: 1; }
#useless-splash-screen.is-ready .splash-fallback { opacity: 0; pointer-events: none; }
html.splash-active,
html.splash-active body { overflow: hidden !important; }
@media (prefers-reduced-motion: reduce) {
  #useless-splash-screen,
  #useless-splash-frame,
  .splash-fallback { transition-duration: 1ms; }
}