:root{--world-x:0px;--world-y:0px;--scene-x:0px;--scene-y:0px;--deck-x:0px;--deck-y:0px;--look-rotate:0deg}
.voyage-mode{background:#03090d}
.horizon-glow{inset:-8%;background-image:linear-gradient(rgba(1,7,11,.05),rgba(1,8,12,.12)),url("ocean-night.png")!important;background-size:cover!important;background-position:center!important;transform:translate(var(--world-x),var(--world-y)) scale(1.1);transition:transform .12s ease-out}
.distant-islands,.sea-waves{display:none!important}
.story-sea{transform:translate(var(--scene-x),var(--scene-y));transition:transform .12s ease-out}
.pirate-deck-art{width:112vw!important;max-width:none;transform:translate(var(--deck-x),var(--deck-y)) rotate(var(--look-rotate)) scale(1.08);transform-origin:50% 100%;transition:transform .12s ease-out}
.wake{z-index:2;opacity:.7;background:repeating-radial-gradient(ellipse at 50% 0,transparent 0 18px,rgba(215,242,255,.34) 20px 22px,transparent 24px 44px)!important;mix-blend-mode:screen}
.story-vessel{top:2%!important;width:min(720px,84vw)!important}
.scene-prop{position:relative;width:360px;height:720px;max-width:none;margin:0 auto;filter:drop-shadow(0 18px 16px rgba(0,0,0,.55))}
.scene-prop>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.scene-prop .story-board{position:absolute;display:flex;flex-direction:column;justify-content:center;width:auto;max-width:none;padding:4px!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none;color:#24170e;text-align:left;overflow:hidden;animation:none!important;translate:none!important;rotate:none!important}
.scene-prop .story-board:before{display:none}.scene-prop .story-board small{font:700 7px/1.05 Georgia,serif!important;color:#62401f!important;letter-spacing:.06em}.scene-prop .story-board h2{font:900 17px/1 Georgia,serif!important;color:#1f140c!important;letter-spacing:-.025em!important;margin:4px 0!important;text-shadow:0 1px rgba(255,255,255,.35)}.scene-prop .story-board p{font:700 9px/1.18 Georgia,serif!important;color:#352317!important;margin:0 0 4px!important}.scene-prop .story-board b{font:700 7px/1 Georgia,serif!important;color:#3f5422!important;letter-spacing:.04em}
.flag-island .story-board{left:30%;top:42%;width:50%;height:20%;transform:rotate(-.8deg)}
.raft .story-board{left:27%;top:26%;width:46%;height:33%;transform:rotate(.4deg)}
.signal-buoy .story-board{left:20%;top:34%;width:60%;height:16%;transform:rotate(0)}
.message-bottle .story-board{left:30%;top:48%;width:44%;height:17%;transform:rotate(1deg)}
.data-ship .story-board{left:25%;top:26%;width:47%;height:31%;transform:rotate(-1deg)}
@keyframes readable-pass{
  0%{opacity:0;transform:translate3d(var(--far-x),0,-220px) scale(.72)}
  8%{opacity:1}
  44%{opacity:1;transform:translate3d(var(--far-x),-1vh,-90px) scale(.86)}
  88%{opacity:1;transform:translate3d(var(--near-x),1vh,40px) scale(1)}
  100%{opacity:0;transform:translate3d(var(--near-x),2vh,100px) scale(1.05)}
}
@keyframes readable-island{
  0%{opacity:0;transform:translate3d(var(--far-x),0,-240px) scale(.7)}
  9%{opacity:1}
  50%{opacity:1;transform:translate3d(var(--far-x),0,-90px) scale(.85)}
  90%{opacity:1;transform:translate3d(var(--near-x),1vh,20px) scale(.98)}
  100%{opacity:0;transform:translate3d(var(--near-x),2vh,75px) scale(1.03)}
}
.look-hint{position:absolute;z-index:20;left:50%;bottom:18px;translate:-50% 0;padding:7px 10px;border:1px solid rgba(242,198,101,.45);background:rgba(10,6,2,.72);color:#f2c665;font-size:8px;letter-spacing:.16em;pointer-events:none;animation:hint-fade 2s 7s forwards}@keyframes hint-fade{to{opacity:0}}
.motion-toggle{border:1px solid #d5a63d;background:rgba(28,17,6,.9);color:#f1d177;padding:8px 11px;font:700 9px "Courier New",monospace;letter-spacing:.1em;cursor:pointer;transition:opacity .4s,color .3s}.motion-toggle.active{color:#9eff66;border-color:#9eff66}.motion-toggle.faded{opacity:.38}.motion-toggle:hover,.motion-toggle:focus-visible{opacity:1}.motion-toggle[hidden]{display:none}
@media(max-width:850px){.story-vessel{top:0!important}.scene-prop{width:300px;height:600px}.scene-prop .story-board h2{font-size:14px!important}.scene-prop .story-board p{font-size:8px!important}.scene-prop .story-board small,.scene-prop .story-board b{font-size:6px!important}.pirate-deck-art{width:160vw!important}.look-hint{display:none}.topbar{gap:10px}.motion-toggle{margin-left:auto}.brand{margin-right:0}}
@media(prefers-reduced-motion:reduce){.horizon-glow,.pirate-deck-art,.story-sea{transition:none}}