/* Deck preload loading screen (#deck-preload). Mirrors the analytics gate look. */
#deck-preload {
  position: fixed; inset: 0; z-index: 100001; /* above the gate (100000) */
  display: flex; align-items: center; justify-content: center; padding: 24px;
  background: radial-gradient(120% 120% at 50% 0%, #06122e 0%, #02060f 70%);
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  transition: opacity .4s ease;
}
#deck-preload.dpl-leaving { opacity: 0; pointer-events: none; }
#deck-preload .dpl-card { width: min(420px, 92vw); text-align: center; }
#deck-preload .dpl-title {
  font-size: 22px; font-weight: 800; letter-spacing: .28em; color: #fff; margin-bottom: 22px;
}
#deck-preload .dpl-bar {
  height: 4px; width: 100%; border-radius: 999px; overflow: hidden;
  background: rgba(255,255,255,.12);
}
#deck-preload .dpl-bar__fill {
  height: 100%; width: 0%; border-radius: 999px;
  background: linear-gradient(90deg, #4f7cff, #9a7bff);
  transition: width .3s ease;
}
#deck-preload .dpl-status {
  margin-top: 14px; font-size: 12px; letter-spacing: .06em; min-height: 16px;
  color: rgba(244,247,252,.7);
}
@media (prefers-reduced-motion: reduce) {
  #deck-preload, #deck-preload .dpl-bar__fill { transition: none; }
}