/* Coastal chart UI: pearl paper, sea-glass ribbons and precise printed details.
   All geographic shapes and narrative content retain their existing sources. */
.letter-atlas{--journey-ink:#294d60;--journey-blue:#4ca8b7;--journey-line:#778e9b59;--journey-paper:#f3f4eb}
.letter-atlas .explore-layout{background:radial-gradient(ellipse at 9% 22%,#fffdf0 0,transparent 42%),radial-gradient(ellipse at 83% 82%,#a7dcd158 0,transparent 37%),linear-gradient(155deg,#f3f4eb 8%,#e1ebe6 50%,#bacfda 100%)}
.letter-atlas .explore-layout:before{background:linear-gradient(122deg,transparent 0 23%,#ffffff42 23% 23.08%,transparent 23.08% 62%,#ffffff3d 62% 62.08%,transparent 62.08%);opacity:.6}
.letter-atlas .scroll-vignette{background:linear-gradient(90deg,#f8f8ee3d,transparent 42%),linear-gradient(0deg,#5a93a318,transparent 28%)}
.letter-atlas .gilded-frame{inset:20px;border-color:#66839755;box-shadow:inset 0 0 0 5px #fffdf530,inset 0 0 0 6px #97acb72b}
.letter-atlas .gilded-frame i{border-color:#8f9fa5;opacity:.65}
.letter-atlas .gold-dust{opacity:.2}.letter-atlas .romance-art{opacity:.65}.letter-atlas .surf-art{opacity:.24}
.journey-home-ornament{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:0}
.journey-home-wash{position:absolute;inset:0;background:url('assets/graphic/ps-coastal-wash.webp') center/cover no-repeat;opacity:.27;pointer-events:none;z-index:0}
.journey-home-paper{position:absolute;inset:0;background:url('assets/graphic/ps-paper-grain.webp') 0 0/384px 384px repeat;mix-blend-mode:soft-light;opacity:.08;pointer-events:none;z-index:2}
.letter-atlas .geo-grid{opacity:.09}.letter-atlas .district-land{stroke:#8e8c76;stroke-opacity:.65;stroke-width:1}
.letter-atlas .geo-labels .district-name{fill:#63736e;stroke:#fff7df;opacity:.85}.letter-atlas .geo-labels .sea-name{fill:#4e6d88;opacity:.5;font-size:21px;letter-spacing:12px}
.letter-atlas .land-grain{opacity:.2}.letter-atlas .coastal-wash{filter:none}.letter-atlas .atlas-compass{color:#58738a}
.letter-atlas .scroll-title{text-align:left}
.letter-atlas .scroll-title h1{background:linear-gradient(125deg,#294d60,#4c7d8d 56%,#719397);background-clip:text;-webkit-background-clip:text;filter:none;font-size:clamp(48px,4.4vw,76px);letter-spacing:5px;margin-top:19px;margin-bottom:14px}
.letter-atlas .scroll-title:before{background:radial-gradient(ellipse,#fcfbec99,transparent 72%)}
.journey-title-kicker{display:flex;align-items:center;gap:11px;font:8px/1.5 var(--sans);letter-spacing:2px;color:#527783;white-space:nowrap}.journey-title-kicker i{width:31px;height:5px;background:linear-gradient(90deg,#4ca8b7 0 47%,#a7dcd1 47% 70%,#d7b768 70%);flex-shrink:0}.journey-title-kicker b{font-weight:400;font-size:9px;letter-spacing:3px;border-left:1px solid #6f919366;padding-left:11px}
.journey-title-note{font:11px/1.7 var(--sans);letter-spacing:3px;color:#577783;padding-left:4px;white-space:nowrap}
.letter-atlas .scroll-title #begin{display:inline-flex;gap:32px;align-items:center;min-height:46px;padding:10px 18px;margin-left:0;border:1px solid #52788780;border-left:3px solid #4ca8b7;background:linear-gradient(110deg,#fafbf1e8,#e5eee8e0);color:#294d60;font-size:12px;letter-spacing:2px;box-shadow:5px 5px 0 #4ca8b715}
.letter-atlas .scroll-title #begin span{margin:0}.letter-atlas .scroll-title #story-beacon{position:static;margin:10px 0 0;max-width:360px;background:transparent;border:0;padding:4px 0;box-shadow:none;font:11px/1.6 var(--sans);color:#526b79;letter-spacing:0}
.letter-atlas .scroll-poem{color:#647a87;font-size:11px;letter-spacing:3px;right:8%;bottom:calc(11% + 130px)}
.journey-launch{position:absolute;left:5.5%;bottom:16%;z-index:5;width:clamp(290px,26vw,360px);padding:20px 20px 14px;background:linear-gradient(120deg,#fbfbf1f5,#edf0e6e8);border:1px solid #93a5a777;box-shadow:8px 8px 0 #75929a10,0 12px 40px #5469770b;color:var(--journey-ink);text-align:left;isolation:isolate}
.journey-launch:before{content:'';position:absolute;top:-1px;left:-1px;width:96px;height:3px;background:linear-gradient(90deg,#4ca8b7 0 52%,#d7b768 52% 78%,#d77e70 78%)}
.journey-launch:after{content:'10 / STOPS';position:absolute;right:15px;top:15px;font:7px/1.5 var(--sans);letter-spacing:1px;color:#5c7c85}
.journey-launch-art{position:absolute;z-index:-1;right:6px;top:17px;width:92px;height:92px;opacity:.8;pointer-events:none}
.journey-launch-eyebrow{font:9px/1.6 var(--sans);letter-spacing:1.8px;color:#5a7c86;margin-bottom:11px;max-width:calc(100% - 65px)}
.journey-launch-heading{display:block;font:400 20px/1.55 var(--serif);max-width:calc(100% - 57px)}
.journey-launch-description{font:11px/1.6 var(--sans);margin:8px 0 12px;color:#60757e}
.journey-launch-actions{display:flex;border-top:1px solid #7b91962b;gap:10px;padding-top:6px;justify-content:space-between}
.journey-launch-actions button{min-height:44px;padding:6px 0;background:none;color:#405f74;font-size:12px}
.journey-launch-actions .journey-resume{font-weight:600;color:#226a80}.journey-launch-actions button:hover{color:#1f4161;text-decoration:underline;text-underline-offset:5px}
.journey-itinerary{position:absolute;left:35%;right:8%;bottom:9%;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-top:25px}
.journey-itinerary:before{content:'主线行程  /  1880 — 至今';position:absolute;top:0;left:0;font:9px/1.5 var(--sans);letter-spacing:2px;color:#50697b}
.journey-itinerary:after{content:'';position:absolute;left:6px;right:6px;top:44px;height:1px;background:#66859a55;z-index:-1}
.journey-period{--period-tint:#d77e70;position:relative;box-sizing:border-box;min-height:94px;text-align:left;background:linear-gradient(135deg,#fafbf299,#edf3ec70);padding:8px 12px 10px;border-bottom:3px solid color-mix(in srgb,var(--period-tint) 75%,#f3f4eb);color:#3e596c;transition:background .2s,transform .2s}
.journey-period:nth-child(2){--period-tint:#d7b768}.journey-period:nth-child(3){--period-tint:#aaa8c9}.journey-period:nth-child(4){--period-tint:#4ca8b7}.journey-period:nth-child(5){--period-tint:#7fbcb0}
.journey-period:before{content:'';position:absolute;right:0;top:0;border:6px solid transparent;border-top-color:var(--period-tint);border-right-color:var(--period-tint);opacity:.7}
.journey-period-number{display:block;width:23px;height:23px;border:1px solid color-mix(in srgb,var(--period-tint) 70%,#5c7889);background:color-mix(in srgb,var(--period-tint) 15%,#f3f4eb);color:#4c6576;line-height:21px;text-align:center;font-size:10px;margin:0 0 8px}
.journey-period-title{display:block;font:14px/1.5 var(--serif)}.journey-period-years{display:block;font-size:9px;color:#5e7483;letter-spacing:.3px;margin-top:5px}
.journey-period[aria-current=true]{background:linear-gradient(135deg,#d4eeea,#f1f4e9);box-shadow:0 0 0 1px #4c8c9a99}.journey-period[aria-current=true] .journey-period-number{background:#337b8b;color:#fff7dc;border-color:#337b8b;box-shadow:0 0 0 3px #4ca8b71a}
.journey-period:hover,.journey-period:focus-visible{background:#f9fcf4;transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.journey-period{transition:none}.journey-period:hover,.journey-period:focus-visible{transform:none}}
@media(min-width:701px){body.letter-atlas:not(.tools-open):not(.drawer-open) .cinema-actions{bottom:27px}}
.journey-period.is-complete .journey-period-title:after{content:' ✓';color:#356b5c}.journey-period:hover .journey-period-title{text-decoration:underline;text-underline-offset:4px}
.tools-open .journey-launch,.tools-open .journey-itinerary,.drawer-open .journey-launch,.drawer-open .journey-itinerary,.chapter-travelling .journey-launch,.chapter-travelling .journey-itinerary,.map-viewing .journey-launch,.map-viewing .journey-itinerary{visibility:hidden;pointer-events:none}
.letter-atlas .site-header nav button{color:#40596b}.letter-atlas .map-regions,.letter-atlas .atlas-controls,.letter-atlas .explore-toolbar,.letter-atlas .scene-dock{background:#f3f4e9eb;border-color:#82969b66;color:#3f5d73;box-shadow:0 8px 25px #536f8010}
.letter-atlas .map-regions button,.letter-atlas .atlas-controls button,.letter-atlas .filter-chip,.letter-atlas .view-toggle button,.letter-atlas .dock-scene{color:#476175}.letter-atlas .map-regions button[aria-pressed=true],.letter-atlas .filter-chip[aria-pressed=true]{color:#29475d;background:#7197ad20}
.letter-atlas .atlas-bottom,.letter-atlas .map-scale{color:#4c6775}.letter-atlas #explore-toggle{background:#f1f3e7d9;color:#36596f;border-color:#78929c77}
.letter-atlas .drawer-open #place-panel{background:linear-gradient(135deg,#fafaf1f5,#e9efedf5);border-color:#8b9da180;box-shadow:0 16px 65px #314d5d25}
.letter-atlas .drawer-tabs{background:#e9eeea;color:#3d5b72;border-color:#899b9d44}.letter-atlas .drawer-tabs button{color:#567082}.letter-atlas .drawer-tabs button[aria-pressed=true]{color:#294b62;border-color:#5c7e98}
.letter-atlas.story-open .story-panel{color:#3e5967}.letter-atlas .story-directory{position:relative;border-left:1px solid #738a9a66;padding-left:17px}
.letter-atlas .story-directory>li{position:relative;background:linear-gradient(120deg,#fcfcf3,#e7edeb);border:1px solid #8e9fa65c;border-top:3px solid #d77e70;padding:20px 18px;box-shadow:5px 5px 0 #8299a30c;margin:0 0 16px}
.letter-atlas .story-directory>li:nth-child(2){border-top-color:#d7b768}.letter-atlas .story-directory>li:nth-child(3){border-top-color:#aaa8c9}.letter-atlas .story-directory>li:nth-child(4){border-top-color:#4ca8b7}.letter-atlas .story-directory>li:nth-child(5){border-top-color:#7fbcb0}
.letter-atlas .story-directory>li:before{content:'';position:absolute;width:9px;height:9px;background:#6b879e;border:2px solid #eff2e8;left:-23px;top:26px;transform:rotate(45deg)}
.letter-atlas .story-directory h3{color:#36536b;font-size:20px}.letter-atlas .story-directory small,.letter-atlas .story-directory p,.letter-atlas .story-directory .route-stops{color:#5f7480}
.letter-atlas.story-open .story-button{background:#3c6079;color:#fbf5df;border-color:#3c6079}.letter-atlas.story-open .story-back{color:#456b87}
.letter-atlas .intro-dialog{background:linear-gradient(130deg,#f9faf2,#e4eeeb);border:1px solid #8c9da6;border-top:3px solid #4ca8b7;color:#3b586a;box-shadow:0 25px 90px #1c3b4c44;padding-top:25px}
.journey-intro-art{width:100%;height:95px;color:#718ba3;fill:#718ba3;stroke:#718ba3;stroke-width:.8;margin-bottom:12px}
.letter-atlas .intro-dialog h2{color:#36576f;text-wrap:balance}.letter-atlas .intro-dialog .intro-stop{display:block;text-wrap:balance}.intro-stop-part{display:inline-block}.letter-atlas .intro-dialog .primary-button{background:#446a86;color:#fff7df}.letter-atlas .intro-dialog .intro-quote{color:#647e8e}
.journey-flight-guide{pointer-events:none}.journey-flight-track{stroke:#faf7e1;stroke-width:5;opacity:.65;vector-effect:non-scaling-stroke}.journey-flight-trace{stroke:#4f7397;stroke-width:1.8;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke}.journey-flight-marker{fill:#fdf5d3;stroke:#436b94;stroke-width:1;transform-box:view-box;transform-origin:0 0}
.journey-flight-halo{fill:#c7dce788;stroke:#f9f2d5;stroke-width:1}.journey-flight-destination{fill:none;stroke:#547b99;stroke-width:1;vector-effect:non-scaling-stroke}
.story-route-line{stroke:#527c9b;stroke-width:1.5;stroke-dasharray:3 6}
#chapter-cinema:not(.place-cinema) .cinema-brand{visibility:hidden}.journey-stage-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:10px/1.6 var(--sans);letter-spacing:2px;color:#d7e2df;white-space:nowrap;pointer-events:none}
#chapter-cinema #cinema-scroll{border-color:#a4bec33d;background:linear-gradient(130deg,#223a43df,#162c35e0);box-shadow:inset 0 1px #e5e9d822,0 20px 50px #071a2320}
#chapter-cinema .journey-step{color:#b7ced1;letter-spacing:3px}#chapter-cinema .journey-stage{border-color:#9dbdc04d;background:#c7dedb0a;color:#dae6df}
#chapter-cinema .evidence-card{border-color:#a2bac44d;background:linear-gradient(120deg,#adc6c41c,#e7e8d305)}#chapter-cinema .evidence-card.is-inspected{border-color:#b4cfc48f;background:#c0d9c314}
#chapter-cinema .journey-seal{border-radius:0;transform:rotate(-2deg);border-color:#a4c5bb;color:#d2e4d5}
@media(min-width:701px) and (max-height:820px){.journey-launch{bottom:15%;padding:13px 17px 9px}.journey-launch-heading{font-size:18px}.journey-launch-description{margin:5px 0 6px}.journey-itinerary{bottom:11%}.letter-atlas .scroll-title{top:21%}.letter-atlas .scroll-title h1{font-size:56px}.letter-atlas .scroll-title #begin{margin-top:21px}}
@media(max-width:1000px) and (min-width:701px){.journey-itinerary{left:46%;right:5%;gap:4px}.journey-period-title{font-size:12px}.journey-period-years{font-size:8px}.journey-launch{width:290px}}
@media(max-width:700px){
 .letter-atlas .gilded-frame{inset:10px}.journey-home-ornament{width:220%;left:0;height:100%;top:0;opacity:.7}
 .letter-atlas .scroll-title{top:100px;left:28px;max-width:320px}.letter-atlas .scroll-title h1{font-size:41px;letter-spacing:3px;margin-top:12px;margin-bottom:10px}.letter-atlas .scroll-title h1 .title-line{margin-left:19px}
 .journey-title-kicker{font-size:6px;letter-spacing:1.1px;gap:7px}.journey-title-kicker i{width:21px;height:4px}.journey-title-kicker b{font-size:7px;letter-spacing:1.5px;padding-left:7px}.journey-title-note{font-size:9px;letter-spacing:1.4px}
 .letter-atlas .scroll-title #begin{margin-top:12px;min-height:44px;font-size:10px;padding:6px 12px;letter-spacing:1px;gap:14px}.letter-atlas .scroll-title #story-beacon{font-size:9px;max-width:285px;margin-top:4px}
 .journey-launch{left:24px;right:24px;width:auto;bottom:142px;padding:12px 15px 6px}.journey-launch-eyebrow{font-size:8px;margin-bottom:5px;letter-spacing:1.5px}.journey-launch-heading{font-size:17px}.journey-launch-description{font-size:10px;margin:4px 0 5px}.journey-launch-actions{padding-top:2px}.journey-launch-actions button{font-size:11px}.journey-launch-art{width:71px;height:71px;top:16px;right:8px}.journey-launch:after{font-size:6px;top:11px;right:13px}
 .journey-itinerary{left:24px;right:24px;bottom:74px;gap:3px;padding-top:0}.journey-itinerary:before{display:none}.journey-itinerary:after{top:10px}.journey-period{min-height:59px;padding:5px 0;text-align:center}.journey-period:before{border-width:4px}.journey-period-number{width:17px;height:17px;margin:2px auto 7px;line-height:15px;font-size:8px}.journey-period-title{font:10px/1.6 var(--sans)}.journey-period-years{display:none}
 .letter-atlas .cinema-actions{bottom:20px;left:auto;right:24px;transform:none}.letter-atlas .cinema-actions #explore-toggle{min-height:44px;height:44px;font-size:11px;padding:0 12px}.letter-atlas .atlas-bottom{bottom:14px;left:23px;right:auto;max-width:180px;font-size:8px}.letter-atlas .atlas-bottom>span:first-child{max-width:180px}.letter-atlas .atlas-bottom>span:last-child{display:none}.letter-atlas .atlas-bottom a{font-size:8px;display:block;max-width:180px;line-height:1.5}.letter-atlas .scroll-poem{display:none}.letter-atlas .map-scale{bottom:310px;left:26px}
 .letter-atlas .intro-dialog{padding:18px 23px;max-height:calc(100dvh - 32px);overflow:auto}.journey-intro-art{height:62px;margin-bottom:5px}
 .journey-stage-label{display:none}#chapter-cinema:not(.place-cinema) .cinema-hero:before{content:'主线探索 / CITY JOURNEY';display:block;font:8px/1.6 var(--sans);letter-spacing:1.5px;color:#b9ced1;margin-bottom:4px}.letter-atlas .story-open .story-directory{padding-left:16px}.letter-atlas .story-directory>li{padding:17px 14px}

}
/* Journey staging: a map departure, then a clearly readable moving itinerary. */
.journey-departure{position:absolute;z-index:5;top:19%;left:6.5%;display:flex;align-items:center;gap:24px;padding:22px 30px 24px;background:#f7f7e9f2;border-top:2px solid #327e91;box-shadow:12px 12px 0 #41677212;color:#234d61;max-width:78%;pointer-events:none;opacity:0}
.departure-counter{font:italic 88px/.9 Georgia,serif;letter-spacing:-8px;color:#5c9ca7;border-right:1px solid #718d9450;padding-right:28px}.journey-departure>div{display:flex;flex-direction:column;gap:12px}.journey-departure small{font:9px/1.5 var(--sans);letter-spacing:3px;color:#57828e}.journey-departure strong{font:400 clamp(20px,2.1vw,38px)/1.4 var(--serif)}.departure-origin{font:12px/1.6 var(--sans);color:#5b7983}
.journey-departure>i{position:absolute;bottom:0;left:0;width:100%;height:3px;transform-origin:left;background:linear-gradient(90deg,#226e88,#72c6cd,#e4c278)}
.travelling .journey-departure{animation:departure-stage var(--travel-duration) ease both}.travelling .journey-departure>i{animation:departure-progress var(--travel-duration) ease both}
.sea-trip{position:absolute;z-index:3;bottom:12%;left:6.5%;width:38%;max-width:700px;color:var(--motion-ink);border-top:1px solid color-mix(in srgb,var(--motion-ink) 25%,transparent);padding-top:13px}
.sea-trip-label{font:9px/1.5 var(--sans);letter-spacing:1.5px;color:var(--motion-accent)}
.sea-trip-ends{display:flex;justify-content:space-between;gap:24px;margin-top:10px;font:13px/1.6 var(--serif)}.sea-trip-ends span{max-width:48%}.sea-trip-to{text-align:right}
.sea-trip-chart{display:block;width:100%;height:60px;overflow:visible;fill:var(--motion-accent);stroke:var(--motion-accent);stroke-width:1}
.trip-under,.trip-trace{fill:none}.trip-under{opacity:.3;stroke-dasharray:3 5}.trip-trace{stroke-width:3;stroke-dasharray:1}
.trip-arrival{fill:none;stroke-width:2;opacity:.7;transform-origin:440px 48px}.trip-glow{fill:var(--motion-accent);stroke:none;opacity:.2}
.trip-voyager{offset-path:path('M20 82C120 82 130 25 230 25S350 82 440 48');offset-rotate:0deg;offset-distance:100%}
.trip-phases{display:flex;justify-content:space-between;font:8px/1.5 var(--sans);letter-spacing:1.5px;margin:4px 0 5px;color:var(--motion-accent)}
.sea-trip-note{font:8px/1.5 var(--sans);color:var(--motion-soft);letter-spacing:1px}
.travelling .sea-trip{animation:trip-intro var(--travel-duration) ease both}.travelling .trip-trace{animation:trip-trace var(--travel-duration) cubic-bezier(.4,0,.2,1) both}.travelling .trip-voyager{animation:trip-voyager var(--travel-duration) cubic-bezier(.4,0,.2,1) both}.travelling .trip-arrival{animation:trip-arrival var(--travel-duration) ease both}
.travelling .trip-phases span:nth-child(2){animation:trip-progress var(--travel-duration) ease both}.travelling .trip-phases span:nth-child(3){animation:trip-destination var(--travel-duration) ease both}
#chapter-transition.travel-ready .sea-trip,#chapter-transition.travel-ready .sea-trip *{animation-play-state:paused}#chapter-transition.travel-ready .journey-departure{display:none}
.journey-flight-track{stroke-width:9;opacity:.9}.journey-flight-trace{stroke:#247e99;stroke-width:3.5}.journey-flight-halo{fill:#eef9e7c9;stroke:#2f7991;stroke-width:1.4}.journey-flight-destination{stroke:#2d7b91;stroke-width:2}.journey-flight-marker{fill:#2f8299;stroke:#fffae3;stroke-width:1.3}.journey-flight-label{font:11px var(--sans);fill:#254c60;paint-order:stroke;stroke:#faf8e6;stroke-width:4px;stroke-linejoin:round}
.journey-launch{border-left:3px solid #4ca8b7}.journey-launch-actions{border-top-style:dashed}.journey-period-number{border-radius:0}
@keyframes departure-stage{0%{opacity:0;transform:translateX(-25px)}5%,23%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateX(25px)}}
@keyframes departure-progress{0%{transform:scaleX(0)}28%,100%{transform:scaleX(1)}}
@keyframes trip-intro{0%,49%{opacity:0;transform:translateY(12px)}64%,100%{opacity:1;transform:none}}
@keyframes trip-trace{0%,60%{stroke-dashoffset:1}90%,100%{stroke-dashoffset:0}}
@keyframes trip-voyager{0%,60%{offset-distance:0%}90%,100%{offset-distance:100%}}
@keyframes trip-arrival{0%,80%{opacity:.4;transform:scale(1)}90%{opacity:1;transform:scale(1.8)}100%{opacity:.8;transform:scale(1)}}
@keyframes trip-progress{0%,65%{opacity:.3}75%,100%{opacity:1}}
@keyframes trip-destination{0%,80%{opacity:.3}90%,100%{opacity:1}}
@media(min-width:701px) and (max-height:820px){.sea-trip{bottom:12%;padding-top:9px}.sea-trip-chart{height:45px}.sea-trip-ends{margin-top:6px;font-size:11px}.trip-phases{margin-top:0}}
@media(max-width:700px){
 .journey-departure{left:7%;top:20%;max-width:86%;gap:16px;padding:17px 18px}.departure-counter{font-size:61px;padding-right:18px;letter-spacing:-5px}.journey-departure strong{font-size:20px}.journey-departure small{font-size:7px;letter-spacing:1px}.departure-origin{font-size:10px}.journey-departure>div{gap:7px}
 .sea-trip{left:7%;width:86%;bottom:14%;padding-top:8px}.sea-trip-label{font-size:7px;letter-spacing:.5px}.sea-trip-ends{font-size:10px;margin-top:5px;gap:10px}.sea-trip-chart{height:40px}.trip-phases{font-size:7px;margin:2px 0}.sea-trip-note{display:none}
 #chapter-transition[data-kind=story] .travel-caption small{display:none}
}
@media(prefers-reduced-motion:reduce){.journey-departure{display:none}.travelling .sea-trip,.travelling .sea-trip *{animation:none}.sea-trip{opacity:1}.trip-trace{stroke-dashoffset:0}.trip-voyager{offset-distance:100%}}
.page-hidden .sea-trip *,.page-hidden .journey-departure{animation-play-state:paused!important}