.route-visual .route-stage-gray,.route-visual .route-stage-color{grid-area:1/1;pointer-events:none}
.route-visual .route-stage-gray{filter:grayscale(1) drop-shadow(0 12px 15px rgba(6,61,132,.18))}
.route-visual .route-stage-color{clip-path:inset(100% 0 0 0)}
[data-route-active] .route-stage-color{clip-path:inset(0)}
[data-route-animating] .route-stage-color{transition:clip-path var(--route-animation-ms,2600ms) ease-in-out}
.route-stage-preview{margin:18px 0;padding:12px;border:1px solid #91c9ed;border-radius:12px;background:#fff;color:#123e75;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.route-stage-preview button{font:inherit;cursor:pointer;padding:8px 12px;border:1px solid #0876d5;border-radius:8px;background:#eef8ff;color:#123e75}
@media(prefers-reduced-motion:reduce){[data-route-animating] .route-stage-color{transition:none}}