diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 26bc5fc..622d506 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -15,6 +15,7 @@
         "element-plus": "^2.13.6",
         "lucide-vue-next": "^0.577.0",
         "motion": "^12.38.0",
+        "phaser": "^3.90.0",
         "pinia": "^3.0.4",
         "three": "^0.180.0",
         "vue": "^3.5.30",
@@ -1963,6 +1964,12 @@
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
       "license": "MIT"
     },
+    "node_modules/eventemitter3": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.4.tgz",
+      "integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==",
+      "license": "MIT"
+    },
     "node_modules/expect-type": {
       "version": "1.3.0",
       "resolved": "https://registry.npmmirror.com/expect-type/-/expect-type-1.3.0.tgz",
@@ -3028,6 +3035,15 @@
       "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
       "license": "MIT"
     },
+    "node_modules/phaser": {
+      "version": "3.90.0",
+      "resolved": "https://registry.npmjs.org/phaser/-/phaser-3.90.0.tgz",
+      "integrity": "sha512-/cziz/5ZIn02uDkC9RzN8VF9x3Gs3XdFFf9nkiMEQT3p7hQlWuyjy4QWosU802qqno2YSLn2BfqwOKLv/sSVfQ==",
+      "license": "MIT",
+      "dependencies": {
+        "eventemitter3": "^5.0.1"
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 9eb6dd9..7bcf8f6 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -17,6 +17,7 @@
     "element-plus": "^2.13.6",
     "lucide-vue-next": "^0.577.0",
     "motion": "^12.38.0",
+    "phaser": "^3.90.0",
     "pinia": "^3.0.4",
     "three": "^0.180.0",
     "vue": "^3.5.30",
diff --git a/frontend/src/style.css b/frontend/src/style.css
index c6bfcbd..7b4c822 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -51,7 +51,7 @@ body {
   font-family: var(--font-body);
   font-size: 13px;
   line-height: 1.6;
-  background: var(--bg-void);
+  background: radial-gradient(circle at 50% 50%, #081020 0%, var(--bg-void) 100%);
   color: var(--text-primary);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;