croma-labs/transmilenio-live ? reverse-engineered prompt

Build me a polished live map for TransMilenio in Bogotá that shows every bus moving in real time on one map. I want users to be able to search a route code, see that route highlighted, click any station to view the next arriving buses with minutes away and whether they’re early or late, and click any bus to see its route, where it’s heading, its plate, and its latest update.

Make it feel smooth and modern, with a dark and light map, a clean sidebar style, live counters, and a recording mode that hides the panels and lets the camera slowly orbit the city for screen captures. Use a shared server side snapshot so the map stays efficient even with lots of visitors, and keep the API key hidden from the browser. Include a small inspector that shows the API calls, status, latency, and a copyable request for debugging. If you need anything unclear, look up the current docs online first.