diff --git a/server/static/index.html b/server/static/index.html
new file mode 100644
index 0000000..bca9822
--- /dev/null
+++ b/server/static/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Medieval 2D — Gather & Craft</title>
+  <link rel="stylesheet" href="/styles.css" />
+  <script src="https://cdn.jsdelivr.net/npm/socket.io-client@4.7.5/dist/socket.io.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/phaser@3.80.0/dist/phaser.min.js"></script>
+</head>
+<body>
+  <div id="game"></div>
+
+  <!-- UI roots (each JS file owns its own area) -->
+  <div id="ui-auth"></div>
+  <div id="ui-hud"></div>
+  <div id="ui-chat"></div>
+  <div id="ui-inventory"></div>
+  <div id="ui-crafting"></div>
+
+  <script type="module" src="/main.js"></script>
+</body>
+</html>
