canvas{touch-action:none}#touch-controls{display:none}body.touch-mode #touch-controls{display:block}body.in-vr #touch-controls{display:none}#move-pad{position:fixed;left:max(24px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:128px;height:128px;border-radius:50%;background:#18201880;border:1px solid #ffffff70;touch-action:none;display:grid;place-items:center;user-select:none;z-index:5}#move-knob{width:48px;height:48px;border-radius:50%;background:#e4e8dca0;pointer-events:none}.touch-tools{position:fixed;right:16px;bottom:22px;max-width:48vw;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;z-index:5}#motion-status{width:100%;font-size:12px;text-align:right;background:#181818b8;border-radius:8px;padding:8px}.touch-mode #note{bottom:190px;max-width:calc(100vw - 52px)}.touch-mode #bar{max-height:28vh;overflow:auto;overscroll-behavior:contain}.touch-mode #walk{display:none}.touch-mode #speed{min-width:60px}#perf-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}#benchmark-result{max-height:120px;overflow:auto;white-space:pre-wrap;font-size:11px}.in-vr #bar,.in-vr #note{display:none}@media(max-width:720px){#bar{top:8px;left:8px;right:8px;padding:8px;gap:5px}#bar button,#bar a{min-height:32px}#note{left:8px;right:8px;font-size:11px}#status{min-width:150px}#reflection-status,#panorama-status{display:none}#note>div#hint{font-size:11px}.touch-mode #note:not(:has(details[open])){background:#18181880}.touch-mode #note>div#hint{display:none}#move-pad{width:112px;height:112px}.touch-tools{bottom:20px}button{touch-action:manipulation}}@media(max-height:500px){.touch-mode #note{bottom:160px;max-height:24vh;overflow:auto}.touch-mode #bar{max-height:24vh}}
#mobile-menu{display:none}
@media(max-width:1100px),(max-height:500px){body.touch-mode #bar{top:8px;left:8px;right:8px;padding:8px;gap:5px;max-height:30vh}body.touch-mode #mobile-menu{display:block;margin-left:auto}body.touch-mode:not(.mobile-settings) #bar>label,body.touch-mode:not(.mobile-settings) #bar>span,body.touch-mode:not(.mobile-settings) #touch-mode,body.touch-mode:not(.mobile-settings) #capture,body.touch-mode:not(.mobile-settings) #reflections,body.touch-mode:not(.mobile-settings) #bar>a[href^="?mode"],body.touch-mode:not(.mobile-settings) #enter-vr:disabled{display:none}body.touch-mode #note{left:8px;right:8px;max-width:none}body.touch-mode #reset{font-size:11px}body.touch-mode .touch-tools{right:10px}body.touch-mode #motion-status{font-size:11px}}

body.touch-mode #hint{display:none}