/* The accepted composition stays; this sheet adds the tide model. */
.adventure-heading h2{max-width:920px}
.adventure-heading>p{flex:none}
.moon-hotspot b{top:4px;left:-10px;transform:translateX(-100%)}
.boat-hotspot b{top:50px;left:50%;transform:translateX(-50%)}
.adventure-stage[data-stage=consequence] #adventure-image,
.adventure-stage[data-stage=experiment] #adventure-image{opacity:.12}
.adventure-stage[data-stage=consequence] .adventure-world:after,
.adventure-stage[data-stage=experiment] .adventure-world:after{display:none}
.adventure-stage[data-stage=consequence] .adventure-world,
.adventure-stage[data-stage=experiment] .adventure-world{background:#f4f5e9}
.tide-model{position:absolute;left:43%;right:20px;top:115px;bottom:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--leaf)}
.tide-diagram{width:100%;height:auto;max-height:380px;overflow:visible;stroke:none;fill:var(--leaf)}
.tide-diagram text{font-family:Manrope,sans-serif;font-size:28px;font-weight:550}
.tide-diagram .earth-label{font-size:26px;font-weight:700}
.moon-axis{stroke:#809991;stroke-width:1;stroke-dasharray:5 8}
.tidal-water{fill:#9cd8d6;stroke:#337c80;stroke-width:2}
.model-earth{fill:#e8edce;stroke:#546e50;stroke-width:2}
.earth-grid{fill:none;stroke:#859978;stroke-width:1;opacity:.6}
.earth-grid,.beach-orbit{transform-origin:255px 210px}
.model-moon{fill:#f9e6b5;stroke:#877343;stroke-width:2}
.bulge-pointer{fill:none;stroke:#337c80;stroke-width:1.5}
.beach-halo{fill:#fffefa;stroke:#966722;stroke-width:2}
.beach-dot{fill:#a76316}
.beach-key{display:flex;gap:8px;align-items:center;font-size:.8125rem;line-height:1.5}
.beach-key i{width:9px;height:9px;background:#a76316;border-radius:50%}
.beach-key strong{font-weight:650;padding-left:7px;color:#245d62}
.model-note{font-size:.75rem;line-height:1.5;text-align:center;margin-top:12px;color:#52634e}
.turn-earth{margin-top:16px;justify-content:center;gap:10px;min-height:50px;width:100%;background:#edf2de}
.turn-earth svg{width:19px;height:19px}
@media(max-width:1100px) and (min-width:801px){.tide-model{left:44%;right:8px;top:80px;bottom:180px}.adventure-stage[data-stage=consequence] .adventure-dock,.adventure-stage[data-stage=experiment] .adventure-dock{width:39%;padding:20px}.adventure-stage[data-stage=experiment] #scene-content h3,.adventure-stage[data-stage=consequence] #scene-content h3{font-size:1.65rem}}
@media(max-width:800px){.adventure-heading{display:block}.adventure-heading>p{max-width:none;margin-top:16px}.adventure-heading>p br{display:none}.tide-model{left:15px;right:15px;top:76px;bottom:60px}.tide-diagram{max-height:310px}.model-note{margin-top:7px}.adventure-stage[data-stage=experiment] .world-caption,.adventure-stage[data-stage=consequence] .world-caption{display:none}}
@media(max-width:600px){.adventure-heading h2 br{display:none}.tide-model{left:8px;right:8px;top:76px;bottom:44px}.tide-diagram{flex:1;min-height:0}.beach-key{font-size:.75rem;gap:6px}.model-note{font-size:.6875rem;margin-top:6px}.moon-hotspot b{left:-7px}.boat-hotspot b{top:48px}}
@media(max-width:360px){.scene-meta{font-size:.6875rem}#story-chapter{max-width:152px}}