.voyage-main{max-width:1360px;padding-top:28px}.voyage-intro{font-size:12px;letter-spacing:.16em;color:#b4d6db;margin:0 0 14px}.voyage-route-presets{display:flex;gap:9px;align-items:center;margin:0 0 22px;overflow-x:auto;padding:4px 3px 8px;scrollbar-width:thin}.voyage-route-presets button,.voyage-route-presets a{flex:none;min-height:44px;border-radius:30px;padding:9px 17px;font-size:13px;text-decoration:none;white-space:nowrap}.voyage-route-presets button[aria-pressed=true]{background:#c9e6d9;color:#102b32;border-color:#c9e6d9}.voyage-route-presets a{color:#c6dddf}.voyage-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:22px;align-items:start}body.atlas-surface .voyage-display{position:relative;background:radial-gradient(ellipse at 70% 0,#355c7440,transparent 60%),linear-gradient(150deg,#173043,#101f31);border-color:#55758b;padding:28px 30px}.voyage-heading .eyebrow{font-size:12px;letter-spacing:.16em;color:#aed5cf;margin:0 0 8px}.voyage-heading h1{font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-.035em;margin:0 0 8px}.voyage-heading #journeyDistance{font-size:13px;color:#c0d6e0;margin:0}.voyage-heading .voyage-challenge{font-size:17px;line-height:1.5;margin:9px 0 0;color:#e6eee7}.voyage-track{height:83px;position:relative;margin:20px 39px 0}.voyage-track:before{content:'';position:absolute;left:30px;right:30px;top:38%;height:1px;background:repeating-linear-gradient(90deg,#94b8c0 0 4px,transparent 4px 10px)}.voyage-endpoint{position:absolute;top:0;width:80px;text-align:center;transform:translateX(-50%)}.voyage-origin{left:0}.voyage-destination{left:100%}.voyage-endpoint img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 15px #7ebbd044)}.voyage-destination img{width:36px;height:52px}.voyage-endpoint span{display:block;font-size:12px;line-height:1.3;color:#ccdde3;overflow-wrap:anywhere}.voyage-scene-note,#voyageMarker{display:none}.race-dashboard{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0 18px;border-top:1px solid #63829866}.race-clock-label{font-size:12px;color:#b5cfdb;letter-spacing:.12em;margin:0 0 2px}.race-dashboard output{display:block;font-size:clamp(31px,4vw,48px);line-height:1.25;color:#f4e4bd;font-variant-numeric:tabular-nums;letter-spacing:-.035em;overflow-wrap:anywhere}.race-paused{font-size:12px;color:#c0d4da;border:1px solid #6887996b;border-radius:30px;padding:6px 10px;white-space:nowrap;flex:none}.voyage-speed-choices{display:grid;gap:9px}.voyage-speed-choices .race-lane{--lane:#a8dcf4;position:relative;display:block;width:100%;min-height:94px;border:1px solid #60839766;border-radius:13px;padding:13px 15px;text-align:left;background:#13293b;color:#edf4f5;overflow:visible}.voyage-speed-choices .race-parker{--lane:#efbf83}.voyage-speed-choices .race-voyager{--lane:#c4c4f2}.voyage-speed-choices .race-lane:hover{background:#1b364b;border-color:#93b8c7}.voyage-speed-choices .race-lane[aria-pressed=true]{background:#1c3748;border-color:#9ec4c7;box-shadow:inset 3px 0 0 var(--lane);color:#edf4f5}.race-lane-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.race-lane-identity{display:flex;align-items:baseline;gap:12px;min-width:0;flex-wrap:wrap;row-gap:0}.race-lane-identity>span{color:var(--lane);font-size:15px}.race-lane-identity small{font-size:12px;color:#bccfd9}.race-lane-heading>strong{font-size:14px;font-weight:400;color:#edf0e2;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.race-lane-track{display:block;position:relative;height:3px;background:#69839661;margin:15px 6px 12px;border-radius:4px}.race-lane-track:before,.race-lane-track:after{content:'';position:absolute;top:-3px;width:1px;height:9px;background:#849daea6}.race-lane-track:before{left:0}.race-lane-track:after{right:0}.race-lane-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--lane);border-radius:4px}.race-lane-marker{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--lane);box-shadow:0 0 12px color-mix(in srgb,var(--lane),transparent 55%)}.race-lane[data-arrived=true] .race-lane-marker{box-shadow:0 0 0 3px #93c1b31a}.race-lane-footer{display:flex;justify-content:space-between;align-items:center;gap:9px}.race-lane-footer small{font-size:12px;line-height:1.5;color:#b9cdda}.race-lane-footer .race-position{color:#e3e9dd;text-align:right;font-variant-numeric:tabular-nums}.race-insight{font-size:13px;color:#d7e9dd;line-height:1.6;margin:14px 0;min-height:42px}.race-milestones{display:flex;flex-wrap:wrap;gap:7px}.race-milestones button{font-size:12px;padding:8px 10px;min-height:44px;background:#0f2534;border-color:#5c7f9466;color:#d0e2e4}.race-milestones button:hover{background:#29475a}.voyage-playback{margin-top:20px;padding-top:17px;border-top:1px solid #5d7b8e66}.voyage-playback .experience-actions{margin:0;display:flex;gap:9px}.voyage-playback button{font-size:13px;padding:10px 16px}.voyage-playback button.primary{background:#c9e6d9;border-color:#c9e6d9;color:#123338;flex:1}.race-clock-control{font-size:12px;margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.race-clock-control select{width:auto;max-width:70%;font-size:12px;padding:9px 10px;min-width:0}.voyage-note{font-size:12px;line-height:1.65;color:#bdd0da}#animationNote{margin:9px 0 12px}.voyage-progress-label{font-size:12px;color:#d3e0e5}.voyage-progress-label input{display:block;width:100%;accent-color:#c4e1d4;margin:5px 0 0;min-height:44px}.race-method{font-size:12px;line-height:1.7;color:#b7cbd6;margin:15px 0 20px}.voyage-reference,.voyage-more{margin:0;padding:14px 0;border-color:#5d7b8e66}.voyage-reference summary,.voyage-more summary{font-size:12px;color:#d2e5df;min-height:44px;line-height:1.7}.voyage-reference summary strong{font-weight:400;color:#f0d4a9}.voyage-verdict{padding:9px 0}.voyage-verdict>p:first-child{font-size:12px;margin:0;color:#bdcfd9}#travelDuration{font-size:35px;line-height:1.2;letter-spacing:-.03em;margin:8px 0 12px;color:#e2eed4;font-weight:400;overflow-wrap:anywhere}#travelAnalogy{font-size:12px;color:#bfd2da}.voyage-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px}.voyage-metrics p{font-size:12px}.voyage-metrics small{display:block;font-size:12px;line-height:1.6}.voyage-metrics strong{display:block;font-size:18px;font-weight:400;color:#e2e9cf;margin-top:9px}#shareTravel{font-size:12px;margin:8px 0 0}#travelStatus{font-size:12px;color:#c4d9dd;line-height:1.6}#travelShareFallback{font-size:12px;margin-top:15px}.voyage-settings{padding:25px}.voyage-settings>.eyebrow{font-size:12px;letter-spacing:.15em;margin:0;color:#bcdad3}.voyage-settings h2{font-size:25px;line-height:1.25;margin:12px 0 24px}.voyage-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.voyage-settings label{font-size:13px;color:#d5e1e7}.voyage-settings input,.voyage-settings select{font-size:13px;min-height:44px}.voyage-settings>label{margin-top:19px}.voyage-distance{display:flex;gap:8px;margin-top:8px}.voyage-distance input{width:62%;min-width:0}.voyage-distance select{width:38%;font-size:12px;min-width:0;padding:10px 8px}.voyage-settings>button{width:100%;margin-top:12px;font-size:13px}#distanceSource{display:inline-block;min-height:44px;font-size:12px;padding:9px 0}.voyage-method-inline{font-size:12px;line-height:1.7;color:#bdd0da;margin:17px 0 0;border-top:1px solid #6e8b9e5c;padding-top:14px}.voyage-method{margin-top:24px;color:#c2d4dd;font-size:13px}.voyage-method summary{font-size:13px;color:#d6e8df;min-height:44px}.voyage-method a{display:inline-block;min-height:44px;padding:9px 0}#travelError{font-size:13px;line-height:1.6;color:#ffd6b2}
@media(max-width:950px){.voyage-layout{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:16px}.voyage-display{padding:22px}.voyage-settings{padding:20px}.race-lane-identity{gap:7px}.race-lane-heading>strong{font-size:13px}}
@media(max-width:750px){.voyage-main{padding:19px 14px 40px}.voyage-intro{font-size:12px;letter-spacing:.1em;margin-bottom:8px}.voyage-route-presets{gap:7px;margin-bottom:12px}.voyage-route-presets button,.voyage-route-presets a{font-size:12px;padding:9px 13px}.voyage-layout{grid-template-columns:1fr;gap:18px}body.atlas-surface .voyage-display{padding:20px 17px}.voyage-heading h1{font-size:31px}.voyage-heading .eyebrow{font-size:12px}.voyage-heading #journeyDistance{font-size:12px}.voyage-heading .voyage-challenge{font-size:14px;margin-top:7px}.voyage-track{height:69px;margin:16px 29px 0}.voyage-endpoint{width:68px}.voyage-endpoint img{height:42px;width:42px}.voyage-destination img{height:42px;width:29px}.voyage-endpoint span{font-size:12px}.voyage-track:before{top:30%;left:24px;right:24px}.race-dashboard{padding:10px 0 13px}.race-clock-label{font-size:12px;letter-spacing:.1em}.race-dashboard output{font-size:35px}.race-paused{font-size:12px;padding:5px 8px}.voyage-speed-choices{gap:8px}.voyage-speed-choices .race-lane{padding:12px;min-height:95px}.race-lane-heading{gap:8px}.race-lane-identity{display:block}.race-lane-identity>span{font-size:14px;display:block;line-height:1.4}.race-lane-identity small{font-size:12px;display:block}.race-lane-heading>strong{font-size:14px}.race-lane-track{margin:13px 4px 10px}.race-lane-footer small{font-size:12px}.race-lane-footer{gap:5px}.race-insight{font-size:12px;min-height:38px;margin:12px 0}.race-milestones{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:6px}.race-milestones button{font-size:12px;line-height:1.5;padding:8px 6px}.voyage-playback{margin-top:15px}.voyage-playback button{font-size:12px;padding:10px 12px}.race-clock-control{display:block;font-size:12px}.race-clock-control select{max-width:100%;width:100%;font-size:12px}.voyage-note{font-size:12px}.voyage-settings{padding:23px 20px}.voyage-settings h2{font-size:26px}.race-method{font-size:12px}.voyage-more summary,.voyage-reference summary{font-size:12px}}
@media(max-width:360px){body.atlas-surface .voyage-display{padding:18px 13px}.voyage-heading h1{font-size:28px}.race-dashboard output{font-size:31px}.race-lane-heading>strong{font-size:13px}.race-lane-footer small{font-size:12px}.voyage-speed-choices .race-lane{padding:11px}.race-milestones{grid-template-columns:1fr}.race-milestones button{font-size:12px;text-align:left;padding:10px 13px}.voyage-pair{grid-template-columns:1fr}.voyage-settings{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){.race-lane-marker{box-shadow:none}}
.race-live-actions{display:flex;gap:9px;margin:0 0 17px}.race-live-actions button{font-size:13px;padding:10px 16px;min-height:44px}.race-live-actions button.primary{flex:1;background:#c9e6d9;border-color:#c9e6d9;color:#123338}@media(max-width:750px){.race-live-actions{margin-bottom:14px}.race-live-actions button{font-size:12px;padding:10px 12px}}
.race-dashboard>div{min-width:0}.race-lane-heading>strong{flex-shrink:1;min-width:0;max-width:55%;overflow-wrap:anywhere}.race-lane-footer>small{min-width:0}.voyage-note,.race-insight,.voyage-reference summary{overflow-wrap:anywhere}
/* Answer first: itinerary settings, selected duration, then optional experiments. */
.voyage-main{--voyage-line:#46504f;--voyage-surface:#16191a;max-width:1280px}
.voyage-layout{grid-template-columns:minmax(270px,.8fr) minmax(0,1.6fr);gap:28px}
body.atlas-surface .voyage-display{background:var(--voyage-surface);border-color:var(--voyage-line);padding:32px}
.voyage-settings{position:sticky;top:24px;border-color:var(--voyage-line)}
.voyage-settings h2{font-size:25px;margin-bottom:22px}
.voyage-settings .voyage-pair{grid-template-columns:1fr;gap:14px}
.voyage-settings>.voyage-pair label{margin:0}
.voyage-settings>select{width:100%;margin-top:8px}
.voyage-advanced{margin-top:24px;padding-top:16px;border-top:1px solid var(--voyage-line)}
.voyage-advanced summary,.voyage-experiment>summary{font-size:14px;line-height:1.6;min-height:44px;cursor:pointer;color:#d5e1d0}
.voyage-advanced summary{font-size:13px}
.voyage-advanced button[type=submit]{width:100%;margin-top:14px}
.voyage-heading h1{font-size:clamp(28px,3vw,40px)}
.voyage-track{margin:28px 44px 14px;height:96px}
.voyage-endpoint img{height:64px;width:64px}.voyage-destination img{height:64px;width:45px}
.voyage-track:before{top:32px}.voyage-endpoint span{font-size:12px}
.voyage-verdict{padding:20px 0 24px;border-top:1px solid var(--voyage-line)}
#travelDuration{font-size:clamp(40px,5vw,64px);color:#e2eed4;margin:7px 0 12px;line-height:1.12}
#voyageVehicleName{font-size:15px;color:#c3c9c6}#travelAnalogy{font-size:14px;line-height:1.6}
.voyage-result-method{font-size:12px;color:#aeb8b2;line-height:1.6;margin-bottom:0}
.voyage-experiment{border-top:1px solid var(--voyage-line);padding-top:16px}
.voyage-experiment[open]>summary{margin-bottom:18px}
.voyage-experiment .race-dashboard{border-top:0}.voyage-experiment .race-lane{background:#101415;border-color:var(--voyage-line)}
.voyage-experiment .race-lane:hover,.voyage-experiment .race-lane[aria-pressed=true]{background:#202626}
.voyage-reference,.voyage-more{border-color:var(--voyage-line)}
@media(max-width:750px){.voyage-layout{grid-template-columns:1fr;gap:16px}.voyage-settings{position:static;padding:20px}.voyage-settings h2{font-size:24px;margin:8px 0 18px}.voyage-settings .voyage-pair{grid-template-columns:1fr 1fr;gap:10px}.voyage-settings .voyage-pair select{padding:10px 8px}.voyage-settings>.eyebrow{font-size:12px}.voyage-settings>label{margin-top:16px}.voyage-advanced{margin-top:14px;padding-top:10px}.voyage-advanced summary{font-size:12px}.voyage-heading .eyebrow{font-size:12px}body.atlas-surface .voyage-display{padding:24px 20px}.voyage-track{height:78px;margin:22px 32px 12px}.voyage-endpoint img{width:48px;height:48px}.voyage-destination img{width:34px;height:48px}.voyage-track:before{top:24px}.voyage-endpoint span{font-size:12px}.voyage-verdict{padding:18px 0}#travelDuration{font-size:46px}#voyageVehicleName{font-size:14px}#travelAnalogy{font-size:13px}.voyage-experiment>summary{font-size:14px}}
@media(max-width:360px){.voyage-settings{padding:16px}.voyage-settings .voyage-pair{gap:8px}.voyage-settings select{font-size:12px}.voyage-main{padding-inline:12px}body.atlas-surface .voyage-display{padding:20px 16px}#travelDuration{font-size:40px}}

@media(max-width:750px){.voyage-settings h2{display:none}.voyage-settings>.eyebrow{margin-bottom:16px}.voyage-verdict{margin-top:18px}.voyage-track{margin-bottom:24px}}
#travelError:empty{display:none}#referenceDuration{display:none}.voyage-result-method{display:none}

/* Readable secondary labels without changing the result-first layout. */
.voyage-main .voyage-track{min-height:96px}.voyage-pair>*{min-width:0}.voyage-main :is(button,summary,a,small,label){overflow-wrap:anywhere}footer.experience-footer{font-size:12px;line-height:1.6}
/* The language chooser belongs to the same minimum reading size. */
body header.experience-header .atlas-language select{font-size:12px}

/* Travel markers identify the selected reference; their artwork is illustrative. */
.voyage-main #voyageMarker{display:block;position:absolute;top:0;left:0;width:44px;height:44px;transform:translate(-50%,-100%);padding:4px;background:#101613;border:1px solid #b9d6c54d;border-radius:9px;z-index:3}
#voyageMarker img{display:block;width:100%;height:100%;object-fit:contain}
.voyage-main .voyage-track{margin-top:56px}
.voyage-main .race-lane-marker{width:28px;height:28px;background:#101613;border-radius:5px;box-shadow:none;padding:2px}
.race-lane-marker img{display:block;width:100%;height:100%;object-fit:contain}
