/* Keep mobile navigation and listening controls usable around the roaming scenery. */
body .hero-copy{position:relative;z-index:5}
body .hero-copy::before{content:"";position:absolute;inset:-18px -12px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#030912eb,#030912b0 75%,transparent);border-radius:16px}
body .mobile-navigation{display:none}
body :focus-visible{outline:3px solid #a8ecff;outline-offset:4px}
body #feelingTipsyPanel{width:100%;height:100%;max-width:none;max-height:none;border:0;margin:0;color:#fff;box-sizing:border-box}
body #feelingTipsyButton{left:auto!important;right:16px!important;bottom:90px!important;transform:none!important}
body .music-dock{left:16px!important;right:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important}
@media(max-width:800px){
 body .topbar{position:relative;gap:12px;min-height:74px}
 body .mobile-navigation{display:block;margin-left:auto;color:#eef6ff}
 .mobile-navigation summary{cursor:pointer;padding:12px 16px;border:1px solid #82bddd;border-radius:10px;min-height:44px;box-sizing:border-box;white-space:nowrap}
 .mobile-navigation nav{position:absolute;top:100%;right:0;width:min(320px,calc(100vw - 24px));max-height:70dvh;overflow:auto;display:grid;background:#071323;border:1px solid #82bddd;border-radius:12px;padding:8px;z-index:100}
 .mobile-navigation a{padding:12px;color:#eef6ff;border-radius:6px;text-decoration:none}
 .mobile-navigation a:hover{background:#194369}
 body .music-dock,body .music-dock:hover,body .music-dock:focus-within{width:calc(100vw - 92px)!important;max-width:390px;box-sizing:border-box;height:56px;padding:7px;gap:8px}
 body .music-dock .music-copy{display:none}
 body .music-dock .volume{min-width:40px;flex:1;width:100%;opacity:1;pointer-events:auto;margin:0}
 body #feelingTipsyButton{right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:56px;height:56px}
 body #feelingTipsyButton .tipsy-text{display:none}
 body #feelingTipsyButton .tipsy-jar-wrap{padding:4px;width:56px;height:56px;box-sizing:border-box;justify-content:center}
 body #feelingTipsyButton .tipsy-jar{scale:.8}
 body #astralisVulcanBlessing{display:none!important}
 body #shipSignal{bottom:84px!important;left:12px!important;transform:none!important;max-width:calc(100vw - 24px)!important}
}