update: add a physic scenne

src/components/ui/Crosshair.tsx

@@ -1,11 +1,16 @@
 import { useCameraMode } from "@/hooks/debug/useCameraMode";
+import { useInteraction } from "@/hooks/useInteraction";
 
 export function Crosshair(): React.JSX.Element | null {
   const cameraMode = useCameraMode();
+  const { focused } = useInteraction();
 
-  if (cameraMode !== "player") {
-    return null;
-  }
+  if (cameraMode !== "player") return null;
 
-  return <div className="crosshair" aria-hidden="true" />;
+  return (
+    <div
+      className={focused ? "crosshair crosshair--interact" : "crosshair"}
+      aria-hidden="true"
+    />
+  );
 }