/* The atelier is visible from the first paint, before application data arrives. */
body[data-app-loading]{overflow:hidden;background:#201b22}
body[data-app-loading] #app{visibility:hidden}
body[data-app-loading] .skip{display:none}
.atelier-loading-screen{
  position:fixed;inset:0;z-index:200;display:grid;place-items:center;
  padding:32px 24px;min-height:100dvh;color:#f0dfb4;text-align:center;
  background:linear-gradient(110deg,#211b21f0,#38292ddc 55%,#211d27ed),
    url('/assets/brand/verminia-workshop-backdrop.jpg') center 54%/cover no-repeat,#201b22;
  opacity:1;transition:opacity .24s ease;
}
.atelier-loading-screen[data-state=ready]{opacity:0;pointer-events:none}
.atelier-loading-content{width:min(100%,480px);display:grid;justify-items:center;gap:18px}
.atelier-loading-logo{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 5px 12px #0004)}
.atelier-loading-title{font:400 clamp(27px,3vw,38px)/1.25 'Spectral SC',Georgia,serif;letter-spacing:.02em;margin:0}
.atelier-loading-tagline{max-width:38ch;margin:0;color:#c6bbbf;font:14px/1.6 'Segoe UI',sans-serif}
.atelier-loading-meter{width:min(100%,300px);margin-top:14px}
.atelier-loading-progress{
  display:block;width:100%;height:7px;padding:0;border:0;border-radius:20px;
  appearance:none;overflow:hidden;background:#e4d4ad16;box-shadow:0 0 0 1px #d9aa5033;
}
.atelier-loading-progress::-webkit-progress-bar{background:#e4d4ad16;border-radius:20px}
.atelier-loading-progress::-webkit-progress-value{
  border-radius:20px;background:linear-gradient(90deg,#a8833f,#eed399,#c9a052);background-size:200% 100%;
  box-shadow:0 0 12px #d9aa5070;animation:atelier-thread-light 2.5s ease-in-out infinite;
}
.atelier-loading-progress::-moz-progress-bar{
  border-radius:20px;background:linear-gradient(90deg,#a8833f,#eed399,#c9a052);background-size:200% 100%;
  animation:atelier-thread-light 2.5s ease-in-out infinite;
}
.atelier-loading-status{min-height:22px;margin:16px 0 0;color:#c6bbbf;font:13px/1.65 'Segoe UI',sans-serif}
.atelier-loading-retry{margin-top:4px;min-height:44px}
.atelier-loading-screen [hidden]{display:none}
.atelier-loading-warning{color:#f0dfb4;font:14px/1.6 'Segoe UI',sans-serif}
@keyframes atelier-thread-light{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@media(max-width:600px){.atelier-loading-logo{width:84px;height:84px}.atelier-loading-tagline{font-size:13px}.atelier-loading-content{gap:16px}}
@media(prefers-reduced-motion:reduce){.atelier-loading-screen{transition:none}.atelier-loading-progress::-webkit-progress-value,.atelier-loading-progress::-moz-progress-bar{animation:none}}