/* Lovart splash artwork. Load after catking-theme.css. */
#appSplash {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: block;
  overflow: hidden;
  isolation: isolate;
  background: #fff8f0;
}

#appSplash::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff8f0 url("/assets/lovart-splash.webp") center center / cover no-repeat;
  pointer-events: none;
}

#appSplash > .splash-mascot { display: none; }

#appSplash > .splash-title,
#appSplash > .splash-slogan {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

#appSplash[hidden] { display: none; }

@media (min-width: 600px) {
  #appSplash::before {
    left: 50%;
    right: auto;
    width: min(480px, 100vw);
    transform: translateX(-50%);
    box-shadow: 0 8px 32px rgba(45, 42, 50, .12);
  }
}

@media (orientation: landscape) and (max-width: 599px) {
  #appSplash::before { background-size: contain; }
}