.connection-loading{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 40%,#263c39,#101b20 70%);color:#e8e1c7;text-align:center;font-family:system-ui,sans-serif;padding:25px}.connection-loading[hidden]{display:none}.connection-loading h1{font-size:25px;font-weight:500;letter-spacing:.06em;margin:20px 0 0}.connection-loading p{font-size:14px;color:#b8cac4}.connection-loading a{font-size:12px;color:#bfae83;margin-top:18px}.loading-emblem{position:relative;width:120px;height:120px;display:grid;place-items:center}.loading-emblem i{position:absolute;inset:0;border:1px solid #72958e;border-left-color:transparent;border-right-color:transparent;border-radius:50%;animation:loading-orbit 5s linear infinite}.loading-emblem i:nth-child(2){inset:14px;border-color:#bca676 transparent;animation-direction:reverse;animation-duration:3.6s}.loading-emblem i:nth-child(3){inset:28px;animation-duration:2.8s}.loading-emblem b{font-size:27px;color:#d2bd83;animation:loading-glow 2s ease-in-out infinite alternate}.connecting body{overflow:hidden}.connection-failed .loading-emblem i,.connection-failed .loading-emblem b{animation-play-state:paused}@keyframes loading-orbit{to{transform:rotate(360deg)}}@keyframes loading-glow{to{opacity:.4;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.loading-emblem i,.loading-emblem b{animation:none}}