*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:#050505;color:#f0f0f0;font-family:system-ui,sans-serif}
#velvetia-boot{
  position:fixed;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 20% 0%,rgba(212,175,55,.14),transparent 45%),rgba(8,8,14,.82);
  backdrop-filter:blur(6px);
  z-index:9999;
  transition:opacity .45s ease,visibility .45s ease;
}
#velvetia-boot.is-hiding{opacity:0;visibility:hidden}
#velvetia-boot .boot-emblem{width:40px;height:48px;display:block}
#velvetia-boot .boot-emblem .draw{
  fill:transparent;
  stroke:#9e7308;
  stroke-width:2;
  stroke-dasharray:1000;
  stroke-dashoffset:1000;
}
#velvetia-boot p{margin-top:1rem;font-size:.78rem;color:rgba(240,240,240,.7);letter-spacing:.12em;text-transform:uppercase}
#velvetia-boot .boot-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.08);overflow:hidden}
#velvetia-boot .boot-progress::after{content:'';display:block;height:100%;width:35%;background:linear-gradient(90deg,transparent,#d4af37,transparent);animation:slide 1.2s ease-in-out infinite}
@keyframes slide{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}