/* Individual destination scenes, with a separate schematic travel map. */
.stage{height:auto;aspect-ratio:16/9;border-color:#64776f;border-radius:4px;background:#203532;scroll-margin-top:12px}
.panorama{background-image:none;background-size:cover;background-position:center;transition:none;image-rendering:pixelated}
.shade{background:linear-gradient(180deg,#10202170,transparent 28%,transparent 65%,#10202199)}
.scene-tag strong{font-size:30px}.scene-tag span{font-size:14px}
#travelers{left:50%;bottom:16%;transform:translateX(-50%);transition:none}
#sprites{width:112px;height:70px}#travelers span{font-size:12px}
.stage.traveling>.panorama,.stage.traveling>.shade,.stage.traveling>.scene-tag,.stage.traveling>#travelers,.stage.traveling>.stage-bottom{visibility:hidden}
#map-view{position:absolute;inset:0;background:#e7e5cf;color:#253e3d;padding:72px 0 48px}
#map-view[hidden],#asset-error[hidden]{display:none}
.map-heading{position:absolute;top:16px;left:24px;right:24px;display:flex;gap:20px;align-items:center}
.map-heading>span{font-size:12px;letter-spacing:.16em;color:#607866}.map-heading strong{font-size:23px}.map-heading small{margin-left:auto;border:1px solid #a2b197;padding:3px 12px;font-size:14px}
.map-sheet{position:relative;width:100%;height:100%}.map-sheet>canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
#map-token{position:absolute;width:76px;height:48px;transform:translate(-50%,-90%);pointer-events:none;filter:drop-shadow(0 3px 1px #25422b44)}
#map-sprite{width:100%;height:100%;image-rendering:pixelated}
.map-footer{position:absolute;left:24px;right:24px;bottom:12px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.map-footer button{color:#253e3d;background:#fdf6df;border:1px solid #a2b197;font-size:14px;padding:5px 13px}.map-footer button:hover{background:#f3ddac}
.photo{background-size:cover}
#asset-error{position:absolute;inset:30% 10%;background:#172b31;padding:25px;text-align:center}
@media(max-width:600px){.stage{aspect-ratio:auto;height:370px}.panorama{background-size:cover;background-position:center}.scene-tag{top:15px;left:15px}.scene-tag strong{font-size:23px}#travelers{bottom:20%}#sprites{width:90px;height:56px}.stage-bottom{gap:8px}.stage-bottom>span{display:none}.stage-bottom button{margin-left:auto}.map-heading{left:12px;right:12px;top:12px;gap:8px;flex-wrap:wrap}.map-heading>span{width:100%;font-size:12px}.map-heading strong{font-size:19px}.map-heading small{font-size:12px;padding:1px 7px}#map-view{padding:80px 0 52px}.map-sheet{height:100%;}#map-token{width:54px;height:34px}.map-footer{left:12px;right:12px;bottom:10px;font-size:12px}.map-footer button{font-size:12px;padding:5px 8px}}

/* Live GSI pale tiles; only the traveler is pixel art. */
#map-view{padding-bottom:78px;background:#f0f1e8}
.map-sheet>canvas{image-rendering:auto}
.map-credit{position:absolute;bottom:51px;left:14px;right:14px;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#52675f}
.map-credit a{color:#35594f;text-decoration:underline}
#map-notice{position:absolute;top:74px;left:10px;right:10px;margin:0;text-align:center;font-size:12px;color:#35594f;background:#fffdf2e6;pointer-events:none}
#map-notice:empty{display:none}
@media(max-width:600px){#map-view{padding-bottom:83px}.map-credit{bottom:52px;font-size:10px}#map-notice{top:81px}}

.stage.traveling{aspect-ratio:auto;height:clamp(420px,45vw,600px);width:100%}