/* Do not mutate .hidden or inline styles: H restores exactly the existing state. */
.ui-hidden #app > :not(#scene):not(#photo-view):not(#player-remote):not(#stage):not(#streetview):not(#sv-signage):not(#topbar){display:none!important;pointer-events:none!important}
.ui-hidden #topbar{top:12px;left:14px;right:auto;width:auto;height:auto;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
.ui-hidden #topbar::after{display:none}
.ui-hidden #topbar > :not(#ui-toggle){display:none!important}
.ui-hidden #ui-toggle{display:flex!important;pointer-events:auto;padding:10px 13px;border:1px solid rgba(80,200,255,.28);border-radius:10px;background:rgba(7,10,16,.72);box-shadow:0 8px 28px rgba(0,0,0,.24);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ui-hidden #ui-toggle::after{content:"VER MENÚ";margin-left:10px;padding-left:10px;border-left:1px solid rgba(80,200,255,.22);color:rgba(225,242,248,.58);font:700 8px var(--admira-font-mono);letter-spacing:.12em}
.ui-hidden #app > #player-remote{visibility:visible}
.ui-hidden #photo-view{top:0!important;left:0!important;bottom:0!important;right:0!important}
.ui-hidden .player-focus #photo-view{right:336px!important}
.ui-hidden #stage,.ui-hidden #streetview,.ui-hidden #sv-signage{inset:0!important}
.ui-hidden #screen-player-preview{visibility:hidden!important}
@media(max-width:600px){.ui-hidden .player-focus #photo-view{right:0!important;bottom:280px!important}}
@media(max-width:600px){.ui-hidden #topbar .brand{display:flex!important}.ui-hidden #ui-toggle::after{display:none}}

.mapping-preview #human-hud{display:none!important}
.ui-hidden .cenital-host{display:none!important}