fix(RealityOverridePage): update touch handling to pointer events and adjust double-tap timing

src/app/components/RealityOverridePage.tsx

@@ -115,9 +115,10 @@ export default function RealityOverridePage({ onBack }: { onBack: () => void })
     localStorage.setItem('ro-bg', next ? 'on' : 'off');
   };
 
-  const handleTouchEnd = () => {
+  const handlePointerDown = (e: React.PointerEvent) => {
+    if (!e.isPrimary) return;
     const now = Date.now();
-    if (now - lastTapRef.current < 300) { toggleBg(); lastTapRef.current = 0; }
+    if (now - lastTapRef.current < 400) { toggleBg(); lastTapRef.current = 0; }
     else { lastTapRef.current = now; }
   };
 
@@ -319,8 +320,7 @@ export default function RealityOverridePage({ onBack }: { onBack: () => void })
   return (
     <div
       className="relative w-full h-full bg-black overflow-hidden"
-      onDoubleClick={toggleBg}
-      onTouchEnd={handleTouchEnd}
+      onPointerDown={handlePointerDown}
     >
 
       {/* Star field — always visible beneath the vortex */}