/* Final coordinate corrections measured from live screenshots. */
.flag-island .story-board{left:46%!important;top:39%!important;width:38%!important;height:29%!important;text-align:center}
.flag-island .story-board h2{font-size:clamp(14px,1.05vw,20px)!important}
.data-ship .story-board{left:35%!important;top:21%!important;width:43%!important;height:48%!important;text-align:center}
.data-ship .story-board h2{font-size:clamp(14px,1vw,19px)!important}

@media(max-width:850px){
  html,body,.site,.voyage-mode{width:100%;height:100%;min-height:100%;overflow:hidden}
  .voyage-mode{height:100svh;min-height:100svh}
  .topbar{height:58px;padding:0 12px;gap:8px}
  .brand{font-size:11px;white-space:nowrap}
  .nav-links,.noise-toggle{display:none!important}
  .motion-toggle{margin-left:auto;padding:7px 9px;font-size:8px}
  .voyage-stage{inset:58px 0 0;height:calc(100svh - 58px)}
  .horizon-glow{inset:-12%;background-position:center 46%!important}
  .pirate-deck-art{width:auto!important;height:62svh!important;max-width:none!important;object-fit:contain!important;object-position:center bottom!important}
  .story-vessel{bottom:46%!important;width:96vw!important}
  .scene-prop{max-width:84vw}
  .flag-island .scene-prop{width:min(500px,84vw)}
  .raft .scene-prop{width:min(500px,84vw)}
  .signal-buoy .scene-prop{width:min(450px,78vw)}
  .message-bottle .scene-prop{width:min(520px,88vw)}
  .data-ship .scene-prop{width:min(490px,82vw)}
  .scene-prop .story-board h2{font-size:clamp(12px,4vw,17px)!important}
  .scene-prop .story-board p{font-size:clamp(8px,2.4vw,10px)!important}
  .scene-prop .story-board small,.scene-prop .story-board b{font-size:clamp(6px,1.8vw,8px)!important}
  .console,.ship-status{display:none!important}
}

@media(max-width:850px) and (orientation:landscape), (max-height:550px){
  .voyage-mode{height:100dvh;min-height:100dvh}
  .voyage-stage{height:calc(100dvh - 52px);top:52px}
  .topbar{height:52px}
  .pirate-deck-art{height:76dvh!important}
  .story-vessel{bottom:30%!important}
  .flag-island .scene-prop{width:min(47vh,44vw)}
  .raft .scene-prop{width:min(50vh,46vw)}
  .signal-buoy .scene-prop{width:min(39vh,38vw)}
  .message-bottle .scene-prop{width:min(76vh,54vw)}
  .data-ship .scene-prop{width:min(44vh,42vw)}
  .scene-prop .story-board p,.scene-prop .story-board small,.scene-prop .story-board b{display:none!important}
  .scene-prop .story-board h2{font-size:clamp(10px,2.2vw,15px)!important;margin:0!important}
}

@supports(height:100dvh){
  @media(max-width:850px) and (orientation:portrait){
    .voyage-mode{height:100dvh;min-height:100dvh}
    .voyage-stage{height:calc(100dvh - 58px)}
  }
}