.journey-pane>p{color:#9eb6c6;line-height:1.5;font-size:14px}
.journey-pane article{border-top:1px solid #294554;padding:16px 0;display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}
.journey-pane article h4{margin:0;color:#d1e8f6;font-size:20px;letter-spacing:.04em}
.journey-pane article p{grid-column:1;margin:0;line-height:1.5;color:#a9c0d0;font-size:14px}
.journey-pane article button{grid-column:2;grid-row:1 / span 2;min-height:44px}
@media(max-width:480px){.journey-pane article{grid-template-columns:1fr}.journey-pane article button{grid-column:1;grid-row:auto;justify-self:start}}
.discovery-flight .practice-controls>label{display:none}
#run-identity{padding:10px 14px;border-left:2px solid #62d9e4;background:#12232b88;text-align:left;margin:12px 0;max-width:100%}
#run-identity small{display:block;color:#91aeba;font-size:10px;letter-spacing:.15em}
#run-identity strong{display:block;color:#d6edf5;font-size:19px;line-height:1.3;margin:3px 0}
#run-identity p{margin:3px 0;font-size:13px;line-height:1.4;color:#acc9d8;overflow-wrap:anywhere}
#touch-layout{border:1px solid #294554;margin:20px 0 8px;padding:14px;display:grid;gap:10px;font-size:14px;color:#b9d0de}
#touch-layout legend{font-weight:700;color:#7fe5ed;letter-spacing:.06em}
#touch-layout p{margin:0;font-size:13px;line-height:1.5;color:#9db6c7}
#touch-layout label{display:flex;justify-content:space-between;align-items:center;gap:8px}
#touch-layout select{min-height:44px;max-width:65%}#touch-layout input{min-height:44px;width:100%;margin:0}
#touch-preview{position:relative;margin:auto;width:130px;height:190px;border:1px solid #54798a;background:#0a1720;border-radius:14px}
#touch-preview[data-orientation=landscape]{width:250px;max-width:100%;height:130px}
.preview-actions{position:absolute;bottom:calc(7px + var(--preview-rise));left:8px;right:8px;text-align:center;font-size:10px;line-height:25px;background:#235166;color:#cbf6ff}
.preview-dash{position:absolute;bottom:calc(42px + var(--preview-rise));right:var(--preview-inset);width:36px;line-height:36px;border:1px solid #59d3e5;border-radius:50%;font-size:9px;text-align:center}
#touch-preview[data-side=left] .preview-dash{right:auto;left:var(--preview-inset)}
/* Geometry is measured synchronously. The global reduced-motion duration
   must not animate these positions between old and new measurements. */
body.touch #hud,body.touch #hud-bottom,body.touch #hud-bottom *,body.touch #dash-btn,body.touch #btn-pause{transition:none!important}
#rescue-story p{max-width:58ch;margin:18px 0;font-size:16px;line-height:1.65}
#rescue-story button{margin:6px 10px 6px 0;min-height:44px}
.route-challenge-panel,.route-share-result{width:min(100% - 24px,620px);margin:14px auto;padding:14px 16px;border:1px solid #287080;background:linear-gradient(145deg,#0c202b,#0a111b);color:#d5edf5;text-align:left;box-shadow:0 8px 28px #0006}
.route-challenge-panel[hidden],.route-share-result[hidden]{display:none}
.route-challenge-panel>strong,.route-share-result>strong{display:block;color:#7fe5ed;font-size:12px;letter-spacing:.2em}
#route-challenge-config{color:#d5edf5;font:600 12px/1.8 ui-monospace,monospace;overflow-wrap:anywhere}
#route-challenge-status,#route-share-status{min-height:1.5em;color:#9db6c7;font-size:12px;line-height:1.5}
#route-share-status:empty{display:none}
#route-challenge-panel>div{display:flex;gap:8px;flex-wrap:wrap}
#route-challenge-panel button,#route-share-result button{min-height:44px}
#route-share-url{display:block;width:100%;min-height:44px;padding:8px;color:#c8f4ff;background:#07121a;border:1px solid #357184;font:12px ui-monospace,monospace;overflow-wrap:anywhere}
#route-share-url[hidden]{display:none!important}
#route-comparison{color:#d7edf5;font:600 12px/1.8 ui-monospace,monospace}
#route-comparison p{color:#a9c4d1;overflow-wrap:anywhere}
.route-source-choice{display:block;margin-top:5px;color:#ffd166;font-size:10px;letter-spacing:.1em}
