/* Portrait films keep the entire map visible; sky and ocean hold the interface. */
@media(max-width:550px){
 #main-nav{background:#102b39!important}
 #world:not(.in-seasons){margin-top:76px!important;height:calc(100svh - 76px)!important;min-height:0!important;aspect-ratio:auto;background:#12394a}
 #world #scene{inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;background:linear-gradient(#9eafbf 0%,#d7cbb4 30%,#12394a 65%,#082e4c 100%)}
 #world #hero-video,#world #climate-video,#world #scene .island-quality-still{position:absolute;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important;background:transparent}
 #world #climate-switch{top:14px!important;right:16px;z-index:10}
 #world #world-home.atlas-label{top:75px!important;left:20px!important;right:auto;font-size:9px!important;padding:0!important;min-height:24px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;letter-spacing:.12em;text-shadow:0 1px 12px #183e4a}
 #world #world-home .atlas-separator,#world #world-home #atlas-location,#world #world-home>span:last-child{display:none}
 #world .world-intro{top:auto!important;bottom:49px;left:20px;right:20px;width:auto}
 #world .world-intro h1{font-size:clamp(1.45rem,6.7vw,1.9rem)!important;line-height:1.06;margin-bottom:10px}
 #world .intro-copy{font-size:13px!important;line-height:1.5!important;max-width:none;width:100%}
 #world .world-guide{margin-top:12px;font-size:10px!important}
 #world .world-footer{bottom:12px!important;left:20px!important;right:20px!important}
 #world .ecosystem-marker[aria-disabled=true]{gap:4px;transform:translate(-8px,-8px)}
 #world .ecosystem-marker[aria-disabled=true]>span{padding:2px 4px;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0;text-shadow:0 1px 5px #102e3f,0 1px 12px #102e3f}
 #world .ecosystem-marker .spot-level,#world .ecosystem-marker small{display:none}
 #world .ecosystem-marker strong{font-size:9px!important;font-weight:500;letter-spacing:.02em;white-space:nowrap}
 #world .beach-film{object-fit:fill!important;object-position:center!important;background:#12394a}
 #world .beach-dive-video{object-fit:fill!important}
 #world .beach-dive-video{background:linear-gradient(#9eafbf,#12394a)!important}
}
@media(max-width:550px) and (max-height:700px){
 #world .world-intro{bottom:44px}
 #world .world-intro h1{font-size:clamp(1.2rem,6.2vw,1.65rem)!important;margin-bottom:8px}
 #world .intro-copy{display:none}
 #world .world-guide{margin-top:8px;font-size:9px!important}
 #world #world-home.atlas-label{top:65px!important}
 #world #scene{transform:none}
 #world .world-guide{display:none}
}