clude a subtle shadow effect to give depth and ensure it looks like a physical card that can be swiped."}],"code":[{"path":"public/index.html","content":"\n\n\n \n \n \n \n \n : \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":"$14"},{"path":"src/ui/UIOverlay.tsx","content":"\nimport React from 'react';\n\nconst UIOverlay: React.FC = () => {\n return (\n \n \n

:

\n \n\n \n

\n \n \n );\n};\n\nexport default UIOverlay;\n"},{"path":"src/game/GameScene.ts","content":"$15"},{"path":"src/config/BalanceSettings.ts","content":"\n// Do not rename or remove this file or comment.\n// Game balance settings go here, so the user can easily tweak the variables within the game settings panel.\n// Avoid using nested objects or arrays; all settings must be at the same level within the BALANCE_SETTINGS object. Prefer SNAKE_CASE for names.\nexport const BALANCE_SETTINGS = {\n INITIAL_ECONOMY: 50,\n INITIAL_MILITARY: 50,\n INITIAL_PEOPLE_HAPPINESS: 50,\n INITIAL_NEIGHBORS_RELATIONS: 50,\n TURNS_TO_WIN: 20,\n STAT_MIN: 0,\n STAT_MAX: 100,\n CARD_COUNT: 3,\n};\n"},{"path":"src/config/VisualSettings.ts","content":"\n// Do not rename or remove this file or comment.\n// Visual settings go here, so the user can easily tweak the values within the game settings panel.\n// Avoid using nested objects or arrays; all settings must be at the same level within the VISUAL_SETTINGS object. Prefer SNAKE_CASE for names.\nexport const VISUAL_SETTINGS = {\n BACKGROUND_COLOR: '#FDF6E3',\n CARD_WIDTH: 200,\n CARD_HEIGHT: 280,\n CARD_CORNER_RADIUS: 10,\n CARD_COLOR: '#FEFBF3',\n CARD_STROKE_COLOR: '#D3CFC0',\n CARD_STROKE_WIDTH: 2,\n CARD_TIT

Abylai's Reign