/* The voyage is a single, unfolding route. This layer leaves the cover and 3D HUDs intact. */
.voyage-screen{display:flex;flex-direction:column;overflow:hidden;background:#102c36;isolation:isolate}
.voyage-screen:before{display:none}
.voyage-header{position:relative;z-index:2;flex:none;min-height:104px;padding:23px 38px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#102c36;border-bottom:1px solid #a5c1b71a}
.voyage-header .eyebrow{font:9px var(--sans);letter-spacing:2.3px;color:#9fb8b2}
.voyage-header h1{font:32px var(--serif);letter-spacing:2px;margin:9px 0 0;color:#eee7d6;font-weight:400;line-height:1.1}
.voyage-header h1>span{font:11px var(--sans);color:#9db8b3;margin-left:18px;letter-spacing:1.2px;vertical-align:middle}
.voyage-header-actions{display:flex;align-items:center;gap:14px;flex:none}
.voyage-header-actions .button{font-size:11px;min-height:42px;padding:0 15px}
.voyage-header-actions .icon-button{width:44px;height:44px}
.voyage-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 348px}
.voyage-ocean{position:relative;isolation:isolate;overflow:hidden;background:#204d55;min-height:0}
.voyage-chart{position:absolute;inset:0;width:100%;height:100%;animation:sea-chart-unfold 1.6s cubic-bezier(.2,.65,.3,1) both;transform-origin:44% 75%}
.voyage-ocean:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#09263215,transparent 25%,transparent 75%,#08252b12);box-shadow:inset 0 0 80px #0a293024;z-index:0}
.voyage-route-future path{fill:none;stroke:#c0c7ad;stroke-width:1.2;stroke-opacity:.23;stroke-dasharray:2 7;vector-effect:non-scaling-stroke}
.voyage-route-drawn path{fill:none;stroke:#e4c995;stroke-width:1.7;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #eedcaf26)}
.voyage-season{position:absolute;top:25px;right:27px;font-size:10px;letter-spacing:1.2px;display:flex;align-items:center;gap:8px;color:#ced8c8;text-shadow:0 1px 4px #17363a}
.voyage-season>i{display:block;width:5px;height:5px;background:#d9c793;border-radius:50%}
.voyage-season>small{position:absolute;top:22px;right:0;white-space:nowrap;font-size:8px;letter-spacing:.8px;color:#a0bab1}
.voyage-stops{position:absolute;inset:0;z-index:2;pointer-events:none}
.voyage-stop{position:absolute;left:var(--stop-x);top:var(--stop-y);width:46px;height:46px;transform:translate(-50%,-50%);padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;pointer-events:auto;color:#b8c8b8;cursor:pointer}
.voyage-stop:active:not(:disabled){transform:translate(-50%,-50%)}
.voyage-stop-ring{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid #b5c5ad6b;border-radius:50%;background:#20434b;box-shadow:0 0 0 5px #183c4355;transition:border-color .3s,background .3s,box-shadow .3s}
.voyage-stop-ring>b{font:9px var(--sans);font-weight:500;letter-spacing:.2px}
.voyage-stop-ring>i{display:none;width:14px;height:14px;font-style:normal}
.voyage-stop-ring .icon{width:14px;height:14px;stroke-width:1.8}
.voyage-stop-caption{position:absolute;left:52px;top:9px;text-align:left;white-space:nowrap;display:flex;flex-direction:column;gap:6px;pointer-events:none;color:#c3d1c2;text-shadow:0 1px 5px #173d45}
.voyage-stop-caption>strong{font:13px var(--serif);font-weight:400;letter-spacing:.6px}
.voyage-stop-caption>small{font-size:8px;letter-spacing:.4px;color:#a9bfb2}
.voyage-stop.future .voyage-stop-caption{opacity:.66}
.voyage-stop.future .voyage-stop-caption>small{display:none}
.voyage-stop.current .voyage-stop-ring{background:#d7c295;color:#19323b;border-color:#eddcba;box-shadow:0 0 0 5px #d7c2951a,0 0 0 9px #d7c29509}
.voyage-stop.current .voyage-stop-caption{background:#173b42e8;border:1px solid #ccbd963b;border-radius:3px;padding:9px 12px;top:-4px;gap:5px}
.voyage-stop.current .voyage-stop-caption>strong{font-size:16px;color:#eee4cb;letter-spacing:.7px}
.voyage-stop.current .voyage-stop-caption>small{color:#d0d3b9}
.voyage-stop.visited:not(.current) .voyage-stop-ring{border-color:#cfba8c;background:#38534e;color:#e9d6ae}
.voyage-stop.visited .voyage-stop-ring>b{display:none}
.voyage-stop.visited .voyage-stop-ring>i{display:block}
.voyage-stop.debugged .voyage-stop-ring{border-style:dashed}
.voyage-stop.debugged .voyage-stop-ring>i{opacity:.65}
.voyage-stop:hover .voyage-stop-ring{border-color:#e4d7b3;box-shadow:0 0 0 5px #c8d0ac14}
.voyage-stop:nth-child(4) .voyage-stop-caption,.voyage-stop:nth-child(9) .voyage-stop-caption{left:auto;right:52px;text-align:right}
.voyage-whale{position:absolute;left:15%;top:93%;z-index:3;width:42px;height:19px;transform:translate(-50%,-50%) rotate(var(--whale-angle,90deg));pointer-events:none;color:#faf0d5;filter:drop-shadow(0 2px 5px #102c36);transition:opacity .4s}
.voyage-whale>.whale-mark{width:42px;height:19px;overflow:visible}
.voyage-whale>span{position:absolute;left:36px;top:7px;width:32px;height:5px;background:linear-gradient(90deg,#f5edd738,transparent);border-radius:50%;opacity:0;transform-origin:left}
.voyage-whale.sailing>span{opacity:1;animation:sea-whale-wake 2.8s ease-in-out infinite}
.voyage-screen:not([data-voyage-phase="sailing"]):not([data-voyage-phase="ready"]) .voyage-whale{opacity:0}
.voyage-sailing-note{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);display:flex;gap:9px;align-items:center;white-space:nowrap;padding:9px 14px;font-size:10px;letter-spacing:.6px;color:#d5ddcb;background:#17383fbc;border:1px solid #a9bca020;border-radius:20px;z-index:3}
.voyage-sailing-note>i{width:5px;height:5px;flex:none;border-radius:50%;background:#dcc28c;opacity:.6}
.voyage-screen[data-voyage-phase="sailing"] .voyage-sailing-note>i{animation:sea-beacon 2.8s ease-in-out infinite}
.voyage-map-key{position:absolute;left:25px;right:25px;bottom:13px;display:flex;gap:16px;align-items:center;font-size:8px;color:#adc0b4;letter-spacing:.3px}
.voyage-map-key>span{display:flex;align-items:center;gap:6px}
.voyage-map-key>span>i{width:15px;border-top:1px solid #d9c290}
.voyage-map-key>span:nth-child(2)>i{border-top:1px dashed #c5c9ae80}
.voyage-map-key>small{margin-left:auto;font-size:8px;color:#95aea5}
.voyage-panel{position:relative;display:flex;flex-direction:column;min-width:0;padding:28px 27px 22px;background:linear-gradient(135deg,#12323c,#102b35);border-left:1px solid #a5c1b71a;overflow:auto;scrollbar-width:thin;scrollbar-color:#45645e transparent}
.voyage-panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c9c2a1}
.voyage-panel-top .eyebrow{font-size:8px;letter-spacing:1.5px;color:#a8bdb1}
.voyage-panel-top>span:last-child{font:11px var(--display);letter-spacing:1px;color:#d2c198;white-space:nowrap}
.voyage-chapter-icon{margin-top:24px;color:#cfba8e;width:45px;height:40px;display:flex;align-items:center}
.voyage-chapter-icon .icon{width:35px;height:35px;stroke-width:1}
.voyage-panel-heading{margin-top:13px}
.voyage-panel-heading .region-tag{font-size:9px;letter-spacing:1.3px;color:#b9c8b1;background:none;border:0;padding:0;display:block}
.voyage-panel-heading h2{font:31px var(--serif);font-weight:400;letter-spacing:1.2px;color:#f0e8d6;margin:10px 0 8px;line-height:1.25}
.voyage-panel-heading>p{margin:0;color:#8eaca7;font:8px var(--sans);letter-spacing:1.7px;line-height:1.6}
.voyage-description{font-size:12px;line-height:1.95;color:#b9ccc3;margin:22px 0 20px}
.voyage-objective{padding:15px 0;border-top:1px solid #a5c1b71c;border-bottom:1px solid #a5c1b71c}
.voyage-objective>span{font-size:9px;letter-spacing:.9px;color:#dbc89f}
.voyage-objective>p{font-size:11px;line-height:1.8;color:#ced8c8;margin:8px 0 0}
.voyage-facts{display:grid;grid-template-columns:1fr 1fr;margin:18px 0 20px;gap:20px}
.voyage-facts dt{font-size:9px;color:#9bb8ac;letter-spacing:.5px;margin-bottom:6px}
.voyage-facts dd{font:19px var(--display);color:#d7d7bc;margin:0;font-weight:400}
.voyage-facts small{font:9px var(--sans);color:#abbfb0}
.voyage-status{font-size:10px;letter-spacing:.2px;color:#d8d0ad;line-height:1.7;margin-top:auto;padding-top:6px}
.voyage-travel-track{height:2px;background:#b4c3ab21;margin-top:11px;flex:none}
.voyage-travel-track>i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#d5be8d}
.voyage-panel>#enter-region{margin-top:16px;flex:none;min-height:48px;width:100%;font-size:12px}
.voyage-panel>#enter-region:disabled{background:#748a7824;border-color:#bbcab12b;color:#b9c8b2;opacity:.8}
.voyage-debug-link{display:block;min-height:44px;padding:12px 8px;margin:3px auto 0;font-size:10px;color:#b6bba7;text-decoration:underline;text-decoration-color:#9cad923f;text-underline-offset:4px;letter-spacing:.2px}
.voyage-debug-link:hover{color:#e4d6b2;text-decoration-color:#e4d6b266}
.voyage-panel-note{font-size:9px;line-height:1.7;color:#9eb4a8;text-align:center;margin:10px 0 0}
.voyage-footer{flex:none;position:relative;z-index:2;min-height:58px;padding:0 38px;display:flex;align-items:center;gap:28px;background:#102b35;border-top:1px solid #a5c1b71a;font-size:10px;color:#a2baaf}
.voyage-footer>div{display:flex;align-items:center;gap:10px}
.voyage-footer strong{font:18px var(--display);color:#dfc89c;font-weight:400}
.voyage-footer>#voyage-record-note{font-size:9px;color:#9fb5a9}
.voyage-footer-compass{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:8px;letter-spacing:1.8px;color:#b4c2ac}
.voyage-footer-compass>i{height:1px;width:56px;background:linear-gradient(90deg,#a8b29a33,#c4ba8f);position:relative}
.voyage-footer-compass>i:after{content:'';position:absolute;right:0;top:-2px;width:4px;height:4px;border-top:1px solid #c4ba8f;border-right:1px solid #c4ba8f;transform:rotate(45deg)}
.voyage-arrival-backdrop{z-index:35;background:#041b29b3;backdrop-filter:blur(7px);padding:20px;pointer-events:auto}
.voyage-arrival-dialog{position:relative;max-height:calc(100dvh - 40px);overflow:auto;width:min(470px,100%);padding:0 34px 25px;background:linear-gradient(135deg,#214952,#102c38 72%);border:1px solid #cabd9540;box-shadow:0 25px 110px #04152088;border-radius:5px;animation:sea-arrival-in .6s cubic-bezier(.2,.7,.3,1) both;scrollbar-width:thin;scrollbar-color:#49675f transparent}
.voyage-arrival-dialog .modal-close{position:absolute;right:13px;top:13px;z-index:2;width:44px;height:44px;color:#cad5c2}
.voyage-arrival-art{height:125px;position:relative;overflow:hidden;margin:0 -34px 19px;background:radial-gradient(ellipse at 50% 110%,#73938930,transparent 65%),linear-gradient(0deg,#577c6e11,transparent);border-bottom:1px solid #a8bd9e19}
.voyage-arrival-art:before,.voyage-arrival-art:after{content:'';position:absolute;width:150%;height:90px;border:1px solid #b0c6b517;left:-20%;top:80px;border-radius:45%}
.voyage-arrival-art:after{top:90px;left:-40%}
.voyage-arrival-art>.whale-mark{position:absolute;bottom:10px;left:34px;width:156px;height:57px;color:#b0c2b7;opacity:.65;transform:rotate(-9deg)}
.voyage-arrival-art>span{position:absolute;left:126px;top:28px;width:150px;height:1px;background:linear-gradient(90deg,transparent,#d5be8e55);transform:rotate(-19deg)}
#voyage-arrival-icon{position:absolute;right:90px;top:43px;color:#dfcfa6}
#voyage-arrival-icon>.icon{width:38px;height:38px;stroke-width:1}
.voyage-arrival-dialog>.eyebrow{font-size:9px;letter-spacing:1.8px;color:#c9c7a8}
.voyage-arrival-dialog h2{font:35px var(--serif);font-weight:400;color:#f1e8d2;letter-spacing:1.8px;margin:12px 0 14px;line-height:1.25}
.voyage-arrival-dialog>#voyage-arrival-description{font-size:12px;color:#c2d2c6;line-height:1.95;margin:0 0 21px}
.voyage-arrival-goal{background:#a7ba9b09;border-left:2px solid #c8b98b78;padding:12px 15px;display:flex;flex-direction:column;gap:6px}
.voyage-arrival-goal>span{font-size:9px;letter-spacing:1px;color:#b9c5ac}
.voyage-arrival-goal>strong{font-size:12px;line-height:1.8;font-weight:400;color:#e5dfc6}
.voyage-arrival-meta{display:flex;justify-content:space-between;gap:10px;margin:16px 0;color:#b9c6ad;font-size:10px}
.voyage-arrival-dialog>.button{width:100%;font-size:13px}
.voyage-debug-note{display:block;text-align:center;font-size:8px;color:#a2b4a4;line-height:1.6;margin-top:0}
.voyage-debug-chip{width:44px;height:44px;padding:5px 2px;border:1px dashed #c0c5ab66;border-radius:3px;color:#d0cdb5;background:#17333dd9;font-size:9px;line-height:1.4;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;flex:none}
.voyage-debug-chip>span{font-size:8px;color:#b1c2b3}
.voyage-debug-chip:hover{background:#385047e8;border-color:#e3d3ad}
@keyframes sea-chart-unfold{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@keyframes sea-arrival-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes sea-beacon{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes sea-whale-wake{0%,100%{transform:scaleX(.85);opacity:.5}50%{transform:scaleX(1.15);opacity:1}}
@media(min-width:1000px) and (max-height:760px){.voyage-header{min-height:87px;padding-top:17px;padding-bottom:16px}.voyage-header h1{font-size:28px}.voyage-panel{padding:20px 25px 16px}.voyage-chapter-icon{margin-top:15px;height:28px}.voyage-chapter-icon .icon{width:29px;height:29px}.voyage-panel-heading{margin-top:9px}.voyage-panel-heading h2{font-size:28px;margin:7px 0}.voyage-description{margin:14px 0;font-size:11px}.voyage-objective{padding:11px 0}.voyage-facts{margin:13px 0}.voyage-panel>#enter-region{margin-top:12px;min-height:44px}.voyage-panel-note{margin-top:6px}.voyage-footer{min-height:50px}}
@media(max-width:1000px) and (min-width:761px){.voyage-body{grid-template-columns:minmax(0,1fr) 302px}.voyage-header{padding-left:25px;padding-right:25px}.voyage-panel{padding:24px 22px 20px}.voyage-stop-caption{display:none}.voyage-stop.current .voyage-stop-caption{display:flex}.voyage-stop.current .voyage-stop-caption>strong{font-size:13px}.voyage-map-key>small{display:none}.voyage-season{font-size:9px;top:20px;right:20px}.voyage-footer{padding:0 25px;gap:18px}.voyage-footer-compass{display:none}.voyage-panel-heading h2{font-size:28px}.voyage-description{font-size:11px}.voyage-chapter-icon{margin-top:18px}}
@media(max-width:760px){.voyage-screen{overflow-y:auto;overflow-x:hidden;display:block;overscroll-behavior:contain}.voyage-header{min-height:88px;padding:17px 20px 16px;gap:8px;align-items:center}.voyage-header .eyebrow{font-size:6.5px;letter-spacing:1.3px}.voyage-header h1{font-size:26px;margin-top:8px;letter-spacing:1.3px}.voyage-header h1>span{font-size:9px;margin-left:10px;letter-spacing:.4px}.voyage-header-actions{gap:0}.voyage-header-actions #return-dive{display:none!important}.voyage-header-actions>.icon-button{width:44px;height:44px}.voyage-body{display:block;min-height:0}.voyage-ocean{height:360px;height:clamp(310px,43dvh,420px)}.voyage-season{right:17px;top:15px;font-size:8px;letter-spacing:.4px;gap:6px}.voyage-season>small{display:none}.voyage-chart>g[font-family]>text{font-size:18px;letter-spacing:5px}.voyage-chart>g[font-family]>text:nth-child(2){font-size:13px;letter-spacing:3px}.voyage-stop{width:44px;height:44px}.voyage-stop-ring{width:24px;height:24px;box-shadow:0 0 0 4px #173b4255}.voyage-stop-ring>b{font-size:8px}.voyage-stop-caption{display:none}.voyage-stop.current .voyage-stop-caption{display:flex;left:41px;top:1px;padding:6px 9px;gap:3px}.voyage-stop.current .voyage-stop-caption>strong{font-size:12px;letter-spacing:.1px}.voyage-stop.current .voyage-stop-caption>small{font-size:7px;letter-spacing:.1px}.voyage-stop:nth-child(4).current .voyage-stop-caption,.voyage-stop:nth-child(9).current .voyage-stop-caption{left:auto;right:41px}.voyage-whale,.voyage-whale>.whale-mark{width:32px;height:15px}.voyage-whale>span{left:28px;top:6px;width:20px;height:3px}.voyage-sailing-note{bottom:23px;font-size:8px;padding:6px 9px;letter-spacing:.1px;gap:6px}.voyage-sailing-note>i{width:4px;height:4px}.voyage-map-key{left:16px;right:16px;bottom:8px;font-size:6px;gap:10px}.voyage-map-key>small{display:none}.voyage-map-key>span>i{width:10px}.voyage-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;padding:19px 22px 17px;overflow:visible;border-left:0;border-top:1px solid #a5c1b71a;background:#112f39}.voyage-panel-top{grid-column:1/-1}.voyage-panel-top>.eyebrow{font-size:7px;letter-spacing:1.2px}.voyage-panel-top>span:last-child{font-size:10px}.voyage-chapter-icon{position:absolute;right:23px;top:47px;width:33px;height:33px;margin:0}.voyage-chapter-icon .icon{width:30px;height:30px}.voyage-panel-heading{grid-column:1/-1;margin-top:14px}.voyage-panel-heading .region-tag{font-size:8px;letter-spacing:.7px}.voyage-panel-heading h2{font-size:27px;letter-spacing:.7px;margin:8px 0 6px}.voyage-panel-heading>p{font-size:7px;letter-spacing:1.4px}.voyage-description{grid-column:1/-1;font-size:11px;line-height:1.85;margin:15px 0}.voyage-objective{grid-column:1/-1;padding:11px 0}.voyage-objective>span{font-size:8px}.voyage-objective>p{font-size:11px;margin-top:6px;line-height:1.7}.voyage-facts{grid-column:1/-1;display:flex;gap:30px;margin:14px 0}.voyage-facts>div{display:flex;align-items:center;gap:9px}.voyage-facts dt{font-size:8px;margin:0}.voyage-facts dd{font-size:15px}.voyage-facts small{font-size:8px}.voyage-status{grid-column:1/-1;font-size:9px;padding-top:0}.voyage-travel-track{grid-column:1/-1;margin-top:9px}.voyage-panel>#enter-region{grid-column:1/-1;min-height:46px;margin-top:13px;font-size:12px}.voyage-panel>.voyage-debug-link{grid-column:1/-1;min-height:44px;margin:1px auto 0;font-size:10px}.voyage-panel-note{grid-column:1/-1;font-size:8px;margin-top:8px}.voyage-footer{min-height:66px;padding:13px 22px 14px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:9px}.voyage-footer>div{gap:8px}.voyage-footer strong{font-size:17px}.voyage-footer>#voyage-record-note{font-size:8px}.voyage-footer-compass{display:none}.voyage-arrival-backdrop{padding:16px}.voyage-arrival-dialog{max-height:calc(100dvh - 32px);padding:0 23px 19px;border-radius:4px}.voyage-arrival-art{height:106px;margin:0 -23px 17px}.voyage-arrival-art>.whale-mark{width:137px;height:50px;left:25px;bottom:10px}#voyage-arrival-icon{top:34px;right:69px}#voyage-arrival-icon>.icon{width:32px;height:32px}.voyage-arrival-dialog>.eyebrow{font-size:8px;letter-spacing:1.3px}.voyage-arrival-dialog h2{font-size:30px;margin:11px 0 13px;letter-spacing:1.1px}.voyage-arrival-dialog>#voyage-arrival-description{font-size:11px;line-height:1.9;margin-bottom:17px}.voyage-arrival-goal{padding:10px 12px}.voyage-arrival-goal>span{font-size:8px}.voyage-arrival-goal>strong{font-size:11px;line-height:1.75}.voyage-arrival-meta{font-size:9px;margin:14px 0}.voyage-arrival-dialog>.button{min-height:46px;font-size:12px}.voyage-arrival-dialog>.voyage-debug-link{font-size:10px;min-height:44px}.voyage-debug-note{font-size:7.5px}.dive-top-actions{gap:4px}.dive-top-actions .voyage-debug-chip{width:44px;min-width:44px;height:44px;font-size:8px}.voyage-debug-chip>span{font-size:7px}}
@media(max-width:760px) and (max-height:680px){.voyage-ocean{height:310px}.voyage-arrival-art{height:72px;margin-bottom:13px}.voyage-arrival-art>.whale-mark{width:112px;height:40px;bottom:5px}#voyage-arrival-icon{top:22px;right:70px}#voyage-arrival-icon>.icon{width:26px;height:26px}.voyage-arrival-dialog h2{font-size:26px;margin:9px 0 11px}.voyage-arrival-dialog>#voyage-arrival-description{font-size:10px;line-height:1.75;margin-bottom:13px}.voyage-arrival-dialog>.eyebrow{font-size:7px}.voyage-arrival-goal{padding:9px 11px}.voyage-arrival-goal>strong{font-size:10px}.voyage-arrival-meta{margin:11px 0}.voyage-arrival-dialog{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){.voyage-chart,.voyage-arrival-dialog,.voyage-whale.sailing>span,.voyage-screen[data-voyage-phase="sailing"] .voyage-sailing-note>i{animation:none!important}.voyage-whale{transition:none}}
@media(max-width:760px){.voyage-stop:nth-child(3).current .voyage-stop-caption{left:auto;right:41px;text-align:right}}