Mobile Support: Responsive UI & Touch Controls

[saucegodbased]

Mobile Support: Responsive UI & Touch Controls

Makes the game fully playable on mobile devices with two key changes:

1. Responsive Start/Game-Over Screen

• Added CSS media query (max-width: 768px) that expands the overlay box to fill the entire screen on mobile viewports
• Removes border-radius and adjusts padding for a clean full-screen experience
• Scales down title and text sizes for smaller screens

2. Touch-Based Game Controls

• Removed pointerType === "mouse" filters from onPointerMove and onPointerLeave to support all pointer types
• Touch down: Activates player tracking and updates position (starts/resumes game)
• Touch move: Updates mouseX/mouseY so player follows finger position
• Touch up: Deactivates tracking (pauses game, mirroring desktop mouse-leave behavior)
• Added touch-action: none CSS to prevent default browser touch behaviors (scrolling, zooming)
• Desktop mouse controls remain completely unchanged

Acceptance Criteria Met

• Mobile overlays fill entire screen on viewports ≤ 768px
• Touching screen starts game; player follows finger via touch-move
• Lifting finger pauses/stops game (analogous to mouse leaving window)
• Desktop mouse controls unchanged — no regressions
• Root-level Dockerfile exposes app on port 8080