.city-booting{overflow:hidden}
#city-loading{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 28%,#315247 0,#18352d 42%,#0f231f 100%);color:#eef3e7;font:16px system-ui,sans-serif;padding:24px;box-sizing:border-box}
#city-loading .loading-card{width:min(100%,340px);text-align:center}
#city-loading .loading-orbit{width:100px;height:100px;margin:0 auto 34px;border:1px solid #b7d79b55;border-radius:50%;position:relative;background:radial-gradient(circle,#cce99b22,transparent 65%)}
#city-loading .loading-orbit::before,#city-loading .loading-orbit::after{content:'';position:absolute;border:1px solid #b7d79b44;inset:12px -12px;border-radius:50%;transform:rotate(-30deg)}
#city-loading .loading-orbit::after{inset:-12px 12px;transform:rotate(-30deg)}
#city-loading h1{font-size:36px;letter-spacing:-1.5px;margin:0 0 10px}
#city-loading .loading-place{color:#c4d7c8;font-size:14px;margin:0 0 40px}
#city-loading progress{display:block;width:100%;height:4px;border:0;border-radius:4px;background:#ffffff19;overflow:hidden;accent-color:#d0e9a4}
#city-loading progress::-webkit-progress-bar{background:#ffffff19}#city-loading progress::-webkit-progress-value{background:#d0e9a4;transition:width .25s}
#city-loading [role=status]{font-size:13px;line-height:1.5;color:#c4d7c8;min-height:40px;margin:18px 0}
#city-loading button{font:600 14px system-ui;min-height:44px;padding:10px 22px;border:1px solid #9fbe9a;border-radius:10px;color:#173124;background:#d0e9a4}
@media(prefers-reduced-motion:reduce){#city-loading progress::-webkit-progress-value{transition:none}}