/* build 84efa6d · main · 2026-09-06T09:14:24Z · 654da83d */
/* The splash: the one screen for "we are not showing content".
 *
 * Not black — a black panel reads as broken and gets power-cycled. This reads as
 * waiting, which is what is actually happening. No client branding: the whole
 * point is that we no longer know whose event this is. */

.splash {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background: #12151a;
  color: #8b95a5;
  font: 400 1.5rem/1.6 system-ui, sans-serif;
  text-align: center;
  z-index: 50;
}

.splash__inner { display: grid; gap: 2.5rem; justify-items: center; padding: 2rem; }

/* A slow pulse. Enough to say "powered and waiting" from across a lobby without
 * drawing a crowd. */
.splash__mark {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  border: 3px solid #2c333d;
  border-top-color: #566072;
  animation: splash-turn 3.2s linear infinite;
}

.splash__line { margin: 0; max-width: 24ch; letter-spacing: 0.01em; }

@keyframes splash-turn { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  .splash__mark { animation: none; border-top-color: #2c333d; }
}