.route-anim{--route-green: #ABFF88;--route-violet: #821EEC;--route-frame: rgba(255, 255, 255, .08);--route-panel: rgba(8, 8, 13, .55);aspect-ratio:16 / 9}.route-anim__stage{position:relative;aspect-ratio:16 / 9;border:1px solid var(--route-frame);border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#0c0c14,#08080d 60%);box-shadow:0 30px 80px -30px #000000b3}.route-anim__aurora{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none}.route-anim__aurora--green{inset:-20% auto auto -15%;width:60%;height:80%;background:radial-gradient(circle,var(--route-green),transparent 70%);animation:route-drift-a 26s ease-in-out infinite}.route-anim__aurora--violet{inset:auto -15% -25% auto;width:60%;height:85%;background:radial-gradient(circle,var(--route-violet),transparent 70%);animation:route-drift-b 30s ease-in-out infinite}@keyframes route-drift-a{50%{transform:translate(30px,20px)}}@keyframes route-drift-b{50%{transform:translate(-25px,-15px)}}.route-anim__dust,.route-anim__world{position:absolute;inset:0;display:block;width:100%;height:100%}.route-anim__dust{z-index:2;pointer-events:none}.route-anim__world{z-index:1}.route-anim__veil{position:absolute;inset:0;z-index:3;background:#08080d;opacity:0;pointer-events:none}.route-anim__grid{fill:#ffffff0d}.route-anim__track{stroke:#ffffff14}.route-anim__building{fill:#14141c;stroke:#ffffff17}.route-anim__detail{stroke:#ffffff24}.route-anim__charger{fill:#191922;stroke:#ffffff29}.route-anim__bolt{fill:var(--route-green)}.route-anim__cab{fill:#22222e;stroke:#abff888c}.route-anim__wheel{fill:#0c0c12;stroke:#ffffff40}.route-anim__cell{fill:#00000080;stroke:#ffffff2e}.route-anim__charge{fill:var(--route-green)}.route-anim__ring{fill:none;stroke:var(--route-green);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}.route-anim__station.is-charging .route-anim__ring{animation:route-pulse 1.6s ease-out infinite}.route-anim__station.is-charging .route-anim__bolt{animation:route-flicker 1.6s ease-in-out infinite}@keyframes route-pulse{0%{opacity:.7;transform:scale(.5)}80%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}@keyframes route-flicker{0%,to{opacity:1;filter:drop-shadow(0 0 1px var(--route-green))}50%{opacity:.75;filter:drop-shadow(0 0 7px var(--route-green))}}.route-anim__check{opacity:0;transition:opacity .5s var(--ease)}.route-anim__check circle{fill:#0c0c14;stroke:var(--route-green);stroke-width:1.5}.route-anim__check path{stroke:var(--route-green)}.route-anim__hub.is-delivered .route-anim__check{opacity:1}.route-anim__hud{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:clamp(.75rem,1.6vw,1.15rem);pointer-events:none}.route-anim__tag,.route-anim__phase,.route-anim__meter{margin:0;border:1px solid var(--route-frame);border-radius:999px;background:var(--route-panel);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.route-anim__tag{align-self:flex-end;padding:.45rem .8rem;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.route-anim__phase{padding:.55rem 1rem;border-radius:14px;font-size:clamp(.95rem,1.5vw,1.2rem);font-weight:600;letter-spacing:-.01em}.route-anim__meters{display:flex;flex-wrap:wrap;gap:.5rem}.route-anim__meter{padding:.55rem .8rem;border-radius:14px;min-width:8.5rem}.route-anim__label{display:block;margin-bottom:.4rem;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.route-anim__gauge{display:flex;align-items:center;gap:.5rem}.route-anim__track-bar{flex:1;height:6px;border-radius:4px;overflow:hidden;background:#ffffff14}.route-anim__track-bar>span{display:block;width:0;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--route-violet),var(--route-green));transition:width .15s linear}.route-anim__value{min-width:2.2rem;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.route-anim__toggle{position:absolute;right:.9rem;bottom:.9rem;z-index:5;display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border:1px solid var(--route-frame);border-radius:50%;background:var(--route-panel);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:inherit;font-size:.6rem;line-height:1;cursor:pointer;transition:border-color .3s var(--ease),transform .3s var(--ease)}.route-anim__toggle:hover{border-color:var(--route-green);transform:scale(1.06)}.route-anim__toggle:focus-visible{outline:2px solid var(--route-green);outline-offset:3px}@media(prefers-reduced-motion:reduce){.route-anim__aurora,.route-anim__station.is-charging .route-anim__ring,.route-anim__station.is-charging .route-anim__bolt{animation:none}}