/* A shared control outside the room remains available at the entrance, too. */
html body>#fullscreen{position:fixed;z-index:60;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;border:1px solid #fff7e962;border-radius:12px;background:linear-gradient(130deg,#fff8ea25,#fff8ea09),#3d3327c9;color:#fff9ef;box-shadow:inset 0 1px 1px #fffdf575;backdrop-filter:blur(17px) saturate(135%);font:18px/1.2 Studio,Arial,sans-serif;touch-action:manipulation;cursor:pointer}
html body>#fullscreen[hidden]{display:none!important}
#fullscreen .fullscreen-label{display:none;font-size:12px}
html body>#fullscreen:focus-visible{outline:2px solid #f5dfb9;outline-offset:3px}
html body>#fullscreen:disabled{cursor:wait}
body:is([data-arrival=entering],[data-arrival=leaving],[data-arrival=loading])>#fullscreen{visibility:hidden}
/* Inspection has its own controls. Browser Back/Escape still leaves full screen. */
body[data-focused=true]>#fullscreen{visibility:hidden}
#fullscreen-status:not(:empty){position:fixed;z-index:110;left:50%;bottom:max(72px,calc(env(safe-area-inset-bottom) + 64px));transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);margin:0;padding:12px 16px;background:#302b25f5;color:#fff9ef;border:1px solid #fff4;border-radius:12px;font:14px/1.5 Studio,Arial,sans-serif;pointer-events:none}
@media(orientation:landscape) and (max-height:600px) and (pointer:coarse){
 #fullscreen .fullscreen-label{display:inline}
}

/* Room sound switch: beside full screen, same glass (docs/plan/room-presence.md). */
html body>#sound-toggle{position:fixed;z-index:60;top:max(12px,env(safe-area-inset-top));right:calc(max(12px,env(safe-area-inset-right)) + 54px);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #fff7e962;border-radius:12px;background:linear-gradient(130deg,#fff8ea25,#fff8ea09),#3d3327c9;color:#fff9ef;box-shadow:inset 0 1px 1px #fffdf575;backdrop-filter:blur(17px) saturate(135%);-webkit-backdrop-filter:blur(17px) saturate(135%);touch-action:manipulation;cursor:pointer}
html body>#fullscreen[hidden]~#sound-toggle{right:max(12px,env(safe-area-inset-right))}
#sound-toggle svg{width:20px;height:20px}
#sound-toggle[data-state=on] .sound-off,#sound-toggle[data-state=off] .sound-on{display:none}
html body>#sound-toggle:focus-visible{outline:2px solid #f5dfb9;outline-offset:3px}
body:is([data-arrival=entering],[data-arrival=leaving],[data-arrival=loading])>#sound-toggle{visibility:hidden}
body[data-focused=true]>#sound-toggle{visibility:hidden}
@media(orientation:landscape) and (max-height:600px) and (pointer:coarse){html body>#fullscreen:not([hidden])~#sound-toggle{right:calc(max(12px,env(safe-area-inset-right)) + 134px)}}