#route-loading{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 45% 30%,#5c3b2b,#251e1c 70%);color:#fff1d6;font:14px/1.6 system-ui,-apple-system,"PingFang SC",sans-serif;opacity:1;transition:opacity .22s ease}#route-loading[hidden]{display:none!important}#route-loading.closing{opacity:0;pointer-events:none}#route-loading *{box-sizing:border-box}.scroll-loading-shell{width:min(1320px,100%);margin:auto}.scroll-loading-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 2px 12px}.scroll-loading-top>span{font:18px "Songti SC",serif;letter-spacing:.24em;color:#f5d49b}#route-loading button{min-height:44px;padding:8px 15px;border:1px solid #e9c98c80;border-radius:6px;background:#32251c99;color:#fff1d6;font:inherit;cursor:pointer}#route-loading button:hover{background:#7a5534}#route-loading :focus-visible{outline:3px solid #ffdb8c;outline-offset:3px}.scroll-loading-art{position:relative;width:100%;aspect-ratio:1672/941;margin:0;overflow:hidden;border:1px solid #dbb16a70;border-radius:8px;background:#3a2b24;box-shadow:0 12px 45px #120c0860}.scroll-loading-art img{display:block;width:100%;height:100%;object-fit:fill;filter:brightness(.78) saturate(.92)}.scroll-loading-art svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.scroll-loading-art path{fill:none;stroke-linecap:round;stroke-linejoin:round}.scroll-route-shade{stroke:#5a422b;stroke-width:7;opacity:.7;filter:blur(2px)}.scroll-route-track{stroke:#d3b377;stroke-width:1.5;opacity:.42}.scroll-route-halo,.scroll-route-progress{stroke-dasharray:100;stroke-dashoffset:var(--route-offset,100);transition:stroke-dashoffset .25s linear}.scroll-route-halo{stroke:#ffc666;stroke-width:13;opacity:.95}.scroll-route-progress{stroke:#fff7d2;stroke-width:4.4}.scroll-route-start{fill:#fff0b4;filter:drop-shadow(0 0 5px #ffbc4b)}.scroll-route-end{fill:#6e4a2b;stroke:#c4a16c;stroke-width:2}.scroll-head-glow{fill:#ffc65a;opacity:.9}#scroll-route-head{filter:drop-shadow(0 0 6px #ffe4a0)}#route-loading[data-phase=connecting] #scroll-route-head,#route-loading[data-phase=preparing] #scroll-route-head{animation:scroll-route-breathe 1.4s ease-in-out infinite}#route-loading[data-phase=ready] .scroll-route-end{fill:#fffce0;stroke:#ffc76b;filter:drop-shadow(0 0 10px #ffce74)}#route-loading[data-phase=error] #scroll-route-head{opacity:.35;animation:none}.scroll-loading-bottom{display:flex;align-items:center;gap:24px;padding:16px 2px 0}.scroll-loading-copy{min-width:0;flex:1}.scroll-loading-copy p{margin:0}#route-loading-status{font-size:16px;letter-spacing:.08em}#route-loading-detail{font-size:12px;color:#d6c4a9;margin-top:3px}#route-loading-meter{font-size:28px;line-height:1.4;font-variant-numeric:tabular-nums;color:#ffe1a2;white-space:nowrap}#route-loading-retry{flex-shrink:0}#route-loading-retry[hidden]{display:none}@keyframes scroll-route-breathe{50%{opacity:.4}}@media(min-width:760px){.scroll-loading-shell{width:min(1320px,100%,calc((100dvh - 170px)*1672/941))}}@media(max-width:759px){#route-loading{padding:16px 12px max(20px,env(safe-area-inset-bottom))}.scroll-loading-top{padding-bottom:10px}.scroll-loading-top>span{font-size:16px}.scroll-loading-art{aspect-ratio:940/356;border-radius:6px}.scroll-loading-art img,.scroll-loading-art svg{position:absolute;width:177.8723404%;height:264.3258427%;left:-24.4680851%;top:-164.3258427%}.scroll-loading-bottom{gap:14px;flex-wrap:wrap;padding-top:18px}#route-loading-status{font-size:15px}#route-loading-detail{font-size:11px}#route-loading-meter{font-size:23px}#route-loading-retry{margin-left:auto}.scroll-route-progress{stroke-width:5.5}}@media(prefers-reduced-motion:reduce){#route-loading,.scroll-route-halo,.scroll-route-progress{transition:none}#scroll-route-head{animation:none!important}}
