.voyage-mode{height:100vh;min-height:650px;overflow:hidden;background:linear-gradient(#03080b 0%,#07151b 48%,#061619 49%,#02090c 100%)}
.voyage-mode>.hero,.voyage-mode>.ticker,.voyage-mode>.section,.voyage-mode>footer{display:none}
.voyage-stage{position:absolute;z-index:2;inset:78px 0 0;overflow:hidden}
.horizon-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,rgba(53,232,255,.17),transparent 45%),linear-gradient(180deg,transparent 48%,rgba(5,35,42,.85) 49%,#02090c 100%);pointer-events:none}
.distant-islands{position:absolute;left:-5%;right:-5%;top:43%;height:7%;opacity:.18;filter:blur(1px);background:linear-gradient(135deg,transparent 0 5%,#35e8ff 5.2% 7%,transparent 7.2% 17%,#35e8ff 17.3% 20%,transparent 20.2% 49%,#35e8ff 49.3% 51%,transparent 51.2% 73%,#35e8ff 73.3% 77%,transparent 77.2%);clip-path:polygon(0 100%,8% 55%,13% 100%,19% 30%,27% 100%,48% 100%,51% 62%,55% 100%,72% 100%,76% 22%,83% 100%,100% 100%)}
.voyage-intro{position:absolute;z-index:8;left:4vw;top:5vh;display:grid;gap:7px;padding:13px 16px;border-left:2px solid var(--green);background:rgba(3,8,10,.76);pointer-events:none;animation:intro-away 9s 4s forwards}.voyage-intro small{color:#35e8ff;font-size:8px;letter-spacing:.2em}.voyage-intro strong{font:700 clamp(16px,2vw,28px)/1 Arial,sans-serif}.voyage-intro span{color:#879b9e;font-size:9px}@keyframes intro-away{to{opacity:0;transform:translateY(-25px)}}
.story-sea{position:absolute;inset:0}.story-vessel{position:absolute;z-index:5;left:var(--start);top:var(--lane);width:min(390px,75vw);transform:scale(var(--scale));transform-origin:center bottom;animation:voyage-left var(--duration) linear forwards;filter:drop-shadow(0 15px 12px rgba(0,0,0,.55));will-change:left,transform}.story-vessel:nth-child(even){animation-name:voyage-left-bob}@keyframes voyage-left{0%{translate:0 0}25%{translate:-35vw -7px}50%{translate:-70vw 3px}75%{translate:-105vw -5px}100%{translate:-145vw 0}}@keyframes voyage-left-bob{0%{translate:0 0}25%{translate:-35vw 5px}50%{translate:-70vw -8px}75%{translate:-105vw 4px}100%{translate:-145vw 0}}
.story-board{position:relative;z-index:4;padding:16px 19px 14px;border:1px solid rgba(140,255,0,.55);background:rgba(4,12,10,.92);box-shadow:7px 7px 0 rgba(140,255,0,.08);backdrop-filter:blur(5px)}.story-board:before{content:"";position:absolute;left:-8px;top:18px;width:7px;height:35px;background:var(--green)}.story-board small{color:#35e8ff;font-size:8px;letter-spacing:.2em}.story-board h2{font:900 clamp(20px,2.4vw,34px)/1.05 Arial,sans-serif;margin:8px 0;color:#f2f6f2;letter-spacing:-.035em}.story-board p{font:12px/1.55 Arial,sans-serif;color:#a8b4ad;margin:0 0 12px}.story-board b{font-size:8px;letter-spacing:.16em;color:var(--green)}
.vessel-art{height:82px;position:relative;margin:0 16px}.hull{display:block;position:absolute;left:15%;right:7%;bottom:0;height:25px;background:#132725;border:1px solid #35e8ff;clip-path:polygon(0 0,100% 0,82% 100%,17% 100%)}.mast{display:block;position:absolute;left:44%;bottom:17px;width:2px;height:66px;background:#35e8ff}.sail{display:block;position:absolute;left:45%;bottom:46px;width:64px;height:32px;padding:8px 6px;background:var(--green);color:#031006;font:bold 11px Arial;clip-path:polygon(0 0,100% 20%,0 100%)}.island,.palm,.bottle,.buoy{display:none}
.raft .hull{left:20%;right:20%;height:12px;background:repeating-linear-gradient(90deg,#214539 0 18px,#102a22 19px 22px);clip-path:none}.raft .mast{left:34%}.raft .sail{left:35%;background:#ffb000}
.flag-island .hull,.flag-island .sail{display:none}.flag-island .island{display:block;position:absolute;left:8%;right:8%;bottom:0;height:32px;border-radius:50% 50% 15% 15%;background:#173b2b;border-top:3px solid var(--green)}.flag-island .mast{left:39%;bottom:20px;height:62px}.flag-island .palm{display:block;position:absolute;left:40%;bottom:60px;width:40px;height:22px;border-top:5px solid #35e8ff;border-radius:50%;transform:rotate(-12deg)}
.message-bottle .hull,.message-bottle .mast,.message-bottle .sail{display:none}.message-bottle .bottle{display:block;position:absolute;left:38%;bottom:4px;width:86px;height:30px;border:2px solid #35e8ff;border-radius:45% 18% 18% 45%;transform:rotate(-8deg);background:rgba(53,232,255,.08)}.message-bottle .bottle:after{content:"010010";position:absolute;inset:8px;color:var(--green);font-size:8px}
.signal-buoy .hull,.signal-buoy .mast,.signal-buoy .sail{display:none}.signal-buoy .buoy{display:block;position:absolute;left:47%;bottom:0;width:30px;height:55px;border:2px solid #ffb000;clip-path:polygon(50% 0,100% 48%,80% 100%,20% 100%,0 48%)}.signal-buoy .buoy:after{content:"";position:absolute;left:11px;top:-17px;width:5px;height:5px;border-radius:50%;background:#ffb000;box-shadow:0 0 18px 7px #ffb000;animation:pulse 1s infinite}
.sea-waves{position:absolute;z-index:7;left:-10%;width:120%;height:13%;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 20px,rgba(53,232,255,.12) 21px 22px,transparent 23px 42px);background-size:85px 44px;animation:waves 5s linear infinite}.sea-waves-back{top:53%;opacity:.45}.sea-waves-front{bottom:-2%;height:24%;opacity:.7;background-size:120px 60px;animation-duration:8s}@keyframes waves{to{background-position:170px 0}}
@media(max-width:700px){.voyage-mode{min-height:580px}.story-vessel{width:75vw}.story-board h2{font-size:22px}.story-board p{font-size:11px}.voyage-intro{top:3vh}.sea-waves-front{height:16%}}
@media(prefers-reduced-motion:reduce){.story-vessel{animation-duration:70s}.sea-waves{animation:none}}