.app-splash {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  place-content: center;
  gap: 4px;
  background: #fcfbf8;
  color: #827d74;
  opacity: 1;
  transition: opacity 240ms ease, visibility 240ms ease;
}
.app-splash[hidden] { display: none; }
.app-splash.is-leaving { visibility: hidden; opacity: 0; pointer-events: none; }
.app-splash img { width: 92px; height: 92px; object-fit: contain; image-rendering: pixelated; }
.app-splash p { margin: 0; font-size: 10px; font-weight: 650; letter-spacing: .22em; text-align: center; }

.process-summary-mascot img {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  object-fit: contain;
  image-rendering: pixelated;
}

@media (prefers-reduced-motion: reduce) {
  .app-splash { transition: none; }
}