/* Splash: painted from plain HTML before the app's code arrives. */
html, body { margin: 0; background: #000; }
#splash {
  position: fixed; inset: 0; z-index: 2147483000; background: #020202;
  /* Taps pass straight through to the app (and dismiss the splash): 112 is never blocked. */
  pointer-events: none;
  display: flex; align-items: center; justify-content: center;
  transition: opacity .32s ease, visibility 0s linear .32s;
}
#splash video { width: 100%; height: 100%; object-fit: contain; display: block; pointer-events: none; }
#splash.splash--out { opacity: 0; visibility: hidden; }
#splash.splash--skip { display: none; }
@media (prefers-reduced-motion: reduce) { #splash { transition: none; } }