#mobileMenuToggle{display:none}
@media(max-width:700px){
 #mobileMenuToggle{display:block;position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:12px;z-index:40;min-height:44px;padding:8px 12px;border-radius:22px;font-size:calc(14px * var(--garden-text-scale,1));background:#243b36a3;color:#fff5e4;border-color:#fff7df38;backdrop-filter:blur(10px)}
 html:not(.mobile-hud-open) .top,
 html:not(.mobile-hud-open) .status,
 html:not(.mobile-hud-open) .bottom,
 html:not(.mobile-hud-open) #presenceStatus,
 html:not(.mobile-hud-open) #visitorLabels,
 html:not(.mobile-hud-open) #forestGateLabel,
 html:not(.mobile-hud-open) #prayerDeskLabel,

 html:not(.mobile-hud-open) #angelSpeechLayer,
 html:not(.mobile-hud-open) #remembering,
 html:not(.mobile-hud-open) #forestUI,
 html:not(.mobile-hud-open) #forestMusicShortcut{display:none!important}
 html:not(.mobile-hud-open) #joystick{opacity:.42;transition:opacity .2s}
 html:not(.mobile-hud-open) #joystick.active,html:not(.mobile-hud-open) #joystick:focus-visible{opacity:.85}
 html:not(.mobile-hud-open) #joystick>span{display:none}
 html:not(.mobile-hud-open) #mobilePrayer,html:not(.mobile-hud-open) #angelWhisper{top:auto!important;bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;left:auto!important;right:12px!important;transform:none!important;width:max-content;max-width:min(240px,calc(100% - 150px))!important;padding:10px 13px;background:#fff5dfb8;box-shadow:none;border:1px solid #fff9ec50;backdrop-filter:blur(4px)}
 html:not(.mobile-hud-open) #mobilePrayer small,html:not(.mobile-hud-open) #angelWhisper small{display:none}
 html:not(.mobile-hud-open) #mobilePrayer p,html:not(.mobile-hud-open) #angelWhisper p{font-size:calc(14px * var(--garden-text-scale,1))!important;line-height:1.65;margin:0}
 html.mobile-hud-open .top .brand{padding-right:84px}
 html.mobile-hud-open .top .tools{padding-right:84px}
 html.mobile-hud-open #leaveForest{top:calc(68px + env(safe-area-inset-top,0px))}
}

@media(max-width:700px){html.mobile-hud-open .top .brand h1{word-break:keep-all}html.mobile-hud-open .top .brand{padding-right:100px}}

@media(min-width:701px){
 #mobileMenuToggle{display:block;position:fixed;z-index:40;top:16px;right:16px;min-height:44px;padding:8px 14px;border-radius:24px;background:#243b36bb;color:#fff5e4}
 .top{padding-right:112px;box-sizing:border-box}
 html:not(.mobile-hud-open) :is(.top,.bottom,.status,#presenceStatus,#visitorLabels,#forestUI,#forestMusicShortcut){display:none!important}
 body.in-sanctuary #mobileMenuToggle{top:auto;bottom:16px}
}