/* Screen space, not a device questionnaire, chooses the presentation. */
#mobile-explore,#mobile-tools-button,#mobile-progress{display:none}
@media(max-width:600px){
 body.mobile-quiet #mobile-tools-button{display:block}
 body.mobile-quiet #inquiry-nav>button:not([data-open="books"]):not(#mobile-tools-button){display:none}
 body.mobile-quiet #inquiry-nav{justify-content:space-around;gap:0;height:52px;padding:0 20px}
 body.mobile-quiet #inquiry-nav>button{min-width:44%;min-height:48px;font-size:15px;display:flex;align-items:center;justify-content:center;padding:8px 14px}
 body.mobile-quiet header,body.mobile-quiet:not(.opening-active) header{height:68px;padding:14px 20px;align-items:flex-start}
 body.mobile-quiet header .entry-links,body.mobile-quiet .guide-control,body.mobile-quiet .view-tools,body.mobile-quiet .orientation,body.mobile-quiet #scene-controls,body.mobile-quiet #ai-controls,body.mobile-quiet #scene-actions,body.mobile-quiet #lab-door{display:none!important}
 body.mobile-quiet:not(.opening-active) #viewport,body.mobile-quiet[data-side="ai"]:not(.opening-active) #viewport{bottom:calc(112px + env(safe-area-inset-bottom))}
 body.mobile-quiet:not(.opening-active) .world-question,body.mobile-quiet:not(.opening-active) .scene-voice{top:94px;left:22px;right:22px;width:auto}
 body.mobile-quiet .world-question .encounter-title{font-size:43px;margin-bottom:12px}
 body.mobile-quiet .world-question>.encounter-intro{font-size:15px;line-height:1.45;margin-bottom:25px;max-width:32ch}
 body.mobile-quiet:not(.opening-active) .world-question #question-text{font-size:28px;line-height:1.15}
 body.mobile-quiet .world-question small{font-size:12px;min-height:40px;margin-top:9px}
 body.mobile-quiet #question-tether{display:none}
 body.mobile-quiet .people-finder{bottom:12px;left:22px;right:22px}
 body.mobile-quiet:not(.opening-active) #viewport .return-note{bottom:12px;max-height:33dvh}
 body.mobile-quiet .recipient-response{top:94px;bottom:12px}
 body.mobile-quiet:not(.opening-active) #ai-caption{top:94px;left:22px;right:22px}
 body.mobile-quiet:not(.opening-active) #ai-inspection{bottom:12px;left:22px;right:22px;width:auto}
 body.mobile-quiet .ai-model-controls{display:none}
 body.mobile-quiet #mobile-progress:not([hidden]){position:fixed;bottom:calc(52px + env(safe-area-inset-bottom));left:0;right:0;z-index:31;display:block;padding:0 22px;background:var(--ground)}
 #mobile-next{width:100%;min-height:60px;display:flex;justify-content:space-between;gap:24px;align-items:center;text-align:left;border-bottom:1px solid var(--line);color:var(--red);font-size:16px;line-height:1.3;padding:12px 0}
 #mobile-next svg{width:28px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4}
 body.mobile-quiet.opening-active #viewport{bottom:52px}
 body.mobile-quiet.opening-active #opening-copy{top:98px}
 body.mobile-quiet.opening-active #skip-opening{top:58px}
 body.mobile-quiet.opening-active .opening-bottom{bottom:68px}
 body.mobile-quiet.opening-active .opening-sound{display:none}
 #mobile-explore:popover-open{display:block;position:fixed;inset:auto 14px calc(65px + env(safe-area-inset-bottom));margin:0;width:auto;max-height:calc(100dvh - 105px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:0;padding:24px;box-shadow:0 16px 50px #120d1a4d}
 #mobile-explore::backdrop{background:#170f1d80}
 .quiet-menu-heading{display:flex;align-items:start;justify-content:space-between;gap:22px;margin-bottom:20px}
 .quiet-menu-heading h2{font:400 29px/1.08 InquirySerif,Georgia,serif;letter-spacing:-.025em;margin:0}
 .quiet-menu-heading>button{min-height:44px;min-width:44px;font-size:13px;padding:0;text-align:right}
 .quiet-mode{display:flex;gap:24px;margin-bottom:18px;border-bottom:1px solid var(--line)}
 #mobile-explore button{min-height:44px;text-align:left;font-size:15px;line-height:1.4;padding:11px 0}
 .quiet-mode button[aria-pressed="true"]{color:var(--red);text-decoration:underline;text-underline-offset:6px}
 .quiet-routes{display:flex;flex-direction:column;align-items:start;margin:0 0 18px}
 #mobile-explore details{border-top:1px solid var(--line);padding:5px 0}
 #mobile-explore summary{min-height:48px;padding:13px 0;cursor:pointer;color:var(--muted);font-size:14px}
 .quiet-contexts,.quiet-options{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:0 0 12px}
 .quiet-contexts button[aria-pressed="true"],.quiet-options button[aria-pressed="true"]{color:var(--red);text-decoration:underline;text-underline-offset:4px}
 #mobile-explore p{font-size:14px;line-height:1.6;color:var(--muted);margin:4px 0 14px}
 #mobile-explore label{display:flex;gap:10px;min-height:44px;align-items:center;font-size:15px}
 #mobile-explore input{width:18px;height:18px;accent-color:var(--red)}
}
@media(max-width:600px) and (max-height:710px){body.mobile-quiet .world-question .encounter-title{font-size:36px}body.mobile-quiet .world-question>.encounter-intro{display:none}body.mobile-quiet:not(.opening-active) .world-question #question-text{font-size:26px}}