/* Deliberate route selection before playback. */
.route-flow {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:17px 22px;padding:22px 20px 17px;background:#0a1b29;border-bottom:1px solid #58778d55}
.route-flow ol {display:flex;align-items:center;gap:19px;list-style:none;padding:0;margin:0}
.route-flow-step {display:flex;gap:7px;align-items:center;min-width:0;color:#839dab;font:400 9px/1.5 var(--body)}
.route-flow-step>span {font:500 italic 21px/1 var(--display);color:#55788e}
.route-flow-step>b {font-weight:500}
.route-flow-step.is-current {color:#fff2dd}
.route-flow-step.is-current>span {color:#ff9766}
.route-drive-controls {display:flex;align-items:center;gap:8px}
.route-drive-controls>button {display:flex;align-items:center;justify-content:space-between;gap:19px;min-height:43px;border:1px solid #7a9aac66;color:#d9e8ed;background:#143a50;padding:10px 14px;font:500 10px/1.5 var(--body)}
.route-drive-controls>button[hidden] {display:none}
.route-drive-controls>.route-start {color:#0f2433;border-color:#ff9d6e;background:#ff9d6e}
.route-drive-controls>.route-start:hover {background:#ffb087}
.route-drive-controls>button:disabled {opacity:.4;cursor:wait}
#route-help {grid-column:1/-1;font:400 11px/1.7 var(--body);color:#9fb7c3;margin:0;min-height:18px}
.cinematic .route-experience #europe-map {height:clamp(410px,calc(100svh - 455px),600px)}
.cinematic .route-experience .map-tools {padding:11px 18px}
.map-layer-tools {padding-top:8px;padding-bottom:8px}
.map-layer-tools button {min-height:32px}
#europe-map [data-playback-state=preview] {cursor:default}
.route-alternatives>button {cursor:pointer}
.route-alternatives>button:focus-visible,.route-drive-controls>button:focus-visible {outline:2px solid #fff3d8;outline-offset:3px}
.route-alternatives>button[aria-pressed=true]:before {content:'✓';position:absolute;right:12px;top:12px;color:#ffb285;font-size:13px}
.map-truck-marker {pointer-events:none}
#satellite-map .cesium-viewer,#satellite-map .cesium-viewer-cesiumWidgetContainer,#satellite-map .cesium-widget {width:100%;height:100%}
#satellite-map .cesium-viewer-bottom {background:#071725db;max-width:100%;font-size:9px}
#satellite-map .cesium-viewer-toolbar {right:12px;top:12px}
#satellite-map .cesium-viewer-geocoderContainer .cesium-geocoder-input {font:12px/1.5 var(--body)}
@media(max-width:1180px) {
 .route-flow {grid-template-columns:1fr;gap:13px;padding:17px 14px 14px}
 .route-flow ol {justify-content:space-between;gap:12px}
 .route-drive-controls {width:100%}
 .route-drive-controls>button {flex:1}
 .cinematic .route-experience #europe-map {height:460px}
}
@media(max-width:700px) {
 .route-flow {padding:15px 11px 12px;gap:11px}
 .route-flow-step {gap:5px;font-size:8px}
 .route-flow-step>span {font-size:19px}
 .route-drive-controls>button {font-size:10px;min-height:42px}
 #route-help {font-size:10px;line-height:1.65}
 .cinematic .route-experience #europe-map {height:420px}
 .map-layer-tools {gap:7px}
}
.motion-paused .route-drive-controls button {transition:none}