Imporve obsticle collision detection, increase max speed, place CSS in separate file

Add comments, code cleanup

Author: bkeating

README.md

@@ -0,0 +1,36 @@
+# 2Cars Game
+
+A retro-style racing game where players control two cars simultaneously, built with Svelte. This game leverages modern web technologies to create a smooth, responsive gaming experience.
+
+[Play the demo](https://bpk-endless.s3.amazonaws.com/2Cars.html)
+
+![2Cars Game Screenshot](./screenshot.webp)
+
+## How to Play
+
+- Control two cars simultaneously
+- Left car: Press 'S' key or tap left side of screen
+- Right car: Press 'K' key or tap right side of screen
+- Collect circles for points
+- Avoid squares
+- Press 'P' to pause
+
+## Technical Overview
+
+- **SVG-Based Rendering**: Uses SVG for declarative rendering that automatically scales. All game objects (cars, obstacles, lanes) are SVG primitives composed together.
+
+- **Reactive Game State**: Built with Svelte's reactivity to automatically update visual elements when game state changes. Car positions, obstacle locations, and scrolling road effects are all driven by reactive statements.
+
+- **Game Loop Architecture**: Uses requestAnimationFrame for the main game loop to handle physics, collision detection, scoring, and obstacle spawning. The loop updates game state which triggers reactive UI updates.
+
+- **Cross-Platform Controls**: Playable via both keyboard and touch controls, with transparent touch zones overlaying each side of the screen for mobile play.
+
+## Development
+
+### Installation
+
+```bash
+npm install
+npm run dev
+npm run build  # produces a single-file HTML of the game
+```

package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "2-cars",
+  "name": "2cars",
   "private": true,
   "version": "0.0.1",
   "type": "module",