html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{width:100%;height:100%;overscroll-behavior:none}body{margin:0;overflow:hidden}
#fullscreen-hint{position:fixed;left:16px;right:16px;top:90px;z-index:20;padding:16px;border-radius:12px;background:#18231df2;color:#fff;font:16px/1.45 system-ui}
body[data-viewer="mobile"] #bar{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));gap:8px;padding:10px;align-items:center;max-height:40dvh;overflow:auto}
body[data-viewer="mobile"] #bar button,body[data-viewer="mobile"] #bar a,body[data-viewer="mobile"] button,body[data-viewer="mobile"] select{box-sizing:border-box;font:500 15px/1.2 system-ui;min-height:44px;padding:10px 14px;border-radius:9px;flex-shrink:0}
body[data-viewer="mobile"] #bar b{font:600 15px/1.2 system-ui}
body[data-viewer="mobile"] #touch-mode,body[data-viewer="mobile"] #walk,body[data-viewer="mobile"] #enter-vr,body[data-viewer="mobile"] label:has(#vr-quality),body[data-viewer="mobile"] #record-vr{display:none!important}
body[data-viewer="mobile"] #mobile-menu{display:block;margin-left:auto}
body[data-viewer="mobile"]:not(.mobile-settings) #bar>label,body[data-viewer="mobile"]:not(.mobile-settings) #bar>span,body[data-viewer="mobile"]:not(.mobile-settings) #capture,body[data-viewer="mobile"]:not(.mobile-settings) #reflections,body[data-viewer="mobile"]:not(.mobile-settings) #bar>a[href^="?mode"],body[data-viewer="mobile"]:not(.mobile-settings) #desktop-link{display:none}
body[data-viewer="mobile"] #note{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:170px;max-width:none;font:14px/1.4 system-ui}
body[data-viewer="mobile"] #note summary{min-height:32px;display:list-item;align-content:center}
body[data-viewer="mobile"] #note details[open]{max-height:32dvh;overflow:auto}
body[data-viewer="mobile"] #move-pad{width:112px;height:112px;bottom:max(28px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left))}
body[data-viewer="mobile"] .touch-tools{bottom:max(22px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));max-width:54vw}
body[data-viewer="mobile"] #motion-status{font:13px/1.35 system-ui}
body[data-viewer="mobile"] #mobile-fov{width:130px;vertical-align:middle;min-height:40px}
@media(max-height:500px){body[data-viewer="mobile"] #note{bottom:155px;max-height:24dvh}body[data-viewer="mobile"] #bar{max-height:34dvh}body[data-viewer="mobile"] #bar button,body[data-viewer="mobile"] #bar a{min-height:44px;font-size:15px}}
@media(max-width:420px){body[data-viewer="mobile"] #bar{gap:6px;padding:8px}body[data-viewer="mobile"] #bar button{padding:10px}body[data-viewer="mobile"] #bar>b{width:100%}}