.loading{position:absolute;inset:0;z-index:6;display:grid;place-items:center;overflow:hidden;background:radial-gradient(120% 90% at 50% 40%,#173240,#0d1c26 52%,#060f15);transition:opacity .9s ease,visibility 0s .9s}.loading.leaving{opacity:0;visibility:hidden;pointer-events:none}.loading-stars{position:absolute;inset:-60px;opacity:.75;will-change:transform;animation:loading-drift 90s linear infinite alternate;background-image:radial-gradient(1px 1px at 8% 14%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 23% 62%,#cfe6ee 50%,#0000 51%),radial-gradient(1.5px 1.5px at 37% 28%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 52% 81%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 66% 9%,#e8dcc4 50%,#0000 51%),radial-gradient(1.5px 1.5px at 79% 47%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 91% 73%,#cfe6ee 50%,#0000 51%),radial-gradient(1px 1px at 15% 90%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 44% 52%,#ffffffb0 50%,#0000 51%),radial-gradient(1px 1px at 71% 30%,#ffffffa0 50%,#0000 51%),radial-gradient(1px 1px at 5% 41%,#ffffff90 50%,#0000 51%),radial-gradient(1px 1px at 86% 94%,#ffffff90 50%,#0000 51%);background-size:307px 331px,353px 283px,271px 419px,419px 367px,389px 241px,241px 397px,331px 271px,457px 313px,199px 227px,223px 191px,263px 211px,281px 239px}@keyframes loading-drift{to{transform:translate3d(-60px,30px,0)}}.loading-body{position:relative;display:flex;flex-direction:column;align-items:center;max-width:520px;padding:24px 16px;text-align:center;transition:transform .9s cubic-bezier(.3,.6,.2,1)}.loading.leaving .loading-body{transform:scale(1.06)}.loading-sun{position:absolute;top:4px;left:50%;width:92px;height:92px;margin-left:-158px;border-radius:50%;background:radial-gradient(circle,#fff4dc 0,#f1c886 22%,#e5b36e55,#e5b36e00 70%);opacity:.5;transform:scale(.85);transition:opacity 1.4s ease,transform 1.4s ease}.loading[data-step=light] .loading-sun,.loading[data-step=ready] .loading-sun{opacity:1;transform:scale(1.15)}.loading-cylinder{position:relative;width:150px;height:150px;margin-bottom:30px;will-change:transform;animation:loading-spin 18s linear infinite}.loading-cylinder:after,.loading-planet:after{content:"";position:absolute;inset:-12px;border-radius:50%;border:2.5px solid #8bd1d41f;border-top-color:var(--accent);border-right-color:#8bd1d48c;will-change:transform;animation:loading-spin 1s linear infinite}.loading-cylinder svg{display:block;width:100%;height:100%;overflow:visible}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-land{stroke:#6f9c62}.loading-window{stroke:#33606e;transition:stroke 1.4s ease}.loading-mirrors{opacity:.55;transition:opacity 1.4s ease}.loading[data-step=light] .loading-window,.loading[data-step=ready] .loading-window{stroke:#cdeeee}.loading[data-step=light] .loading-mirrors,.loading[data-step=ready] .loading-mirrors{opacity:1}.loading-eyebrow{margin:0 0 12px;font-size:10px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.loading-title{margin:0;min-height:1.3em;font-size:27px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.loading-detail{margin:8px 0 0;min-height:1.5em;color:var(--muted);font-size:13px;line-height:1.5}.loading-title span,.loading-detail span{display:inline-block;animation:loading-rise .65s cubic-bezier(.2,.7,.2,1) both}.loading-detail span{animation-delay:.1s}@keyframes loading-rise{0%{opacity:0;transform:translateY(9px)}}.loading-steps{display:flex;gap:20px;margin:30px 0 0;padding:0;list-style:none;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#4f6874}.loading-steps li{position:relative;display:flex;align-items:center;gap:8px;transition:color .5s}.loading-steps li:before{content:"";width:6px;height:6px;border-radius:50%;background:#2c414e;transition:background .5s}.loading-steps li:after{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;border:1px solid var(--accent);opacity:0}.loading-steps li.active{color:var(--text)}.loading-steps li.active:before,.loading-steps li.done:before{background:var(--accent)}.loading-steps li.active:after{animation:loading-ping 1.6s ease-out infinite}.loading-steps li.done{color:var(--muted)}@keyframes loading-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.loading[data-world=planet] .loading-cylinder{display:none}.loading-planet{position:relative;width:150px;height:150px;margin-bottom:30px}.loading-planet:before{content:"";position:absolute;inset:11px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#6f9c7a 0,#2f6670 34%,#163845 64%,#0b1922);box-shadow:0 0 0 2px #8bd1d41f,0 0 22px #8bd1d42e;transition:opacity .6s ease}.loading-planet canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:auto;opacity:0;filter:brightness(.78) saturate(.85);transition:opacity .6s ease,filter 1.4s ease}.loading-planet.drawn:before{opacity:0}.loading-planet.drawn canvas{opacity:1}.loading[data-step=light] .loading-planet canvas,.loading[data-step=ready] .loading-planet canvas{filter:none}.loading-progress{width:min(240px,70vw);height:3px;margin-top:22px;border-radius:2px;background:#2c414e;overflow:hidden;opacity:0;transition:opacity .4s}.loading-progress.shown{opacity:1}.loading-progress i{display:block;width:100%;height:100%;margin:0;border-radius:0;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);transition:transform .6s cubic-bezier(.3,.6,.2,1)}.loading.cover{transition:opacity .25s ease,visibility 0s}@media(max-width:720px){.loading-cylinder,.loading-planet{width:108px;height:108px;margin-bottom:22px}.loading-planet:before{inset:8px}.loading-sun{width:70px;height:70px;margin-left:-118px}.loading-title{font-size:22px}.loading-steps{gap:14px;margin-top:24px}}.loading.through{pointer-events:none;background:radial-gradient(44% 50% at 50% 50%,#060f15cc,#060f1599 52%,#060f155c)}.loading:before{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#173240,#0d1c26 52%,#060f15)}.loading.through:before{animation:loading-unveil 1.2s ease both}@keyframes loading-unveil{0%{opacity:1}to{opacity:0}}.loading.through .loading-stars,.loading.through .loading-sun{opacity:0;transition:opacity 1.2s ease}.loading.through .loading-cylinder{width:112px;height:112px;margin-bottom:22px}.loading-cylinder{transition:width .6s ease,height .6s ease,margin-bottom .6s ease}.loading.through .loading-steps li{color:#a8bcc6}.loading.through .loading-progress{background:#ffffff26}.loading.busy{background:#060f15c7;transition:opacity .2s ease,visibility 0s}.loading.busy.leaving{transition:opacity .3s ease,visibility 0s .3s}.loading.busy .loading-body{transition-duration:.3s}.loading.busy .loading-stars,.loading.busy .loading-sun{display:none}.loading.busy .loading-cylinder,.loading.busy .loading-planet{width:112px;height:112px;margin-bottom:22px}.loading.busy .loading-planet:before{inset:8px}.loading[data-step=ready] .loading-cylinder:after,.loading[data-step=ready] .loading-planet:after{opacity:0;transition:opacity .3s}@media(prefers-reduced-motion:reduce){.loading-cylinder,.loading-stars,.loading-steps li.active:after,.loading-title span,.loading-detail span{animation:none}.loading-cylinder:after,.loading-planet:after{animation-duration:2.4s}.loading,.loading-body{transition-duration:.2s}.loading.leaving .loading-body{transform:none}}
