.voyage-background{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,#000 0%,#000 3%,#0005 10%,#0000 24%,#0000 76%,#0005 90%,#000 97%,#000 100%)}
.voyage-background svg{width:100%;height:100%;display:block;overflow:visible}
.voyage-background path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.voyage-halo{stroke:#f178b5;stroke-width:56;opacity:.19}
.voyage-track{stroke:#e62d87;stroke-width:2;stroke-dasharray:3 12;opacity:.4}
.voyage-route{stroke:#ed3a90;stroke-width:9;opacity:.88}
.voyage-blue{stroke:#54bdec;stroke-width:5;opacity:.6}
.voyage-lime{stroke:#b7d948;stroke-width:4;opacity:.65}
.voyage-grid{stroke:#b392ac;stroke-width:1;opacity:.22}
.voyage-port{fill:#f5bad7;stroke:#d22777;stroke-width:3}
.voyage-ship{fill:#ee3288;stroke:#fff;stroke-width:2}
@media(max-width:650px){.voyage-background{mask-image:linear-gradient(90deg,#000 0%,#0009 2%,#0000 10%,#0000 90%,#0009 98%,#000 100%)}.voyage-halo{stroke-width:28}.voyage-route{stroke-width:5}.voyage-blue{stroke-width:3}.voyage-lime{stroke-width:3}}
@media print{.voyage-background{display:none}}

.voyage-surface > *{position:relative;z-index:6}

.voyage-story{mask-image:linear-gradient(90deg,transparent calc(100% - 155px),#000 calc(100% - 80px));z-index:5}.voyage-story .voyage-route{stroke-width:3;opacity:.85}.voyage-story .voyage-track{stroke:#b587a3;stroke-width:1.5;opacity:.6}.voyage-story .voyage-alternative{stroke:#b994a9;stroke-width:1;stroke-dasharray:4 8;opacity:.45}.story-stop{color:#b9397c}.story-stop .stop-ring{fill:#f8e7f0;stroke:#be8fa8;stroke-width:1.5}.story-stop path{fill:none;stroke:currentColor;stroke-width:1.5}.story-stop .stop-label{font:11px "Hiragino Kaku Gothic ProN",sans-serif;fill:#9d3970;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.story-stop.passed .stop-ring{stroke:#d42d7e;fill:#f7c5de}.story-stop.current .stop-ring{stroke-width:3;fill:#d9ef89}.voyage-story .voyage-ship path{stroke-linejoin:round}.voyage-story .voyage-grid{opacity:.22}
@media(max-width:760px){.voyage-story{mask-image:linear-gradient(90deg,transparent calc(100% - 38px),#000 calc(100% - 26px))}.story-stop .stop-label{display:none}.voyage-story .voyage-route{stroke-width:2}}

.voyage-story .stop-label{stroke-width:1px;fill:#8f245c}.voyage-story{z-index:7}

/* Color currents keep the narrative route in the foreground. */
.voyage-story{mask-image:linear-gradient(90deg,transparent calc(100% - 220px),#0005 calc(100% - 145px),#000 calc(100% - 85px))}.voyage-story .sea-color-blue{stroke:#64c9ec;stroke-width:16;opacity:.48}.voyage-story .sea-color-lime{stroke:#badc52;stroke-width:8;opacity:.7}.voyage-story .sea-color-pink{stroke:#ef6caf;stroke-width:32;opacity:.22}.voyage-story .voyage-route{stroke-width:4;opacity:1}.voyage-story .voyage-grid{stroke:#75bcd4;stroke-width:1.5;opacity:.4}.voyage-story .stop-ring{stroke-width:2}.voyage-story .story-stop.current .stop-ring{fill:#d7f16c;stroke:#bc256c;stroke-width:4}
@media(max-width:760px){.voyage-story{mask-image:linear-gradient(90deg,transparent calc(100% - 65px),#0003 calc(100% - 43px),#000 calc(100% - 23px))}.voyage-story .sea-color-blue{stroke-width:8;opacity:.5}.voyage-story .sea-color-lime{stroke-width:4}.voyage-story .sea-color-pink{stroke-width:15}.voyage-story .voyage-route{stroke-width:2.5}}

.voyage-story{mask-image:none;z-index:5}.voyage-story .branch-route{fill:none;stroke-width:3;stroke-linecap:round;opacity:.62}.voyage-story .branch-blue{stroke:#62c6e7;stroke-dasharray:6 9}.voyage-story .branch-lime{stroke:#a6c54b;stroke-dasharray:3 8}.voyage-story .route-island{fill:#a6dce6;stroke:#4c9bac;stroke-width:1.5;opacity:.85}.voyage-story .second-island{fill:#d1e786;stroke:#8fa63f}.voyage-story .route-reef{fill:#bc9fb4;stroke:#8d637f;stroke-width:1.5;opacity:.8}.voyage-story .island-wave{fill:none;stroke:#7cbecf;stroke-width:2;opacity:.65}.voyage-story .sea-color-pink{opacity:.16}.voyage-story .sea-color-blue{opacity:.35}
@media(max-width:760px){.voyage-story .branch-route{stroke-width:2;opacity:.4}}