/* WOLLERP splash: a spinning WOLLERP head over the wollerp purple, with "LOADING"
   underneath. Taken from the WOLLERP sign-in page. */
@font-face {
  font-family: "Press Start 2P";
  src: url("PressStart2P.woff2") format("woff2");
  font-display:block;
}
html, body { margin: 0; height: 100%; }

.we-splash {
  position: fixed; inset: 0; z-index: 100000;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.1rem;
  background: radial-gradient(circle at 50% 40%, #d456ff, #c40dff 58%, #ab16de);
  transition: opacity 0.55s ease;
}
.we-splash.is-hidden { opacity: 0; pointer-events: none; }
.we-splash img {
  width: clamp(96px, 17vw, 168px); height: auto;
  animation: weSpin 1.05s linear infinite;
}
.we-splash .we-load-text {
  margin-top: clamp(1.6rem, 5vh, 3.4rem);
  font-family: "Press Start 2P", "Courier New", monospace; font-weight: 400;
  font-size: clamp(14px, 2.4vw, 24px); letter-spacing: 0.04em; text-transform: uppercase;
  color: #dfff00;
}
@keyframes weSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .we-splash img { animation-duration: 3.5s; } }