Subway Surfers Clone

Build a polished browser clone of Subway Surfers: an endless 3D train-track runner in three.js with a home screen, the run, power-ups, hoverboards, "Save me!", game over, missions, a shop and this week's Top Run.

It is Subway Surfers on screen: its name, the stacked graffiti "SUBWAY SURFERS" wordmark (yellow-to-orange fill, thick navy outline, tilted), bright blue sky, colourful city blocks, red signal gantries, graffiti walls and its own words ("TAP TO PLAY", "Missions", "Score multiplier", "Top Run", "Save me!", "Jetpack", "Super Sneakers", "Coin Magnet", "2x Multiplier", "Hoverboard", "Double tap"). Draw everything in code (no image files): the runner is an ORIGINAL kid, Remy (green hoodie, navy backwards cap, white sneakers), chased by an original grumpy guard in a navy uniform and his little brown dog. No SYBO characters, art or music.

SHELL
Full-screen canvas with a DOM overlay. Opens straight on the home screen: no splash, login or paywall. Landscape on desktop, portrait on phones (keep all three lanes in view).

SCREENS
1. Home: camera in front of Remy standing on the tracks shaking a spray can, a parked red train and the guard + dog behind him. Wordmark top centre; wallet pills top right (coins 3,840, keys 3, hoverboards 3). Left card "Missions" with a gold x4 multiplier badge and 3 missions with progress bars ("Fly 2 jetpacks 1/2", "Collect 120 coins with a magnet 64/120", "Score 12,000 points in one run"). Right card "Top Run - This week" with 8 fictional rivals + "You" (best 18,420) and flat portraits. Big pulsing "TAP TO PLAY" and a dock: Me, Shop, Upgrades, Sound. Tap anywhere: the camera swings around Remy to the chase view and the guard and dog chase him for two seconds.
2. Run: three lanes of rail (steel rails, brown sleepers, gravel). Parked trains in red, teal, yellow and blue (graffiti sides, windows, rounded roofs), yellow ramps up onto their roofs, oncoming trains with headlights, red/white jump barriers and tall roll-under barriers, gold star coins in lines and arcs. Swipe or arrows: left/right switch lanes, up jumps, down rolls (or slams down mid-air). Speed rises over time. HUD: blue rounded pause button top left; dark pill "x4 star 00187" (multiplier + zero-padded score), coin pill below; power-up timers bottom left; hoverboard button bottom right ("x3 Double tap"); "Mission complete!" toasts.
3. Power-ups: Jetpack (fly high over the trains along a line of sky coins), Super Sneakers (jump onto trains), Coin Magnet (coins fly to you), 2x Multiplier. Hoverboard (Space or double tap): 30 s, survives one crash in a puff of smoke.
4. Crashes: hitting a train front or barrier = crash (camera shake, Remy falls back, the guard catches up). Bumping a train side = stumble; two stumbles close together = caught. "Save me!" panel: key ring countdown, "Use 1 key" (cost doubles), "No thanks".
5. Game over: Score, NEW HIGH SCORE! ribbon, +coins, Best, metres, mission progress, Home, Shop, big green PLAY.
6. Shop: tabs Characters (Remy, Kiko, Dax, Nova with prices), Boards (Classic, Flame, Neon, Gold Rush + buy hoverboards for 300), Upgrades (each power-up has 5 levels that add seconds).

LOOK
Lilita One for UI, Luckiest Guy for big words, white text with navy outlines; glossy blue/green/gold buttons with a darker bottom edge; translucent navy panels; sunny lighting with soft shadows and blue haze in the distance.

RULES
Fixed 60 Hz simulation with a seeded track generator that never makes an unbeatable stretch (at most two lanes of trains at once unless one has a ramp). Progress (coins, keys, best, shop, upgrades, missions; finishing a set raises the multiplier) saves in localStorage. ?demo=1 runs an autopilot bot that simulates futures on a copy of the runner and plays convincingly, for recordings.

REMIX-READY
Brand file (name, wordmark, colours, words), tuning file (speeds, jump, sizes), catalog (characters, boards, power-ups), missions and fixtures files, world colours file; game logic, rendering and UI in small separate files; README with a file map and remix ideas.