/* Cinematic illustrated deck replaces the earlier CSS wireframe. */
.packet-field,.digital-ocean,.radar,.radio-toast,.bowsprit,.deck,.rail{display:none!important}
.pirate-deck-art{position:absolute;z-index:3;left:50%;bottom:-1px;width:100vw;height:auto;translate:-50% 0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 -18px 30px rgba(0,0,0,.4))}
.ship-view{z-index:15}
.console{z-index:6!important;right:3vw!important;bottom:3vh!important;width:175px!important;padding:13px!important;border-color:#d5a63d!important;background:rgba(16,9,3,.92)!important;box-shadow:7px 7px 0 rgba(213,166,61,.14)!important}
.console small{color:#e0b552!important}.console strong{color:#f1d177!important}
.story-vessel{left:50%!important;top:40%!important;width:min(580px,78vw)!important;opacity:0;transform-origin:50% 100%;animation:readable-pass var(--duration) linear var(--delay) forwards!important}
.story-board{padding:22px 25px 20px!important;border:2px solid #d8b65b!important;background:rgba(8,12,10,.97)!important;box-shadow:10px 12px 0 rgba(0,0,0,.4),0 0 30px rgba(216,182,91,.13)!important}
.story-board:before{background:#d8b65b!important;width:9px!important}
.story-board small{font-size:11px!important;color:#67efff!important}.story-board h2{font-size:clamp(28px,3vw,43px)!important;line-height:1.03!important;margin:10px 0 12px!important}.story-board p{font-size:16px!important;line-height:1.55!important;color:#e1e7e2!important;margin-bottom:15px!important}.story-board b{font-size:11px!important;color:#b8ff65!important}
.vessel-art{height:96px!important}.story-vessel:not(.flag-island) .vessel-art,.story-vessel:not(.flag-island) .story-board{animation:vessel-heave 4.8s ease-in-out infinite!important}
@keyframes readable-pass{
  0%{opacity:0;transform:translate3d(var(--far-x),-6vh,-300px) scale(.64)}
  7%{opacity:1}
  38%{opacity:1;transform:translate3d(var(--far-x),-3vh,-160px) scale(.78)}
  72%{opacity:1;transform:translate3d(var(--near-x),2vh,-15px) scale(.96)}
  94%{opacity:1}
  100%{opacity:0;transform:translate3d(var(--near-x),14vh,100px) scale(1.08)}
}
.flag-island{animation:readable-island var(--duration) linear var(--delay) forwards!important}
@keyframes readable-island{
  0%{opacity:0;transform:translate3d(var(--far-x),-5vh,-340px) scale(.58)}
  8%{opacity:1}
  48%{opacity:1;transform:translate3d(var(--far-x),-2vh,-150px) scale(.78)}
  91%{opacity:1;transform:translate3d(var(--near-x),4vh,0) scale(.98)}
  100%{opacity:0;transform:translate3d(var(--near-x),10vh,75px) scale(1.06)}
}
@media(max-width:800px){.pirate-deck-art{width:150vw;max-width:none}.story-vessel{width:82vw!important}.story-board p{font-size:14px!important}.story-board h2{font-size:27px!important}.console{display:none!important}}