:root{color-scheme:dark}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000}body{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}#app{position:fixed;top:0;right:0;bottom:0;left:0}canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;grid-template-rows:auto 1fr auto;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));box-sizing:border-box}#sceneLabel{justify-self:center;align-self:start;pointer-events:none;padding:8px 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe6;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#nav{justify-self:center;align-self:end;display:flex;gap:10px;pointer-events:auto}#nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);background:#00000080;color:#ffffffeb;padding:12px 16px;border-radius:14px;font-weight:600;font-size:14px;letter-spacing:.02em}#nav button:active{transform:translateY(1px);background:#ffffff14}body.ui-hidden #hud{display:none}