html,body{margin:0;background:#191719}
.flight-loading{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 42%,#302239 0%,#191719 64%);color:#f3efe6;font:500 15px system-ui,sans-serif;opacity:1;transition:opacity .2s ease;pointer-events:auto}
.flight-loading[hidden]{display:none}.flight-loading.revealed{opacity:0}
.flight-loading p{margin:0;letter-spacing:.025em;text-align:center;min-height:22px}
.loading-progress{width:min(230px,55vw);height:3px;border-radius:3px;overflow:hidden;background:#ffffff16}
.loading-progress i{display:block;width:38%;height:100%;background:linear-gradient(90deg,#b388eb,#f2f21d);animation:loading-travel 1.5s ease-in-out infinite}
.flight-loading .loading-motto{font-size:12px;color:#b6adb9;text-align:center;margin-top:8px}
@keyframes loading-travel{from{transform:translateX(-110%)}to{transform:translateX(370%)}}
@media(max-height:500px){.flight-loading{gap:12px}}
@media(prefers-reduced-motion:reduce){.flight-loading{transition:none}.loading-progress i{animation:none;width:38%;transform:translateX(82%);opacity:.85}}

.loading-logo{width:min(430px,78vw,61.2vh);margin-bottom:16px}
@media(max-height:500px){.loading-logo{width:min(310px,75vw,66.6vh);margin-bottom:5px}}