Simplify joystick: yaw + pitch only, remove slider

- Joystick X axis: Yaw (turn head left/right)
- Joystick Y axis: Pitch (look up/down)
- Removed roll slider - roll stays at 0

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

index.html

@@ -725,13 +725,8 @@
                             <div class="joystick-knob" id="joystickKnob"></div>
                             <span class="joystick-label top">Up</span>
                             <span class="joystick-label bottom">Down</span>
-                            <span class="joystick-label left">Tilt L</span>
-                            <span class="joystick-label right">Tilt R</span>
-                        </div>
-                        <div class="roll-control">
-                            <span class="roll-label">Turn L</span>
-                            <input type="range" class="roll-slider" id="yawSlider" min="-100" max="100" value="0">
-                            <span class="roll-label">Turn R</span>
+                            <span class="joystick-label left">Left</span>
+                            <span class="joystick-label right">Right</span>
                         </div>
                     </div>
                     <div class="joystick-hint">Hold and drag to move head continuously</div>
@@ -1219,9 +1214,6 @@
             document.addEventListener('mouseup', endJoystick);
             document.addEventListener('touchend', endJoystick);
 
-            const yawSlider = document.getElementById('yawSlider');
-            yawSlider.addEventListener('mouseup', () => { yawSlider.value = 0; });
-            yawSlider.addEventListener('touchend', () => { yawSlider.value = 0; });
         }
 
         function startContinuousMovement() {
@@ -1231,16 +1223,12 @@
                 if (!joystickActive) return;
 
                 const speed = 1.5; // degrees per tick
-                const yawSlider = document.getElementById('yawSlider');
-                const yawInput = parseFloat(yawSlider.value) / 100;
 
                 // Joystick mapping:
-                // Left/Right (X) controls Roll: right = tilt head right (positive roll)
+                // Left/Right (X) controls Yaw: right = turn right (negative yaw)
                 // Up/Down (Y) controls Pitch: up = look up (negative pitch)
-                // Slider controls Yaw: left = turn left (positive yaw)
-                targetRoll += joystickX * speed;
+                targetYaw += -joystickX * speed;
                 targetPitch += joystickY * speed;
-                targetYaw += -yawInput * speed;
 
                 // Clamp to limits
                 targetYaw = Math.max(-45, Math.min(45, targetYaw));