/* ======================================
   DOPAMINE -- Splash Screen
   css/splash.css
   ====================================== */

#splash-screen {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: #E7CFAD;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
#splash-screen.fade-out {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.splash-glow {
  position: absolute;
  width: 560px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(242,228,204,0.92) 0%, rgba(231,207,173,0) 65%);
  opacity: 0;
  transform: scale(0.4);
  animation: splashGlowIn 1.6s ease-out forwards;
  animation-delay: 0.1s;
}

.splash-logo {
  position: relative;
  width: 100%;
  max-width: 380px;
  padding: 0 2.5rem;
  opacity: 0;
  transform: scale(0.88);
  animation: splashLogoIn 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  animation-delay: 0.2s;
}
.splash-logo img {
  width: 100%;
  object-fit: contain;
  display: block;
}

@keyframes splashGlowIn {
  to { opacity: 1; transform: scale(1); }
}
@keyframes splashLogoIn {
  to { opacity: 1; transform: scale(1); }
}

@media (max-width: 480px) {
  .splash-logo { max-width: 280px; }
  .splash-glow { width: 380px; height: 220px; }
}