.route-cosmos-page{isolation:isolate;padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:radial-gradient(at 72% 26%,#17233e80,#0000 55%),radial-gradient(at 22% 78%,#23345760,#0000 58%),#080e20;position:relative}.route-cosmos{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.route-cosmos-content{position:relative}.route-cosmos-page .route-campaign-header{animation:.9s 80ms both route-arrive}.route-cosmos-footer{animation:.9s .48s both route-arrive}html:lang(zh) .route-campaign-album{letter-spacing:normal;word-spacing:normal;font-family:Pretendard Variable,Pretendard,Arial,sans-serif}.route-replay-summary{animation:.9s .2s both route-arrive}.route-replay-controls{animation:.9s .36s both route-arrive}.route-track{width:100%;height:min(472px,65.625vw - 21px,max(180px,100svh - 500px));margin-top:16px;display:block;overflow:visible}.route-track-lines{filter:drop-shadow(0 0 5px #ffdc9166);transition:filter .4s}.route-replay[data-playing=true] .route-track-lines{filter:drop-shadow(0 0 8px #ffdc9199)}.route-track-segment{animation:route-card-draw .35s ease-out var(--draw-delay) both}.route-track-pulse{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite route-card-pulse}.route-replay-action{min-height:44px;transition:background-color .18s,border-color .18s,transform .18s}@media (hover:hover) and (pointer:fine){.route-replay-action:hover{transform:translateY(-2px)}.route-replay-action:active{transform:translateY(1px)}.route-track:hover .route-track-lines{filter:drop-shadow(0 0 8px #ffdc9199)}}@media (any-pointer:coarse){.route-cosmos-content{margin-block:0}.route-track{aspect-ratio:640/420;height:auto;max-height:472px}.route-replay-action:hover,.route-replay-action:active{transform:none}}@media (min-width:640px){.route-cosmos-page{padding-block:max(32px, env(safe-area-inset-top)) max(32px, env(safe-area-inset-bottom))}}.route-replay-action:focus-visible{outline-offset:5px;outline:2px solid #e1edff}.route-cosmos-page[data-cosmos-paused=true] *{animation-play-state:paused!important}@keyframes route-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes route-card-draw{0%{opacity:0}to{opacity:1}}@keyframes route-card-pulse{0%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.route-cosmos-page *,.route-cosmos-page :before,.route-cosmos-page :after{transition:none!important;animation:none!important}.route-track-pulse{display:none}.route-replay-action:hover,.route-replay-action:active{transform:none}}