/* The supplied image stays intact. An opaque live bar covers its baked bar. */
.loading-screen {
  position:fixed;inset:0;z-index:10000;display:grid;place-items:center;
  width:100%;height:100%;height:100dvh;overflow:hidden;isolation:isolate;
  background:radial-gradient(ellipse at 50% 48%,#251208,#090605 72%);
  opacity:1;transition:opacity var(--loading-fade-duration,300ms) ease;
}
.loading-screen[hidden] { display:none!important; }
.loading-artwork {
  position:relative;flex:none;width:min(100vw,177.470776vh);width:min(100vw,177.470776dvh);
  aspect-ratio:1670/941;
}
.loading-screen picture { display:block;width:100%;height:100%; }
.loading-screen img {
  display:block;width:100%;height:100%;max-width:none;object-fit:contain;
  object-position:center;pointer-events:none;user-select:none;
}
.loading-screen.is-leaving { opacity:0;pointer-events:none; }
.loading-progress {
  --loading-progress:0;
  position:absolute;left:30.359281%;top:68.118491%;width:39.341317%;height:5.632306%;
  box-sizing:border-box;border:clamp(2px,.34vw,6px) solid #d8a44c;border-radius:999px;
  overflow:hidden;isolation:isolate;background:#100a08;
  box-shadow:0 0 0 1px #654414,inset 0 2px 5px #000,0 0 10px #d280222e;
  pointer-events:none;
}
.loading-progress::after {
  content:'';position:absolute;inset:0;border-radius:inherit;
  box-shadow:inset 0 1px 1px #fff1a633,inset 0 -1px 2px #000;pointer-events:none;
}
.loading-progress-fill {
  display:block;width:100%;height:100%;border-radius:inherit;
  background:linear-gradient(180deg,#ff6c42 0%,#e32213 38%,#a30708 72%,#ec3a16 100%);
  box-shadow:inset 0 1px 2px #fff2b582;
  transform:scaleX(var(--loading-progress));transform-origin:left center;
  transition:transform var(--loading-progress-duration,160ms) linear;
}
@media(orientation:portrait) {
  .loading-artwork { width:min(100vw,56.279904vh);width:min(100vw,56.279904dvh);aspect-ratio:941/1672; }
  .loading-progress { left:17.428268%;top:65.789474%;width:65.143464%;height:3.169856%; }
}
@media(prefers-reduced-motion:reduce) {
  .loading-screen,.loading-progress-fill { transition:none; }
}
