@@ -3,6 +3,7 @@
 
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>RPG Level Builder</title>
 
   <style>
@@ -35,6 +36,7 @@
       position: absolute;
       bottom: 20px;
       left: 50%;
+      width: 100%;
       transform: translateX(-50%);
       display: flex;
       justify-content: center;
 
@@ -0,0 +1,18 @@
+export function setupMainPlayerMenu(scene) {
+    // Set up right-click event listener
+    // console.log(hero);
+    scene.onPointerObservable.add((pointerInfo) => {
+        if (pointerInfo.type === BABYLON.PointerEventTypes.POINTERDOWN && pointerInfo.event.button === 2) {
+            // Right mouse button clicked
+            const pickResult = scene.pick(scene.pointerX, scene.pointerY);
+
+            if (pickResult.hit) {
+                const pickedMesh = pickResult.pickedMesh;
+
+                if (pickedMesh.name === 'dummyPhysicsRoot') {
+                    console.log("clicked player");
+                }
+            }
+        }
+    }, BABYLON.PointerEventTypes.POINTERDOWN);
+}
@@ -1,7 +1,7 @@
 import { SPELLS } from './combat/SPELLS.js';
 
 export function setupInputHandling(scene, character, camera, hero, anim, engine, dummyAggregate) {
-    let inputMap = {};
+    inputMap = {};
     scene.actionManager = new BABYLON.ActionManager(scene);
     scene.actionManager.registerAction(new BABYLON.ExecuteCodeAction(BABYLON.ActionManager.OnKeyDownTrigger, function (evt) {
         var key = evt.sourceEvent.key;