fullscreen and no pull to refresh

src/components/ThreeView.tsx

@@ -37,7 +37,7 @@ export const ThreeView = observer(function () {
             { name: 'right', keys: ['ArrowRight', 'd', 'D'] },
             { name: 'jump', keys: ['Space'] },
         ]}>
-            <div style={{ position: 'relative', width: '800px', height: '600px', border: '1px solid #333', borderRadius: '8px', overflow: 'hidden' }}>
+            <div style={{ position: 'fixed', inset: 0, overflow: 'hidden' }}>
                 <Canvas
                     // camera={state.world.character.camera}
                     onPointerMissed={() => state.worldEditor.resetSelectedObject()}

src/index.scss

@@ -59,8 +59,10 @@
   box-sizing: border-box;
 }
 
+html,
 body {
   margin: 0;
+  overscroll-behavior: none;
 }
 
 svg {