Game

200%20360%2060%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%22356%22%20height%3D%2256%22%20rx%3D%220%22%20fill%3D%22%231a1a1a%22%20fill-opacity%3D%220.9%22%20stroke%3D%22%236cff8f%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Ctext%20x%3D%22180%22%20y%3D%2230%22%20font-family%3D%22Lexend%2C%20sans-serif%22%20font-size%3D%2220px%22%20fill%3D%22%23ffffff%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22middle%22%3E%D0%91%D0%B0%D1%81%D1%82%D0%B0%D1%83%3C%2Ftext%3E%0A%3C%2Fsvg%3E","asset_name":"Start Button","created_at":"2025-10-27T16:42:19.84539+00:00","updated_at":"2025-10-27T16:42:26.972977+00:00","asset_source":"code_placeholder","code_file_name":"src/game/GameScene.ts","asset_description":"A rectangular interactive button used to begin the quiz game. The button should have a semi-transparent dark gray background with a bright green neon border that glows subtly. Artistic style should be modern and sleek with a digital, cyberpunk-inspired aesthetic. The mood is futuristic and engaging, with a clean professional appearance. Viewed from a top-down 2D perspective. Dominant colors are dark charcoal gray (#1a1a1a) for the background with vibrant green (#6cff8f) accents for the border glow. Materials should have a smooth, slightly glossy plastic texture with clean edges. The button should face forward (directly at the viewer) as it's a UI element. The rectangular shape should have slightly rounded corners (approximately 8px radius) and maintain consistent proportions. It should visually integrate with other UI elements by sharing the same color scheme and modern aesthetic. The button should have subtle hover and pressed states with color variations, though the base asset represents the default state.","is_description_stale":false}],"code":[{"path":"public/index.html","content":"\n\n\n \n \n \n \n Game\n \n \n \n \n \n

\n \n\n"},{"path":"src/styles.css","content":"\nhtml,\nbody,\n.App,\n#root {\n background-color: #000;\n color: #fff;\n font-family: \"Lexend\", sans-serif;\n font-weight: 300;\n font-size: 18px;\n text-align: center;\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n"},{"path":"src/index.tsx","content":"\nimport React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport App from \"../src/App\";\nimport \"../src/styles.css\";\n\nconst rootElement = document.getElementById(\"root\")!;\nconst root = ReactDOM.createRoot(rootElement);\n\nroot.render(\n // \n \n // \n);\n"},{"path":"src/App.tsx","content":"\nimport Game from \"../src/Game\";\n\nexport default function App() {\n return ;\n}\n"},{"path":"src/Game.tsx","content":"$15"},{"path":"src/ui/UIOverlay.tsx","content":"\nimport React from \"react\";\n\n// Minimal unobtrusive overlay with controls\nconst UIOverlay: React.FC = () => {\n return (\n \n

Nature Explorer