/* Browser-only loading screen, shown while the app's code downloads.
   Matches the in-app one (BHWebShell's _BHWebLoader): same dark ground,
   logo with pulsing pink glow, thin pink bar. Not used by iOS/Android. */

html, body {
  margin: 0;
  height: 100%;
  background: #0E0B10;
}

#splash {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(60% 50% at 50% 45%, rgba(224, 0, 90, 0.10), transparent 70%),
    #0E0B10;
}

#splash .logo {
  position: relative;
  width: 280px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#splash .logo img {
  width: 268px;
  height: auto;
  animation: bh-glow 1.8s ease-in-out infinite alternate;
}

@keyframes bh-glow {
  from { filter: drop-shadow(0 0 10px rgba(255, 0, 126, 0.25)); }
  to   { filter: drop-shadow(0 0 16px rgba(255, 0, 126, 0.80)); }
}

#splash .bar {
  position: relative;
  width: 140px;
  height: 3px;
  margin-top: 28px;
  border-radius: 3px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}

#splash .bar::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40%;
  border-radius: 3px;
  background: #E0005A;
  animation: bh-bar 1.2s ease-in-out infinite;
}

@keyframes bh-bar {
  from { left: -40%; }
  to   { left: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  #splash .logo img, #splash .bar::after { animation: none; }
}