#startup-loading {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: .85rem;
  padding: 1rem;
  color: #fff1e5;
  background: #090f1c;
}
#startup-loading p { margin: 0; }
.loading-title { font-size: clamp(1.5rem, 6vw, 2.4rem); font-weight: 750; }
#load-status { color: #c1ccda; }
#load-track { width: min(54%, 180px); height: 4px; border-radius: 4px; background: #26354a; overflow: hidden; }
#load-track::before { content: ""; display: block; width: 40%; height: 100%; background: #f6bd82; animation: loading 1.4s ease-in-out infinite alternate; }
@keyframes loading { to { transform: translateX(150%); } }
#retry-load { padding: .5rem .8rem; background: #f6bd82; color: #211825; border: 0; border-radius: 5px; font-weight: 700; }
@media (prefers-reduced-motion: reduce) { #load-track::before { animation: none; margin-inline: auto; } }