.voyage-investigation{--voyage-gold:#edcf8b}.voyage-observation{position:relative;margin:1.3rem 0}.voyage-panorama{position:relative;border:1px solid #89aeb35e;border-radius:22px;overflow:hidden;background:#152c41}.voyage-panorama svg{display:block;width:100%;min-height:320px;object-fit:cover}.voyage-art-caption{display:block;background:#132a3d;color:#d8e7df;padding:.65rem 1rem;font-size:.8rem}.voyage-hotspots button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;gap:.15rem;justify-items:center;max-width:170px;min-height:56px;background:#102c42ed;border:1px solid #e6c47c;color:#fff4d8;box-shadow:0 5px 22px #04111c80;padding:.6rem .8rem}.voyage-hotspots b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--voyage-gold);color:#162e3e}.voyage-hotspots small{font-size:.7rem}.voyage-hotspots button:hover,.voyage-hotspots button:focus-visible{background:#345563;outline:3px solid #ffe1a5;outline-offset:4px}.voyage-chart{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;counter-reset:position}.voyage-chart li{min-height:95px;border:1px dashed #b6c5c87a;border-radius:14px;padding:1rem;display:grid;gap:.5rem;background:#19374755}.voyage-chart li.filled{border-style:solid;border-color:#d2b779;background:#90733d22}.voyage-chart small{font-size:.7rem;letter-spacing:.1em}.voyage-record-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.voyage-evidence{display:grid;grid-template-columns:1.1fr 1fr;gap:1.2rem}.voyage-evidence section{min-width:0}.voyage-evidence button[data-voyage-claim]{display:block;text-align:left;width:100%;margin-bottom:.7rem;min-height:64px;border:2px solid #8da4ab70}.voyage-evidence button[aria-pressed=true]{border-color:#dfc078;background:#c0a46126}.voyage-evidence button[aria-pressed=true]:before{content:'✓ ';color:var(--voyage-gold)}.voyage-reading-guide{padding:1rem;border-left:3px solid #d3b16c;background:#ab91431a;margin:1rem 0}.voyage-ship{transform-origin:470px 300px;animation:voyage-drift 9s ease-in-out infinite alternate}.voyage-wave{animation:voyage-swell 12s ease-in-out infinite alternate}@keyframes voyage-drift{to{transform:rotate(-1.4deg) translateY(5px)}}@keyframes voyage-swell{to{transform:translateX(35px)}}body.motion-paused .voyage-ship,body.motion-paused .voyage-wave{animation:none!important}@media(prefers-reduced-motion:reduce){.voyage-ship,.voyage-wave{animation:none!important}}@media(max-width:650px){.voyage-hotspots{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.7rem;background:#193445}.voyage-hotspots button{position:static;transform:none;width:100%;max-width:none;min-height:92px}.voyage-panorama svg{min-height:0}.voyage-chart{grid-template-columns:1fr 1fr}.voyage-record-options,.voyage-evidence{grid-template-columns:1fr}.voyage-hotspots span{font-size:.85rem}}
/* Scene changes follow reader progress, never a timer or a rescue score. */
.voyage-stage-0 svg,.voyage-stage-1 svg{filter:brightness(.7) saturate(.85)}.voyage-stage-2 svg{filter:brightness(.85)}.voyage-stage-3 svg{filter:brightness(.95)}.voyage-stage-4 svg{filter:brightness(1.05)}.voyage-stage-5 svg,.voyage-stage-6 svg{filter:brightness(1.15) sepia(.15)}.voyage-stage-5 .voyage-ship{opacity:.65;animation:none;transform:translateX(100px) rotate(4deg)}.voyage-stage-6 .voyage-ship{opacity:.3;animation:none;transform:translateX(150px) rotate(8deg)}
/* Override the older panoramic encounter's fixed aspect ratio. */
.acts-panorama.voyage-panorama{aspect-ratio:auto;margin:0}.acts-panorama.voyage-panorama svg{height:auto}.voyage-investigation>.voyage-panorama{margin:1rem 0}.voyage-investigation button:focus-visible{outline:3px solid #ffe1a5;outline-offset:3px}.voyage-investigation button{touch-action:manipulation}