diff --git a/frontend/.gitignore b/frontend/.gitignore
new file mode 100644
index 0000000..294b385
--- /dev/null
+++ b/frontend/.gitignore
@@ -0,0 +1,24 @@
+node_modules
+
+# Output
+.output
+.vercel
+.netlify
+.wrangler
+/.svelte-kit
+/build
+/dist
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
diff --git a/frontend/.npmrc b/frontend/.npmrc
new file mode 100644
index 0000000..b6f27f1
--- /dev/null
+++ b/frontend/.npmrc
@@ -0,0 +1 @@
+engine-strict=true
diff --git a/LICENSE b/frontend/LICENSE
similarity index 100%
rename from LICENSE
rename to frontend/LICENSE
diff --git a/frontend/README.md b/frontend/README.md
new file mode 100644
index 0000000..94ea921
--- /dev/null
+++ b/frontend/README.md
@@ -0,0 +1,67 @@
+# To Run -
+```
+cd frontend
+
+npm install
+
+npm run dev
+```
+
+# Svelte library
+
+Everything you need to build a Svelte library, powered by [`sv`](https://npmjs.com/package/sv).
+
+Read more about creating a library [in the docs](https://svelte.dev/docs/kit/packaging).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```sh
+# create a new project in the current directory
+npx sv create
+
+# create a new project in my-app
+npx sv create my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```sh
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.
+
+## Building
+
+To build your library:
+
+```sh
+npm pack
+```
+
+To create a production version of your showcase app:
+
+```sh
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
+
+## Publishing
+
+Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).
+
+To publish your library to [npm](https://www.npmjs.com):
+
+```sh
+npm publish
+```
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
new file mode 100644
index 0000000..2ddfaab
--- /dev/null
+++ b/frontend/package-lock.json
@@ -0,0 +1,1764 @@
+{
+	"name": "progchamp",
+	"version": "0.0.1",
+	"lockfileVersion": 3,
+	"requires": true,
+	"packages": {
+		"": {
+			"name": "progchamp",
+			"version": "0.0.1",
+			"dependencies": {
+				"@auth/core": "^0.41.1",
+				"@auth/sveltekit": "^1.11.1"
+			},
+			"devDependencies": {
+				"@sveltejs/adapter-auto": "^7.0.0",
+				"@sveltejs/kit": "^2.50.0",
+				"@sveltejs/package": "^2.5.7",
+				"@sveltejs/vite-plugin-svelte": "^6.2.4",
+				"publint": "^0.3.15",
+				"svelte": "^5.45.6",
+				"svelte-check": "^4.3.4",
+				"typescript": "^5.9.3",
+				"vite": "^7.2.6"
+			},
+			"peerDependencies": {
+				"svelte": "^5.0.0"
+			}
+		},
+		"node_modules/@auth/core": {
+			"version": "0.41.1",
+			"resolved": "https://registry.npmjs.org/@auth/core/-/core-0.41.1.tgz",
+			"integrity": "sha512-t9cJ2zNYAdWMacGRMT6+r4xr1uybIdmYa49calBPeTqwgAFPV/88ac9TEvCR85pvATiSPt8VaNf+Gt24JIT/uw==",
+			"license": "ISC",
+			"dependencies": {
+				"@panva/hkdf": "^1.2.1",
+				"jose": "^6.0.6",
+				"oauth4webapi": "^3.3.0",
+				"preact": "10.24.3",
+				"preact-render-to-string": "6.5.11"
+			},
+			"peerDependencies": {
+				"@simplewebauthn/browser": "^9.0.1",
+				"@simplewebauthn/server": "^9.0.2",
+				"nodemailer": "^7.0.7"
+			},
+			"peerDependenciesMeta": {
+				"@simplewebauthn/browser": {
+					"optional": true
+				},
+				"@simplewebauthn/server": {
+					"optional": true
+				},
+				"nodemailer": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@auth/sveltekit": {
+			"version": "1.11.1",
+			"resolved": "https://registry.npmjs.org/@auth/sveltekit/-/sveltekit-1.11.1.tgz",
+			"integrity": "sha512-cWNfXcKrNIVtJYOY1tq7H7m03j89Wg7xrTvOJALu18fZdYulzYCPIAdTw8XSEzOp6KyhOGo7tmW7VtzRNtr/8Q==",
+			"license": "ISC",
+			"dependencies": {
+				"@auth/core": "0.41.1",
+				"set-cookie-parser": "^2.7.0"
+			},
+			"peerDependencies": {
+				"@simplewebauthn/browser": "^9.0.1",
+				"@simplewebauthn/server": "^9.0.3",
+				"@sveltejs/kit": "^1.0.0 || ^2.0.0",
+				"nodemailer": "^7.0.7",
+				"svelte": "^3.54.0 || ^4.0.0 || ^5.0.0-0"
+			},
+			"peerDependenciesMeta": {
+				"@simplewebauthn/browser": {
+					"optional": true
+				},
+				"@simplewebauthn/server": {
+					"optional": true
+				},
+				"nodemailer": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@esbuild/aix-ppc64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.2.tgz",
+			"integrity": "sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==",
+			"cpu": [
+				"ppc64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"aix"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/android-arm": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.2.tgz",
+			"integrity": "sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/android-arm64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.2.tgz",
+			"integrity": "sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/android-x64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.2.tgz",
+			"integrity": "sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/darwin-arm64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.2.tgz",
+			"integrity": "sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/darwin-x64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.2.tgz",
+			"integrity": "sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.2.tgz",
+			"integrity": "sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/freebsd-x64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.2.tgz",
+			"integrity": "sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-arm": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.2.tgz",
+			"integrity": "sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-arm64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.2.tgz",
+			"integrity": "sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-ia32": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.2.tgz",
+			"integrity": "sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==",
+			"cpu": [
+				"ia32"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-loong64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.2.tgz",
+			"integrity": "sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==",
+			"cpu": [
+				"loong64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-mips64el": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.2.tgz",
+			"integrity": "sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==",
+			"cpu": [
+				"mips64el"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-ppc64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.2.tgz",
+			"integrity": "sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==",
+			"cpu": [
+				"ppc64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-riscv64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.2.tgz",
+			"integrity": "sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==",
+			"cpu": [
+				"riscv64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-s390x": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.2.tgz",
+			"integrity": "sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==",
+			"cpu": [
+				"s390x"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-x64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.2.tgz",
+			"integrity": "sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/netbsd-arm64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.2.tgz",
+			"integrity": "sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/netbsd-x64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.2.tgz",
+			"integrity": "sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/openbsd-arm64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.2.tgz",
+			"integrity": "sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/openbsd-x64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.2.tgz",
+			"integrity": "sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/openharmony-arm64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.2.tgz",
+			"integrity": "sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openharmony"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/sunos-x64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.2.tgz",
+			"integrity": "sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/win32-arm64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.2.tgz",
+			"integrity": "sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/win32-ia32": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.2.tgz",
+			"integrity": "sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==",
+			"cpu": [
+				"ia32"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/win32-x64": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz",
+			"integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@jridgewell/gen-mapping": {
+			"version": "0.3.13",
+			"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+			"integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.5.0",
+				"@jridgewell/trace-mapping": "^0.3.24"
+			}
+		},
+		"node_modules/@jridgewell/remapping": {
+			"version": "2.3.5",
+			"resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+			"integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/gen-mapping": "^0.3.5",
+				"@jridgewell/trace-mapping": "^0.3.24"
+			}
+		},
+		"node_modules/@jridgewell/resolve-uri": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+			"integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@jridgewell/sourcemap-codec": {
+			"version": "1.5.5",
+			"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+			"integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+			"license": "MIT"
+		},
+		"node_modules/@jridgewell/trace-mapping": {
+			"version": "0.3.31",
+			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+			"integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/resolve-uri": "^3.1.0",
+				"@jridgewell/sourcemap-codec": "^1.4.14"
+			}
+		},
+		"node_modules/@panva/hkdf": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.2.1.tgz",
+			"integrity": "sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==",
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/panva"
+			}
+		},
+		"node_modules/@polka/url": {
+			"version": "1.0.0-next.29",
+			"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
+			"integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
+			"license": "MIT"
+		},
+		"node_modules/@publint/pack": {
+			"version": "0.1.2",
+			"resolved": "https://registry.npmjs.org/@publint/pack/-/pack-0.1.2.tgz",
+			"integrity": "sha512-S+9ANAvUmjutrshV4jZjaiG8XQyuJIZ8a4utWmN/vW1sgQ9IfBnPndwkmQYw53QmouOIytT874u65HEmu6H5jw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://bjornlu.com/sponsor"
+			}
+		},
+		"node_modules/@rollup/rollup-android-arm-eabi": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.55.1.tgz",
+			"integrity": "sha512-9R0DM/ykwfGIlNu6+2U09ga0WXeZ9MRC2Ter8jnz8415VbuIykVuc6bhdrbORFZANDmTDvq26mJrEVTl8TdnDg==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			]
+		},
+		"node_modules/@rollup/rollup-android-arm64": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.55.1.tgz",
+			"integrity": "sha512-eFZCb1YUqhTysgW3sj/55du5cG57S7UTNtdMjCW7LwVcj3dTTcowCsC8p7uBdzKsZYa8J7IDE8lhMI+HX1vQvg==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			]
+		},
+		"node_modules/@rollup/rollup-darwin-arm64": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.55.1.tgz",
+			"integrity": "sha512-p3grE2PHcQm2e8PSGZdzIhCKbMCw/xi9XvMPErPhwO17vxtvCN5FEA2mSLgmKlCjHGMQTP6phuQTYWUnKewwGg==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@rollup/rollup-darwin-x64": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.55.1.tgz",
+			"integrity": "sha512-rDUjG25C9qoTm+e02Esi+aqTKSBYwVTaoS1wxcN47/Luqef57Vgp96xNANwt5npq9GDxsH7kXxNkJVEsWEOEaQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@rollup/rollup-freebsd-arm64": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.55.1.tgz",
+			"integrity": "sha512-+JiU7Jbp5cdxekIgdte0jfcu5oqw4GCKr6i3PJTlXTCU5H5Fvtkpbs4XJHRmWNXF+hKmn4v7ogI5OQPaupJgOg==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@rollup/rollup-freebsd-x64": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.55.1.tgz",
+			"integrity": "sha512-V5xC1tOVWtLLmr3YUk2f6EJK4qksksOYiz/TCsFHu/R+woubcLWdC9nZQmwjOAbmExBIVKsm1/wKmEy4z4u4Bw==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.55.1.tgz",
+			"integrity": "sha512-Rn3n+FUk2J5VWx+ywrG/HGPTD9jXNbicRtTM11e/uorplArnXZYsVifnPPqNNP5BsO3roI4n8332ukpY/zN7rQ==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm-musleabihf": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.55.1.tgz",
+			"integrity": "sha512-grPNWydeKtc1aEdrJDWk4opD7nFtQbMmV7769hiAaYyUKCT1faPRm2av8CX1YJsZ4TLAZcg9gTR1KvEzoLjXkg==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm64-gnu": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.55.1.tgz",
+			"integrity": "sha512-a59mwd1k6x8tXKcUxSyISiquLwB5pX+fJW9TkWU46lCqD/GRDe9uDN31jrMmVP3feI3mhAdvcCClhV8V5MhJFQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm64-musl": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.55.1.tgz",
+			"integrity": "sha512-puS1MEgWX5GsHSoiAsF0TYrpomdvkaXm0CofIMG5uVkP6IBV+ZO9xhC5YEN49nsgYo1DuuMquF9+7EDBVYu4uA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-loong64-gnu": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.55.1.tgz",
+			"integrity": "sha512-r3Wv40in+lTsULSb6nnoudVbARdOwb2u5fpeoOAZjFLznp6tDU8kd+GTHmJoqZ9lt6/Sys33KdIHUaQihFcu7g==",
+			"cpu": [
+				"loong64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-loong64-musl": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.55.1.tgz",
+			"integrity": "sha512-MR8c0+UxAlB22Fq4R+aQSPBayvYa3+9DrwG/i1TKQXFYEaoW3B5b/rkSRIypcZDdWjWnpcvxbNaAJDcSbJU3Lw==",
+			"cpu": [
+				"loong64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-ppc64-gnu": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.55.1.tgz",
+			"integrity": "sha512-3KhoECe1BRlSYpMTeVrD4sh2Pw2xgt4jzNSZIIPLFEsnQn9gAnZagW9+VqDqAHgm1Xc77LzJOo2LdigS5qZ+gw==",
+			"cpu": [
+				"ppc64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-ppc64-musl": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.55.1.tgz",
+			"integrity": "sha512-ziR1OuZx0vdYZZ30vueNZTg73alF59DicYrPViG0NEgDVN8/Jl87zkAPu4u6VjZST2llgEUjaiNl9JM6HH1Vdw==",
+			"cpu": [
+				"ppc64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-riscv64-gnu": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.55.1.tgz",
+			"integrity": "sha512-uW0Y12ih2XJRERZ4jAfKamTyIHVMPQnTZcQjme2HMVDAHY4amf5u414OqNYC+x+LzRdRcnIG1YodLrrtA8xsxw==",
+			"cpu": [
+				"riscv64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-riscv64-musl": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.55.1.tgz",
+			"integrity": "sha512-u9yZ0jUkOED1BFrqu3BwMQoixvGHGZ+JhJNkNKY/hyoEgOwlqKb62qu+7UjbPSHYjiVy8kKJHvXKv5coH4wDeg==",
+			"cpu": [
+				"riscv64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-s390x-gnu": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.55.1.tgz",
+			"integrity": "sha512-/0PenBCmqM4ZUd0190j7J0UsQ/1nsi735iPRakO8iPciE7BQ495Y6msPzaOmvx0/pn+eJVVlZrNrSh4WSYLxNg==",
+			"cpu": [
+				"s390x"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-x64-gnu": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.55.1.tgz",
+			"integrity": "sha512-a8G4wiQxQG2BAvo+gU6XrReRRqj+pLS2NGXKm8io19goR+K8lw269eTrPkSdDTALwMmJp4th2Uh0D8J9bEV1vg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-x64-musl": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.55.1.tgz",
+			"integrity": "sha512-bD+zjpFrMpP/hqkfEcnjXWHMw5BIghGisOKPj+2NaNDuVT+8Ds4mPf3XcPHuat1tz89WRL+1wbcxKY3WSbiT7w==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-openbsd-x64": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.55.1.tgz",
+			"integrity": "sha512-eLXw0dOiqE4QmvikfQ6yjgkg/xDM+MdU9YJuP4ySTibXU0oAvnEWXt7UDJmD4UkYialMfOGFPJnIHSe/kdzPxg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openbsd"
+			]
+		},
+		"node_modules/@rollup/rollup-openharmony-arm64": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.55.1.tgz",
+			"integrity": "sha512-xzm44KgEP11te3S2HCSyYf5zIzWmx3n8HDCc7EE59+lTcswEWNpvMLfd9uJvVX8LCg9QWG67Xt75AuHn4vgsXw==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openharmony"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-arm64-msvc": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.55.1.tgz",
+			"integrity": "sha512-yR6Bl3tMC/gBok5cz/Qi0xYnVbIxGx5Fcf/ca0eB6/6JwOY+SRUcJfI0OpeTpPls7f194as62thCt/2BjxYN8g==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-ia32-msvc": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.55.1.tgz",
+			"integrity": "sha512-3fZBidchE0eY0oFZBnekYCfg+5wAB0mbpCBuofh5mZuzIU/4jIVkbESmd2dOsFNS78b53CYv3OAtwqkZZmU5nA==",
+			"cpu": [
+				"ia32"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-x64-gnu": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.55.1.tgz",
+			"integrity": "sha512-xGGY5pXj69IxKb4yv/POoocPy/qmEGhimy/FoTpTSVju3FYXUQQMFCaZZXJVidsmGxRioZAwpThl/4zX41gRKg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-x64-msvc": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.55.1.tgz",
+			"integrity": "sha512-SPEpaL6DX4rmcXtnhdrQYgzQ5W2uW3SCJch88lB2zImhJRhIIK44fkUrgIV/Q8yUNfw5oyZ5vkeQsZLhCb06lw==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@standard-schema/spec": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+			"integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+			"license": "MIT"
+		},
+		"node_modules/@sveltejs/acorn-typescript": {
+			"version": "1.0.8",
+			"resolved": "https://registry.npmjs.org/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.8.tgz",
+			"integrity": "sha512-esgN+54+q0NjB0Y/4BomT9samII7jGwNy/2a3wNZbT2A2RpmXsXwUt24LvLhx6jUq2gVk4cWEvcRO6MFQbOfNA==",
+			"license": "MIT",
+			"peerDependencies": {
+				"acorn": "^8.9.0"
+			}
+		},
+		"node_modules/@sveltejs/adapter-auto": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-7.0.0.tgz",
+			"integrity": "sha512-ImDWaErTOCkRS4Gt+5gZuymKFBobnhChXUZ9lhUZLahUgvA4OOvRzi3sahzYgbxGj5nkA6OV0GAW378+dl/gyw==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"@sveltejs/kit": "^2.0.0"
+			}
+		},
+		"node_modules/@sveltejs/kit": {
+			"version": "2.50.0",
+			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.50.0.tgz",
+			"integrity": "sha512-Hj8sR8O27p2zshFEIJzsvfhLzxga/hWw6tRLnBjMYw70m1aS9BSYCqAUtzDBjRREtX1EvLMYgaC0mYE3Hz4KWA==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"@standard-schema/spec": "^1.0.0",
+				"@sveltejs/acorn-typescript": "^1.0.5",
+				"@types/cookie": "^0.6.0",
+				"acorn": "^8.14.1",
+				"cookie": "^0.6.0",
+				"devalue": "^5.6.2",
+				"esm-env": "^1.2.2",
+				"kleur": "^4.1.5",
+				"magic-string": "^0.30.5",
+				"mrmime": "^2.0.0",
+				"sade": "^1.8.1",
+				"set-cookie-parser": "^2.6.0",
+				"sirv": "^3.0.0"
+			},
+			"bin": {
+				"svelte-kit": "svelte-kit.js"
+			},
+			"engines": {
+				"node": ">=18.13"
+			},
+			"peerDependencies": {
+				"@opentelemetry/api": "^1.0.0",
+				"@sveltejs/vite-plugin-svelte": "^3.0.0 || ^4.0.0-next.1 || ^5.0.0 || ^6.0.0-next.0",
+				"svelte": "^4.0.0 || ^5.0.0-next.0",
+				"typescript": "^5.3.3",
+				"vite": "^5.0.3 || ^6.0.0 || ^7.0.0-beta.0"
+			},
+			"peerDependenciesMeta": {
+				"@opentelemetry/api": {
+					"optional": true
+				},
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@sveltejs/package": {
+			"version": "2.5.7",
+			"resolved": "https://registry.npmjs.org/@sveltejs/package/-/package-2.5.7.tgz",
+			"integrity": "sha512-qqD9xa9H7TDiGFrF6rz7AirOR8k15qDK/9i4MIE8te4vWsv5GEogPks61rrZcLy+yWph+aI6pIj2MdoK3YI8AQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"chokidar": "^5.0.0",
+				"kleur": "^4.1.5",
+				"sade": "^1.8.1",
+				"semver": "^7.5.4",
+				"svelte2tsx": "~0.7.33"
+			},
+			"bin": {
+				"svelte-package": "svelte-package.js"
+			},
+			"engines": {
+				"node": "^16.14 || >=18"
+			},
+			"peerDependencies": {
+				"svelte": "^3.44.0 || ^4.0.0 || ^5.0.0-next.1"
+			}
+		},
+		"node_modules/@sveltejs/vite-plugin-svelte": {
+			"version": "6.2.4",
+			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-6.2.4.tgz",
+			"integrity": "sha512-ou/d51QSdTyN26D7h6dSpusAKaZkAiGM55/AKYi+9AGZw7q85hElbjK3kEyzXHhLSnRISHOYzVge6x0jRZ7DXA==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"@sveltejs/vite-plugin-svelte-inspector": "^5.0.0",
+				"deepmerge": "^4.3.1",
+				"magic-string": "^0.30.21",
+				"obug": "^2.1.0",
+				"vitefu": "^1.1.1"
+			},
+			"engines": {
+				"node": "^20.19 || ^22.12 || >=24"
+			},
+			"peerDependencies": {
+				"svelte": "^5.0.0",
+				"vite": "^6.3.0 || ^7.0.0"
+			}
+		},
+		"node_modules/@sveltejs/vite-plugin-svelte-inspector": {
+			"version": "5.0.2",
+			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-5.0.2.tgz",
+			"integrity": "sha512-TZzRTcEtZffICSAoZGkPSl6Etsj2torOVrx6Uw0KpXxrec9Gg6jFWQ60Q3+LmNGfZSxHRCZL7vXVZIWmuV50Ig==",
+			"license": "MIT",
+			"dependencies": {
+				"obug": "^2.1.0"
+			},
+			"engines": {
+				"node": "^20.19 || ^22.12 || >=24"
+			},
+			"peerDependencies": {
+				"@sveltejs/vite-plugin-svelte": "^6.0.0-next.0",
+				"svelte": "^5.0.0",
+				"vite": "^6.3.0 || ^7.0.0"
+			}
+		},
+		"node_modules/@types/cookie": {
+			"version": "0.6.0",
+			"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
+			"integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==",
+			"license": "MIT"
+		},
+		"node_modules/@types/estree": {
+			"version": "1.0.8",
+			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+			"integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+			"license": "MIT"
+		},
+		"node_modules/acorn": {
+			"version": "8.15.0",
+			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+			"integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+			"license": "MIT",
+			"peer": true,
+			"bin": {
+				"acorn": "bin/acorn"
+			},
+			"engines": {
+				"node": ">=0.4.0"
+			}
+		},
+		"node_modules/aria-query": {
+			"version": "5.3.2",
+			"resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+			"integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/axobject-query": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+			"integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/chokidar": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
+			"integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"readdirp": "^5.0.0"
+			},
+			"engines": {
+				"node": ">= 20.19.0"
+			},
+			"funding": {
+				"url": "https://paulmillr.com/funding/"
+			}
+		},
+		"node_modules/clsx": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+			"integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/cookie": {
+			"version": "0.6.0",
+			"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+			"integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/dedent-js": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/dedent-js/-/dedent-js-1.0.1.tgz",
+			"integrity": "sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/deepmerge": {
+			"version": "4.3.1",
+			"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+			"integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/devalue": {
+			"version": "5.6.2",
+			"resolved": "https://registry.npmjs.org/devalue/-/devalue-5.6.2.tgz",
+			"integrity": "sha512-nPRkjWzzDQlsejL1WVifk5rvcFi/y1onBRxjaFMjZeR9mFpqu2gmAZ9xUB9/IEanEP/vBtGeGganC/GO1fmufg==",
+			"license": "MIT"
+		},
+		"node_modules/esbuild": {
+			"version": "0.27.2",
+			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.2.tgz",
+			"integrity": "sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==",
+			"hasInstallScript": true,
+			"license": "MIT",
+			"bin": {
+				"esbuild": "bin/esbuild"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"optionalDependencies": {
+				"@esbuild/aix-ppc64": "0.27.2",
+				"@esbuild/android-arm": "0.27.2",
+				"@esbuild/android-arm64": "0.27.2",
+				"@esbuild/android-x64": "0.27.2",
+				"@esbuild/darwin-arm64": "0.27.2",
+				"@esbuild/darwin-x64": "0.27.2",
+				"@esbuild/freebsd-arm64": "0.27.2",
+				"@esbuild/freebsd-x64": "0.27.2",
+				"@esbuild/linux-arm": "0.27.2",
+				"@esbuild/linux-arm64": "0.27.2",
+				"@esbuild/linux-ia32": "0.27.2",
+				"@esbuild/linux-loong64": "0.27.2",
+				"@esbuild/linux-mips64el": "0.27.2",
+				"@esbuild/linux-ppc64": "0.27.2",
+				"@esbuild/linux-riscv64": "0.27.2",
+				"@esbuild/linux-s390x": "0.27.2",
+				"@esbuild/linux-x64": "0.27.2",
+				"@esbuild/netbsd-arm64": "0.27.2",
+				"@esbuild/netbsd-x64": "0.27.2",
+				"@esbuild/openbsd-arm64": "0.27.2",
+				"@esbuild/openbsd-x64": "0.27.2",
+				"@esbuild/openharmony-arm64": "0.27.2",
+				"@esbuild/sunos-x64": "0.27.2",
+				"@esbuild/win32-arm64": "0.27.2",
+				"@esbuild/win32-ia32": "0.27.2",
+				"@esbuild/win32-x64": "0.27.2"
+			}
+		},
+		"node_modules/esm-env": {
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.2.2.tgz",
+			"integrity": "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==",
+			"license": "MIT"
+		},
+		"node_modules/esrap": {
+			"version": "2.2.1",
+			"resolved": "https://registry.npmjs.org/esrap/-/esrap-2.2.1.tgz",
+			"integrity": "sha512-GiYWG34AN/4CUyaWAgunGt0Rxvr1PTMlGC0vvEov/uOQYWne2bpN03Um+k8jT+q3op33mKouP2zeJ6OlM+qeUg==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.4.15"
+			}
+		},
+		"node_modules/fdir": {
+			"version": "6.5.0",
+			"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+			"integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=12.0.0"
+			},
+			"peerDependencies": {
+				"picomatch": "^3 || ^4"
+			},
+			"peerDependenciesMeta": {
+				"picomatch": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/fsevents": {
+			"version": "2.3.3",
+			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+			"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+			"hasInstallScript": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+			}
+		},
+		"node_modules/is-reference": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.3.tgz",
+			"integrity": "sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/estree": "^1.0.6"
+			}
+		},
+		"node_modules/jose": {
+			"version": "6.1.3",
+			"resolved": "https://registry.npmjs.org/jose/-/jose-6.1.3.tgz",
+			"integrity": "sha512-0TpaTfihd4QMNwrz/ob2Bp7X04yuxJkjRGi4aKmOqwhov54i6u79oCv7T+C7lo70MKH6BesI3vscD1yb/yzKXQ==",
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/panva"
+			}
+		},
+		"node_modules/kleur": {
+			"version": "4.1.5",
+			"resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+			"integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/locate-character": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
+			"integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
+			"license": "MIT"
+		},
+		"node_modules/magic-string": {
+			"version": "0.30.21",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+			"integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.5.5"
+			}
+		},
+		"node_modules/mri": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+			"integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/mrmime": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
+			"integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/nanoid": {
+			"version": "3.3.11",
+			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+			"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"bin": {
+				"nanoid": "bin/nanoid.cjs"
+			},
+			"engines": {
+				"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+			}
+		},
+		"node_modules/oauth4webapi": {
+			"version": "3.8.3",
+			"resolved": "https://registry.npmjs.org/oauth4webapi/-/oauth4webapi-3.8.3.tgz",
+			"integrity": "sha512-pQ5BsX3QRTgnt5HxgHwgunIRaDXBdkT23tf8dfzmtTIL2LTpdmxgbpbBm0VgFWAIDlezQvQCTgnVIUmHupXHxw==",
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/panva"
+			}
+		},
+		"node_modules/obug": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/obug/-/obug-2.1.1.tgz",
+			"integrity": "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==",
+			"funding": [
+				"https://github.com/sponsors/sxzz",
+				"https://opencollective.com/debug"
+			],
+			"license": "MIT"
+		},
+		"node_modules/package-manager-detector": {
+			"version": "1.6.0",
+			"resolved": "https://registry.npmjs.org/package-manager-detector/-/package-manager-detector-1.6.0.tgz",
+			"integrity": "sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/picocolors": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+			"integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+			"license": "ISC"
+		},
+		"node_modules/picomatch": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+			"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/postcss": {
+			"version": "8.5.6",
+			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+			"integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/postcss/"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/postcss"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"nanoid": "^3.3.11",
+				"picocolors": "^1.1.1",
+				"source-map-js": "^1.2.1"
+			},
+			"engines": {
+				"node": "^10 || ^12 || >=14"
+			}
+		},
+		"node_modules/preact": {
+			"version": "10.24.3",
+			"resolved": "https://registry.npmjs.org/preact/-/preact-10.24.3.tgz",
+			"integrity": "sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA==",
+			"license": "MIT",
+			"peer": true,
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/preact"
+			}
+		},
+		"node_modules/preact-render-to-string": {
+			"version": "6.5.11",
+			"resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-6.5.11.tgz",
+			"integrity": "sha512-ubnauqoGczeGISiOh6RjX0/cdaF8v/oDXIjO85XALCQjwQP+SB4RDXXtvZ6yTYSjG+PC1QRP2AhPgCEsM2EvUw==",
+			"license": "MIT",
+			"peerDependencies": {
+				"preact": ">=10"
+			}
+		},
+		"node_modules/publint": {
+			"version": "0.3.16",
+			"resolved": "https://registry.npmjs.org/publint/-/publint-0.3.16.tgz",
+			"integrity": "sha512-MFqyfRLAExPVZdTQFwkAQELzA8idyXzROVOytg6nEJ/GEypXBUmMGrVaID8cTuzRS1U5L8yTOdOJtMXgFUJAeA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@publint/pack": "^0.1.2",
+				"package-manager-detector": "^1.6.0",
+				"picocolors": "^1.1.1",
+				"sade": "^1.8.1"
+			},
+			"bin": {
+				"publint": "src/cli.js"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://bjornlu.com/sponsor"
+			}
+		},
+		"node_modules/readdirp": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
+			"integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 20.19.0"
+			},
+			"funding": {
+				"type": "individual",
+				"url": "https://paulmillr.com/funding/"
+			}
+		},
+		"node_modules/rollup": {
+			"version": "4.55.1",
+			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.55.1.tgz",
+			"integrity": "sha512-wDv/Ht1BNHB4upNbK74s9usvl7hObDnvVzknxqY/E/O3X6rW1U1rV1aENEfJ54eFZDTNo7zv1f5N4edCluH7+A==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/estree": "1.0.8"
+			},
+			"bin": {
+				"rollup": "dist/bin/rollup"
+			},
+			"engines": {
+				"node": ">=18.0.0",
+				"npm": ">=8.0.0"
+			},
+			"optionalDependencies": {
+				"@rollup/rollup-android-arm-eabi": "4.55.1",
+				"@rollup/rollup-android-arm64": "4.55.1",
+				"@rollup/rollup-darwin-arm64": "4.55.1",
+				"@rollup/rollup-darwin-x64": "4.55.1",
+				"@rollup/rollup-freebsd-arm64": "4.55.1",
+				"@rollup/rollup-freebsd-x64": "4.55.1",
+				"@rollup/rollup-linux-arm-gnueabihf": "4.55.1",
+				"@rollup/rollup-linux-arm-musleabihf": "4.55.1",
+				"@rollup/rollup-linux-arm64-gnu": "4.55.1",
+				"@rollup/rollup-linux-arm64-musl": "4.55.1",
+				"@rollup/rollup-linux-loong64-gnu": "4.55.1",
+				"@rollup/rollup-linux-loong64-musl": "4.55.1",
+				"@rollup/rollup-linux-ppc64-gnu": "4.55.1",
+				"@rollup/rollup-linux-ppc64-musl": "4.55.1",
+				"@rollup/rollup-linux-riscv64-gnu": "4.55.1",
+				"@rollup/rollup-linux-riscv64-musl": "4.55.1",
+				"@rollup/rollup-linux-s390x-gnu": "4.55.1",
+				"@rollup/rollup-linux-x64-gnu": "4.55.1",
+				"@rollup/rollup-linux-x64-musl": "4.55.1",
+				"@rollup/rollup-openbsd-x64": "4.55.1",
+				"@rollup/rollup-openharmony-arm64": "4.55.1",
+				"@rollup/rollup-win32-arm64-msvc": "4.55.1",
+				"@rollup/rollup-win32-ia32-msvc": "4.55.1",
+				"@rollup/rollup-win32-x64-gnu": "4.55.1",
+				"@rollup/rollup-win32-x64-msvc": "4.55.1",
+				"fsevents": "~2.3.2"
+			}
+		},
+		"node_modules/sade": {
+			"version": "1.8.1",
+			"resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+			"integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+			"license": "MIT",
+			"dependencies": {
+				"mri": "^1.1.0"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/scule": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/scule/-/scule-1.3.0.tgz",
+			"integrity": "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/semver": {
+			"version": "7.7.3",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+			"integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+			"dev": true,
+			"license": "ISC",
+			"bin": {
+				"semver": "bin/semver.js"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/set-cookie-parser": {
+			"version": "2.7.2",
+			"resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz",
+			"integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==",
+			"license": "MIT"
+		},
+		"node_modules/sirv": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
+			"integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
+			"license": "MIT",
+			"dependencies": {
+				"@polka/url": "^1.0.0-next.24",
+				"mrmime": "^2.0.0",
+				"totalist": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/source-map-js": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+			"integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+			"license": "BSD-3-Clause",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/svelte": {
+			"version": "5.46.3",
+			"resolved": "https://registry.npmjs.org/svelte/-/svelte-5.46.3.tgz",
+			"integrity": "sha512-Y5juST3x+/ySty5tYJCVWa6Corkxpt25bUZQHqOceg9xfMUtDsFx6rCsG6cYf1cA6vzDi66HIvaki0byZZX95A==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"@jridgewell/remapping": "^2.3.4",
+				"@jridgewell/sourcemap-codec": "^1.5.0",
+				"@sveltejs/acorn-typescript": "^1.0.5",
+				"@types/estree": "^1.0.5",
+				"acorn": "^8.12.1",
+				"aria-query": "^5.3.1",
+				"axobject-query": "^4.1.0",
+				"clsx": "^2.1.1",
+				"devalue": "^5.5.0",
+				"esm-env": "^1.2.1",
+				"esrap": "^2.2.1",
+				"is-reference": "^3.0.3",
+				"locate-character": "^3.0.0",
+				"magic-string": "^0.30.11",
+				"zimmerframe": "^1.1.2"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/svelte-check": {
+			"version": "4.3.5",
+			"resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-4.3.5.tgz",
+			"integrity": "sha512-e4VWZETyXaKGhpkxOXP+B/d0Fp/zKViZoJmneZWe/05Y2aqSKj3YN2nLfYPJBQ87WEiY4BQCQ9hWGu9mPT1a1Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/trace-mapping": "^0.3.25",
+				"chokidar": "^4.0.1",
+				"fdir": "^6.2.0",
+				"picocolors": "^1.0.0",
+				"sade": "^1.7.4"
+			},
+			"bin": {
+				"svelte-check": "bin/svelte-check"
+			},
+			"engines": {
+				"node": ">= 18.0.0"
+			},
+			"peerDependencies": {
+				"svelte": "^4.0.0 || ^5.0.0-next.0",
+				"typescript": ">=5.0.0"
+			}
+		},
+		"node_modules/svelte-check/node_modules/chokidar": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+			"integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"readdirp": "^4.0.1"
+			},
+			"engines": {
+				"node": ">= 14.16.0"
+			},
+			"funding": {
+				"url": "https://paulmillr.com/funding/"
+			}
+		},
+		"node_modules/svelte-check/node_modules/readdirp": {
+			"version": "4.1.2",
+			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+			"integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 14.18.0"
+			},
+			"funding": {
+				"type": "individual",
+				"url": "https://paulmillr.com/funding/"
+			}
+		},
+		"node_modules/svelte2tsx": {
+			"version": "0.7.46",
+			"resolved": "https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.7.46.tgz",
+			"integrity": "sha512-S++Vw3w47a8rBuhbz4JK0fcGea8tOoX1boT53Aib8+oUO2EKeOG+geXprJVTDfBlvR+IJdf3jIpR2RGwT6paQA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"dedent-js": "^1.0.1",
+				"scule": "^1.3.0"
+			},
+			"peerDependencies": {
+				"svelte": "^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0",
+				"typescript": "^4.9.4 || ^5.0.0"
+			}
+		},
+		"node_modules/tinyglobby": {
+			"version": "0.2.15",
+			"resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+			"integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+			"license": "MIT",
+			"dependencies": {
+				"fdir": "^6.5.0",
+				"picomatch": "^4.0.3"
+			},
+			"engines": {
+				"node": ">=12.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/SuperchupuDev"
+			}
+		},
+		"node_modules/totalist": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+			"integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/typescript": {
+			"version": "5.9.3",
+			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+			"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+			"devOptional": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"bin": {
+				"tsc": "bin/tsc",
+				"tsserver": "bin/tsserver"
+			},
+			"engines": {
+				"node": ">=14.17"
+			}
+		},
+		"node_modules/vite": {
+			"version": "7.3.1",
+			"resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz",
+			"integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"esbuild": "^0.27.0",
+				"fdir": "^6.5.0",
+				"picomatch": "^4.0.3",
+				"postcss": "^8.5.6",
+				"rollup": "^4.43.0",
+				"tinyglobby": "^0.2.15"
+			},
+			"bin": {
+				"vite": "bin/vite.js"
+			},
+			"engines": {
+				"node": "^20.19.0 || >=22.12.0"
+			},
+			"funding": {
+				"url": "https://github.com/vitejs/vite?sponsor=1"
+			},
+			"optionalDependencies": {
+				"fsevents": "~2.3.3"
+			},
+			"peerDependencies": {
+				"@types/node": "^20.19.0 || >=22.12.0",
+				"jiti": ">=1.21.0",
+				"less": "^4.0.0",
+				"lightningcss": "^1.21.0",
+				"sass": "^1.70.0",
+				"sass-embedded": "^1.70.0",
+				"stylus": ">=0.54.8",
+				"sugarss": "^5.0.0",
+				"terser": "^5.16.0",
+				"tsx": "^4.8.1",
+				"yaml": "^2.4.2"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				},
+				"jiti": {
+					"optional": true
+				},
+				"less": {
+					"optional": true
+				},
+				"lightningcss": {
+					"optional": true
+				},
+				"sass": {
+					"optional": true
+				},
+				"sass-embedded": {
+					"optional": true
+				},
+				"stylus": {
+					"optional": true
+				},
+				"sugarss": {
+					"optional": true
+				},
+				"terser": {
+					"optional": true
+				},
+				"tsx": {
+					"optional": true
+				},
+				"yaml": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/vitefu": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/vitefu/-/vitefu-1.1.1.tgz",
+			"integrity": "sha512-B/Fegf3i8zh0yFbpzZ21amWzHmuNlLlmJT6n7bu5e+pCHUKQIfXSYokrqOBGEMMe9UG2sostKQF9mml/vYaWJQ==",
+			"license": "MIT",
+			"workspaces": [
+				"tests/deps/*",
+				"tests/projects/*",
+				"tests/projects/workspace/packages/*"
+			],
+			"peerDependencies": {
+				"vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0-beta.0"
+			},
+			"peerDependenciesMeta": {
+				"vite": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/zimmerframe": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.4.tgz",
+			"integrity": "sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ==",
+			"license": "MIT"
+		}
+	}
+}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000..ec9a911
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,51 @@
+{
+	"name": "progchamp",
+	"version": "0.0.1",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build && npm run prepack",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"prepack": "svelte-kit sync && svelte-package && publint",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-auto": "^7.0.0",
+		"@sveltejs/kit": "^2.50.0",
+		"@sveltejs/package": "^2.5.7",
+		"@sveltejs/vite-plugin-svelte": "^6.2.4",
+		"publint": "^0.3.15",
+		"svelte": "^5.45.6",
+		"svelte-check": "^4.3.4",
+		"typescript": "^5.9.3",
+		"vite": "^7.2.6"
+	},
+	"keywords": [
+		"svelte"
+	],
+	"dependencies": {
+		"@auth/core": "^0.41.1",
+		"@auth/sveltekit": "^1.11.1"
+	}
+}
diff --git a/frontend/src/app.css b/frontend/src/app.css
new file mode 100644
index 0000000..49987ca
--- /dev/null
+++ b/frontend/src/app.css
@@ -0,0 +1,3 @@
+html{
+    background-color: #0a0a0f;
+}
\ No newline at end of file
diff --git a/frontend/src/app.d.ts b/frontend/src/app.d.ts
new file mode 100644
index 0000000..a9114e3
--- /dev/null
+++ b/frontend/src/app.d.ts
@@ -0,0 +1,18 @@
+// See https://svelte.dev/docs/kit/types#app.d.ts
+
+import type { Session } from "@auth/core/types";
+
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		interface Locals {
+			getSession(): Promise<Session | null>;
+		}
+		// interface PageData {}
+		// interface PageState {}
+		// interface Platform {}
+	}
+}
+
+export {};
diff --git a/frontend/src/app.html b/frontend/src/app.html
new file mode 100644
index 0000000..1391f88
--- /dev/null
+++ b/frontend/src/app.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.svg" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>
diff --git a/frontend/src/auth.ts b/frontend/src/auth.ts
new file mode 100644
index 0000000..d614176
--- /dev/null
+++ b/frontend/src/auth.ts
@@ -0,0 +1,10 @@
+// src/auth.ts
+const API_URL = import.meta.env.VITE_API_URL ?? 'http://localhost:9210';
+
+export async function getSession(fetch: typeof globalThis.fetch) {
+  const res = await fetch(`${API_URL}/auth/session`, {
+    credentials: 'include',
+  });
+  if (!res.ok) return null;
+  return res.json(); // { authenticated, needsProfileSetup, user }
+}
diff --git a/frontend/src/hooks.server.ts b/frontend/src/hooks.server.ts
new file mode 100644
index 0000000..72e8ebf
--- /dev/null
+++ b/frontend/src/hooks.server.ts
@@ -0,0 +1,3 @@
+import { handle } from "./auth";
+
+export { handle };
\ No newline at end of file
diff --git a/frontend/src/lib/components/GameCard.svelte b/frontend/src/lib/components/GameCard.svelte
new file mode 100644
index 0000000..970e163
--- /dev/null
+++ b/frontend/src/lib/components/GameCard.svelte
@@ -0,0 +1,94 @@
+<script lang="ts">
+    export let game: {
+        id: string;
+        title: string;
+        devName: string;
+        description: string;
+        thumbnail: string;
+        url: string;
+        ratings: string;
+        views: string;
+        superlikes: string;
+        tags: string[];
+    }
+</script>
+
+<a href = {`/game/${game.id}`} class = "card-link">
+    <div class = "card">
+
+        <div class = "thumbnail">
+            <img src = {game.thumbnail} alt= {game.title}/>
+        </div>
+
+        <div class = "data">
+            <h2> {game.title} </h2>
+            <p> {game.devName} </p>
+            <hr>
+            ⭐ {game.ratings} 👥 {game.views} 🌟 {game.superlikes} <br>
+            <div class = "tags">
+                {#each game.tags as tag}
+                    <span class = "tag">#{tag}</span>
+                {/each}
+            </div>
+        </div>
+    </div>
+</a>
+
+<style>
+    .card-link {
+        text-decoration: none;
+        color: inherit;
+        display: block;
+    }
+    
+    .card {
+        padding: 1rem;  
+        border-radius: 8px;
+        background-color: #40246e;
+        color: white;
+        transition: transform 0.15s ease, box-shadow 0.15s ease;
+    }
+
+    .card:hover {
+        transform: translateY(-4px);
+        box-shadow: 0 10px 20px rgba(0,0,0,0.25);
+    }
+
+    .thumbnail {
+        width: 100%;
+        aspect-ratio: 16/9;
+        overflow: hidden;
+    }
+
+    .thumbnail img{
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        display: block;
+    }
+
+    .data {
+        padding: 0.75rem 1rem;
+    }
+
+    .description {
+        font-size: 0.9rem;
+        opacity: 0.85;
+        display: -webkit-box;
+            -webkit-line-clamp: 2;
+            -webkit-box-orient: vertical;
+        overflow: hidden;
+    }
+    
+    .tags{
+        margin: 1rem auto;
+    }
+
+    .tag{
+        padding: 4px;
+        margin: 3px;
+        border: 1px solid;
+        border-color: lavender;
+        border-radius: 8px;
+    }
+</style>
\ No newline at end of file
diff --git a/frontend/src/lib/components/layout/Footer.svelte b/frontend/src/lib/components/layout/Footer.svelte
new file mode 100644
index 0000000..81b4441
--- /dev/null
+++ b/frontend/src/lib/components/layout/Footer.svelte
@@ -0,0 +1,12 @@
+<footer>
+    <small>© ACM PESUECC</small>
+</footer>
+
+<style>
+  footer {
+    font-size: large;
+    width: 100%;
+    text-align: center;
+    color: rgb(67, 108, 255);
+  }
+</style>
\ No newline at end of file
diff --git a/frontend/src/lib/components/layout/Header.svelte b/frontend/src/lib/components/layout/Header.svelte
new file mode 100644
index 0000000..8d34987
--- /dev/null
+++ b/frontend/src/lib/components/layout/Header.svelte
@@ -0,0 +1,152 @@
+<script>
+    import { goto } from '$app/navigation'
+    import { page } from '$app/stores'
+    import { signIn, signOut} from '@auth/sveltekit/client'
+
+    let isProfileOpen = false
+
+    function showProfile() {
+        isProfileOpen = !isProfileOpen
+    }
+
+    $: session = $page.data.session;
+    $: user = session?.user;
+    $: role = user?.email?.endsWith('@pes.edu') ? 'admin' : 'dev'; //temporary check lmao
+</script>
+
+<header>
+    <div class="topbar">
+        <button class="profile-btn" on:click={showProfile}>
+            {user ? user.name : 'Guest'}
+        </button>
+
+        {#if user && isProfileOpen}
+            <div class="profile-dropdown">
+                <p>{user.name}</p>
+
+                {#if role === "dev"}
+                    <button on:click={() => goto('/my-games')}>My Games</button>
+                    <button on:click={() => goto('/upload')}>Publish Game</button>
+                {/if}
+
+                {#if role === "admin"}
+                    <button on:click={() => goto('/admin')}>Dashboard</button>
+                {/if}
+
+                <button class="sign-out" on:click={() => signOut()}>
+                    Sign Out
+                </button>
+            </div>
+        {/if}
+
+        {#if !user}
+            <button class="login-btn" on:click={() => signIn('google')}>
+                Sign in with Google
+            </button>
+        {/if}
+    </div>
+
+    <a href="/">
+        <h1>Progchamp!</h1>
+    </a>
+
+</header>
+
+<style>
+    header {
+        position: relative;
+        margin: 0;
+    }
+
+    .topbar {
+        position: absolute;
+        top: 10px;
+        right: 10px;
+    }
+
+    header h1 {
+        margin: 0;
+        color: #ff006f;
+        text-align: center;
+        text-transform: uppercase;
+        font-size: 3em;
+        font-weight: 100;
+    }
+
+    /* nav {
+        margin: 0;
+        color: #ff006f;
+        text-align: center;
+        text-transform: uppercase;
+        font-size: 2em;
+        font-weight: 100;
+    } */
+
+    .login-btn, .profile-btn {
+        width: 150px;
+        height: 32px;
+        border: 1px solid #8c5cd9;
+        border-radius: 8px;
+        background-color: #0a0a0f;
+        color: lavender;
+        cursor: pointer;
+        transition: transform 150ms ease, border-color 150ms ease;
+        display: inline-block;
+        will-change: transform, border-color;
+    }
+
+    /* .login-btn:hover, .profile-btn:hover {
+        border-color: #ca1261;
+        transform: translateY(-2px);
+    } */
+
+    .profile-dropdown {
+        margin-top: 8px;
+        padding: 0.7rem;
+        border: 1px solid #ca1261;
+        border-radius: 10px;
+        width: 170px;
+        background-color: #0a0a0f;
+        color: lavender;
+        display: flex;
+        flex-direction: column;
+        gap: 0.5rem;
+        z-index: 10;
+    }
+
+    .profile-dropdown p {
+        margin: 0;
+        font-size: 0.95rem;
+        opacity: 0.8;
+    }
+
+    .profile-dropdown button {
+        width: 100%;
+        padding: 0.4rem;
+        color: lavender;
+        background-color: #0a0a0f;
+        border: 1px solid aqua;
+        border-radius: 6px;
+        cursor: pointer;
+    }
+
+    .profile-dropdown button:hover {
+        border-color: #ca1261;
+        transform: scale(1.03);
+        transition: all 150ms ease;
+    }
+
+    a {
+        text-decoration: none;
+        transition: transform 0.15s ease;
+    }
+
+    a:link, a:visited {
+        color: #ff006f;
+    }
+
+    a:hover {
+        color: #ca1261;
+        transform: translateY(-2px);
+    }
+</style>
\ No newline at end of file
diff --git a/frontend/src/lib/components/layout/ui/Button.svelte b/frontend/src/lib/components/layout/ui/Button.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/lib/components/layout/ui/Card.svelte b/frontend/src/lib/components/layout/ui/Card.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/lib/data/games.js b/frontend/src/lib/data/games.js
new file mode 100644
index 0000000..f67642a
--- /dev/null
+++ b/frontend/src/lib/data/games.js
@@ -0,0 +1,26 @@
+export const games = [
+    {
+        id: 'game-1',
+        title: 'Game 1',
+        devName: 'dev 1',
+        description: 'welcome to game 1, this is temporary', //these are temporary T-T
+        thumbnail: 'games/yes/thumbnail.png',
+        url: 'https://frndboard.netlify.app/',
+        ratings: '5',
+        views: '69',
+        superlikes: '5',
+        tags: ['arcade', 'classic', 'singleplayer']
+    },
+    {
+        id: 'game-2', 
+        title: 'Game 2',
+        devName: 'dev 2',
+        description: 'this is game 2, temporary',
+        thumbnail: 'games/no/thumbnail.jpg',
+        url: 'games/no/index.html',
+        ratings: '4.5',
+        views: '30',
+        superlikes: '5', 
+        tags: ['arcade', 'strategy', 'multiplayer']
+    }
+];
diff --git a/frontend/src/lib/index.ts b/frontend/src/lib/index.ts
new file mode 100644
index 0000000..47d3c46
--- /dev/null
+++ b/frontend/src/lib/index.ts
@@ -0,0 +1 @@
+// Reexport your entry components here
diff --git a/frontend/src/lib/services/api.js b/frontend/src/lib/services/api.js
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/lib/stores/ratings.ts b/frontend/src/lib/stores/ratings.ts
new file mode 100644
index 0000000..c40ad3f
--- /dev/null
+++ b/frontend/src/lib/stores/ratings.ts
@@ -0,0 +1,9 @@
+import { writable } from 'svelte/store';
+
+type RatingData = {
+  totalRatings: number;
+  totalScore: number;
+  superlikes: number;
+};
+
+export const ratings = writable<Record<string, RatingData>>({});
diff --git a/frontend/src/lib/stores/submissions.ts b/frontend/src/lib/stores/submissions.ts
new file mode 100644
index 0000000..5beeb41
--- /dev/null
+++ b/frontend/src/lib/stores/submissions.ts
@@ -0,0 +1,15 @@
+import { writable } from "svelte/store";
+
+export type Submission = {
+  id: string;
+  title: string;
+  description: string;
+  url: string;
+  thumbnail: File | null;
+  status: "pending" | "approved" | "rejected";
+  dev: string;
+  genre: string;
+  rejectionReason?: string;
+};
+
+export const submissions = writable<Submission[]>([]);
diff --git a/frontend/src/lib/stores/user.js b/frontend/src/lib/stores/user.js
new file mode 100644
index 0000000..3188979
--- /dev/null
+++ b/frontend/src/lib/stores/user.js
@@ -0,0 +1,14 @@
+import { writable } from 'svelte/store';
+
+//Mock user data
+
+// export const user = writable(null);
+
+export const user = writable({
+    isSignedIn: true,
+    name: 'test',
+    role: 'dev',
+    usedSuperLikes: 0,
+    maxSuperLikes: 3
+});
+
diff --git a/frontend/src/lib/styles/globals.css b/frontend/src/lib/styles/globals.css
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/routes/+layout.server.ts b/frontend/src/routes/+layout.server.ts
new file mode 100644
index 0000000..3f84e4d
--- /dev/null
+++ b/frontend/src/routes/+layout.server.ts
@@ -0,0 +1,7 @@
+import type { LayoutServerLoad } from './$types.js';
+
+export const load: LayoutServerLoad = async (event) => {
+    return {
+        session: await event.locals.getSession()
+    };
+};
\ No newline at end of file
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
new file mode 100644
index 0000000..5a0c03f
--- /dev/null
+++ b/frontend/src/routes/+layout.svelte
@@ -0,0 +1,21 @@
+<script>
+    import '../app.css'
+    import Header from '$lib/components/layout/Header.svelte'
+    import Footer from '$lib/components/layout/Footer.svelte'
+
+</script>
+
+<Header />
+
+<main>
+    <slot />
+</main>
+
+<Footer />
+
+<style> 
+    main {
+        text-align: center;
+        padding-top: 0.5rem;
+    }
+</style>
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
new file mode 100644
index 0000000..d95008b
--- /dev/null
+++ b/frontend/src/routes/+page.svelte
@@ -0,0 +1,544 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { goto } from '$app/navigation';
+
+  // page data from server — Svelte 5: $props() replaces export let
+  let { data } = $props();
+
+  // derived state — Svelte 5: $derived() replaces $: reactive declarations
+  let session    = $derived(data.session);
+  let isLoggedIn = $derived(data.session?.authenticated ?? false);
+  let isAdmin    = $derived(data.user?.userType === 'admin');
+  let games      = $derived(data.games ?? []);
+  let categories = $derived(data.categories ?? []);
+
+  // local state — Svelte 5: $state() replaces plain let for reactive vars
+  let showLogin   = $state(false);
+  let searchQuery = $state('');
+  let cursorEl    = $state<HTMLDivElement | null>(null);
+  let dotEl       = $state<HTMLDivElement | null>(null);
+
+  // go to a page, show login first if the user isn't signed in
+  function goTo(path: string, requiresAuth = false) {
+     goto(path); 
+  }
+
+  // run a search
+  function handleSearch(e: SubmitEvent) {
+    e.preventDefault();
+    const q = searchQuery.trim();
+    if (q) goto(`/games?q=${encodeURIComponent(q)}`);
+  }
+
+  // sign in with Google — redirects to Hono backend OAuth flow
+  function handleGoogleSignIn() {
+    window.location.href = 'http://localhost:9210/auth/google';
+  }
+
+  // sign out — calls Hono logout endpoint then returns to home
+  async function handleSignOut() {
+    await fetch('http://localhost:9210/auth/logout', {
+      method: 'POST',
+      credentials: 'include',
+    });
+    window.location.href = '/';
+  }
+
+  // close the login modal when clicking the dark backdrop
+  function closeOnBackdrop(e: MouseEvent) {
+    if (e.target === e.currentTarget) showLogin = false;
+  }
+
+  // custom cursor that smoothly follows the mouse
+  onMount(() => {
+    let mx = 0, my = 0, cx = 0, cy = 0;
+
+    const onMove = (e: MouseEvent) => {
+      mx = e.clientX; my = e.clientY;
+      if (dotEl) { dotEl.style.left = mx + 'px'; dotEl.style.top = my + 'px'; }
+    };
+    document.addEventListener('mousemove', onMove);
+
+    const raf = () => {
+      cx += (mx - cx) * 0.12; cy += (my - cy) * 0.12;
+      if (cursorEl) { cursorEl.style.left = cx + 'px'; cursorEl.style.top = cy + 'px'; }
+      requestAnimationFrame(raf);
+    };
+    raf();
+
+    const addHover = (el: Element) => {
+      el.addEventListener('mouseenter', () => { if (cursorEl) { cursorEl.style.transform = 'translate(-50%,-50%) scale(2)'; cursorEl.style.borderColor = 'var(--neon-pink)'; } });
+      el.addEventListener('mouseleave', () => { if (cursorEl) { cursorEl.style.transform = 'translate(-50%,-50%) scale(1)'; cursorEl.style.borderColor = 'var(--neon-cyan)'; } });
+    };
+    document.querySelectorAll('button, a, .game-card, .cat-item').forEach(addHover);
+
+    return () => document.removeEventListener('mousemove', onMove);
+  });
+</script>
+
+<svelte:head>
+  <title>PROGCHAMP // Game Vault</title>
+  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Share+Tech+Mono&family=Oxanium:wght@300;400;600;800&display=swap" rel="stylesheet" />
+</svelte:head>
+
+<!-- cursor -->
+<div class="cursor"     bind:this={cursorEl}></div>
+<div class="cursor-dot" bind:this={dotEl}></div>
+
+<!-- background grid and noise -->
+<div class="grid-bg"></div>
+<div class="noise"></div>
+
+<!-- nav bar -->
+<nav>
+  <a href="/" class="logo-wrap">
+    <span class="logo">PROG<em>CHAMP</em></span>
+    <span class="logo-sub">an @ACMpesuecc project</span>
+  </a>
+
+  <form class="nav-search" onsubmit={handleSearch}>
+    <input class="nav-search-input" type="text" placeholder="SEARCH GAMES..." bind:value={searchQuery} />
+    <button type="submit" class="nav-search-btn" aria-label="Search">⌕</button>
+  </form>
+
+  <ul class="nav-links">
+    <li><a href="/all-games"    class="nav-link" onclick={(e) => { e.preventDefault(); goTo('/games',    true); }}>ALL GAMES</a></li>
+    <li><a href="/my-games" class="nav-link" onclick={(e) => { e.preventDefault(); goTo('/my-games', true); }}>MY GAMES</a></li>
+    <li><a href="/upload"   class="nav-link" onclick={(e) => { e.preventDefault(); goTo('/upload',   true); }}>UPLOAD</a></li>
+    <li><a href="/admin" class="nav-link nav-link--admin" onclick={(e) => { e.preventDefault(); goTo('/admin'); }}>⚙ ADMIN</a></li>
+  </ul>
+
+  {#if isLoggedIn}
+    <div class="nav-user">
+      {#if data.user?.avatarUrl}
+        <img class="nav-avatar" src={data.user.avatarUrl} alt={data.user.name} referrerpolicy="no-referrer" />
+      {/if}
+      <button class="nav-cta nav-cta--out" onclick={handleSignOut}>LOG OUT</button>
+    </div>
+  {:else}
+    <button class="nav-cta" onclick={() => showLogin = true}>LOGIN</button>
+  {/if}
+</nav>
+
+<!-- hero section -->
+<section class="hero">
+  <div class="hero-orb orb1"></div>
+  <div class="hero-orb orb2"></div>
+
+  <div class="hero-inner">
+    <!-- left: headline and buttons -->
+    <div class="hero-left">
+      <h1 class="hero-glitch-text">
+        <span class="line1">BUILD IT.</span>
+        <span class="line2">PLAY IT.</span>
+        <span class="line3">WIN IT.</span>
+      </h1>
+
+      <p class="hero-sub">
+        // UNAUTHORIZED ACCESS TO FUN DETECTED<br/>
+        Stream, host, and dominate 10,000+ titles.<br/>
+        No installs. No limits. Pure voltage.
+      </p>
+
+      <div class="hero-actions">
+        <button class="btn-primary" onclick={() => goTo('/games', true)}>ENTER THE VAULT</button>
+        <a href="/all-games" class="btn-secondary" onclick={(e) => { e.preventDefault(); goTo('/games', true); }}>VIEW LIBRARY</a>
+      </div>
+    </div>
+
+    <!-- right: space invaders animation -->
+    <div class="hero-anim" aria-hidden="true">
+      <div class="ga-screen">
+        <div class="ga-scanlines"></div>
+        <div class="ga-star s1"></div>
+        <div class="ga-star s2"></div>
+        <div class="ga-star s3"></div>
+        <div class="ga-star s4"></div>
+        <div class="ga-star s5"></div>
+        <div class="ga-star s6"></div>
+        <div class="ga-invaders">
+          <div class="ga-inv inv1">👾</div>
+          <div class="ga-inv inv2">👾</div>
+          <div class="ga-inv inv3">👾</div>
+          <div class="ga-inv inv4">👾</div>
+          <div class="ga-inv inv5">👾</div>
+        </div>
+        <div class="ga-ebullet eb1"></div>
+        <div class="ga-ebullet eb2"></div>
+        <div class="ga-ship">🚀</div>
+        <div class="ga-laser"></div>
+        <div class="ga-explosion">💥</div>
+        <div class="ga-hud">
+          <span class="ga-score">SCORE <span class="ga-score-num">08450</span></span>
+          <span class="ga-lives">♥ ♥ ♥</span>
+        </div>
+        <div class="ga-ground"></div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- scrolling text ticker -->
+<div class="marquee-section">
+  <div class="marquee-track">
+    {#each Array(2) as _}
+      <span class="marquee-item">PROGCHAMP <span>★</span></span>
+      <span class="marquee-item">NEW DROP: CYBER EXODUS <span>★</span></span>
+      <span class="marquee-item">SEASON 7 LIVE <span>★</span></span>
+      <span class="marquee-item">TOURNAMENT — PRIZE POOL $50K <span>★</span></span>
+      <span class="marquee-item">@ACMpesuecc PROJECT <span>★</span></span>
+    {/each}
+  </div>
+</div>
+
+<!-- trending games grid -->
+<section>
+  <div class="section-header">
+    <h2 class="section-title trending-title">TRENDING</h2>
+    <span class="section-tag">// UPDATED WEEKLY</span>
+    <a href="/all-games" class="section-link" onclick={(e) => { e.preventDefault(); goTo('/games', true); }}>VIEW ALL →</a>
+  </div>
+  <div class="games-grid">
+    {#each games as game, i}
+      <a href="/all-games/{game.slug}" class="game-card">
+        <div class="game-thumb">
+          {#if game.image_url}
+            <img class="game-thumb-img" src={game.image_url} alt={game.name} />
+          {:else}
+            <div class="game-thumb-fallback">
+              <span style="color:{game.iconColor}">{game.icon}</span>
+            </div>
+          {/if}
+          <div class="game-art-pattern"></div>
+          <div class="game-icon" style="color:{game.iconColor}">{game.icon}</div>
+        </div>
+        <div class="game-overlay"></div>
+        <div class="game-hover-btn"><span class="play-btn">PLAY NOW</span></div>
+        <div class="game-info">
+          <div class="game-genre">{game.genre}</div>
+          <div class="game-name">{game.name}</div>
+          <div class="game-meta">
+            <span class="game-rating">{game.rating}</span>
+          </div>
+        </div>
+        {#if i === 0}<div class="corner-deco tl"></div>{/if}
+        {#if i === 2}<div class="corner-deco br"></div>{/if}
+      </a>
+    {/each}
+  </div>
+</section>
+
+<!-- genre categories -->
+<section class="categories-section">
+  <div class="section-header">
+    <h2 class="section-title">EXPLORE BY <span>GENRE</span></h2>
+    <span class="section-tag">// 48 CATEGORIES</span>
+  </div>
+  <div class="cat-grid">
+    {#each categories as cat}
+      <a href="/games?genre={encodeURIComponent(cat.name)}" class="cat-item">
+        <span class="cat-icon">{cat.icon}</span>
+        <div class="cat-name">{cat.name}</div>
+      </a>
+    {/each}
+  </div>
+</section>
+
+<!-- upload banner for developers -->
+<section class="upload-cta-section">
+  <div class="upload-cta-inner">
+    <div class="upload-text">
+      <div class="upload-eyebrow">// FOR DEVELOPERS</div>
+      <h2 class="upload-title">PUBLISH YOUR <span>GAME</span></h2>
+      <p class="upload-sub">Got something worth playing? Upload your build, set your tags, and let the world plug in.</p>
+    </div>
+    <button class="btn-upload" onclick={() => goTo('/upload', true)}>UPLOAD A GAME ↗</button>
+  </div>
+</section>
+
+<!-- sign up call to action -->
+<section class="cta-section">
+  <div class="cta-eyebrow">// INITIALIZE YOUR SESSION</div>
+  <h2 class="cta-title">READY TO<br/><span class="accent">LOGIN?</span></h2>
+  <p class="cta-sub">Create your free account and get instant access to 100 games. No credit card required. No downloads. Just pure, uncut gameplay.</p>
+  <button class="btn-primary" onclick={() => showLogin = true}>CREATE FREE ACCOUNT</button>
+</section>
+
+<!-- footer -->
+<footer>
+  <div class="footer-brand">
+    <div class="footer-logo">PROG<span>CHAMP</span></div>
+    <div class="footer-logo-sub">an @ACMpesuecc project</div>
+    
+  </div>
+  <div>
+    <div class="footer-col-title">Vault</div>
+    <ul class="footer-links">
+      <li><a href="/all-games?sort=new">New Releases</a></li>
+      <li><a href="/all-games?sort=top">Top Rated</a></li>
+      <li><a href="/all-games?filter=free">Free to Play</a></li>
+      <li><a href="/all-games?filter=upcoming">Coming Soon</a></li>
+    </ul>
+  </div>
+  <div>
+    <div class="footer-col-title">Your Space</div>
+    <ul class="footer-links">
+      <li><a href="/all-games">Browse All Games</a></li>
+      <li><a href="/my-games" onclick={(e) => { e.preventDefault(); goTo('/my-games', true); }}>My Games</a></li>
+      <li><a href="/upload"   onclick={(e) => { e.preventDefault(); goTo('/upload',   true); }}>Upload a Game</a></li>
+      {#if isAdmin}
+        <li><a href="/admin" class="admin-link">Admin Panel</a></li>
+      {/if}
+    </ul>
+  </div>
+  <div>
+    <div class="footer-col-title">ProgChamp</div>
+    <ul class="footer-links">
+      <li><a href="#">About ACMpesuecc</a></li>
+     
+    </ul>
+  </div>
+  <div class="footer-bottom">
+    <div class="footer-copy">© 2026 PROGCHAMP — AN @ACMpesuecc PROJECT — ALL RIGHTS RESERVED</div>
+    <div class="footer-status"><span class="status-dot"></span>ALL SYSTEMS OPERATIONAL</div>
+  </div>
+</footer>
+
+<!-- login modal -->
+{#if showLogin}
+  <div class="modal-backdrop" onclick={closeOnBackdrop} role="presentation">
+    <div class="modal" role="dialog" aria-modal="true" aria-labelledby="modal-heading">
+      <div class="modal-corner tl"></div>
+      <div class="modal-corner br"></div>
+      <button class="modal-close" onclick={() => showLogin = false} aria-label="Close">✕</button>
+      <div class="modal-eyebrow">// ACCESS TERMINAL</div>
+      <h2 class="modal-title" id="modal-heading">LOG<span>IN</span></h2>
+      <p class="modal-sub">Authenticate to access the vault. One click is all it takes.</p>
+      <div class="modal-actions">
+        <button class="btn-google" onclick={handleGoogleSignIn}>
+          <svg class="google-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
+            <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/>
+            <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.84z" fill="#FBBC05"/>
+            <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/>
+          </svg>
+          CONTINUE WITH GOOGLE
+        </button>
+        <p class="modal-terms">By signing in you agree to the ProgChamp terms of use.</p>
+      </div>
+    </div>
+  </div>
+{/if}
+
+<style>
+  /* global colours and fonts */
+  :global(:root) { --neon-cyan:#00fff9; --neon-pink:#ff006e; --neon-yellow:#ffe600; --neon-purple:#bf00ff; --dark:#03000a; --dark2:#0a0014; --grid-color:rgba(0,255,249,0.06); --text:#e0e0ff; }
+  :global(*,*::before,*::after) { box-sizing:border-box; margin:0; padding:0; }
+  :global(html) { scroll-behavior:smooth; }
+  :global(body) { background:var(--dark); color:var(--text); font-family:'Oxanium',sans-serif; overflow-x:hidden; cursor:none; }
+  :global(body::before) { content:''; position:fixed; inset:0; background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.15) 2px,rgba(0,0,0,0.15) 4px); pointer-events:none; z-index:100; }
+
+  /* cursor */
+  .cursor { width:16px; height:16px; border:2px solid var(--neon-cyan); border-radius:50%; position:fixed; pointer-events:none; z-index:9999; transform:translate(-50%,-50%); transition:transform .12s ease,border-color .3s; mix-blend-mode:screen; }
+  .cursor-dot { width:4px; height:4px; background:var(--neon-pink); border-radius:50%; position:fixed; pointer-events:none; z-index:9999; transform:translate(-50%,-50%); }
+
+  /* background grid */
+  .grid-bg { position:fixed; inset:0; background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px); background-size:60px 60px; z-index:0; animation:gridPulse 8s ease-in-out infinite; }
+  @keyframes gridPulse { 0%,100%{opacity:.6} 50%{opacity:1} }
+  .noise { position:fixed; inset:0; opacity:.03; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size:200px 200px; pointer-events:none; z-index:1; }
+
+  /* nav bar */
+  nav { position:fixed; top:0; left:0; right:0; z-index:200; display:flex; align-items:center; gap:22px; padding:14px 48px; border-bottom:1px solid rgba(0,255,249,.15); background:rgba(3,0,10,.92); backdrop-filter:blur(14px); }
+  .logo-wrap { display:flex; flex-direction:column; align-items:flex-start; text-decoration:none; flex-shrink:0; gap:2px; }
+  .logo { font-family:'Bebas Neue',sans-serif; font-size:2.4rem; letter-spacing:.12em; line-height:1; font-style:normal; color:var(--neon-cyan); text-shadow:0 0 20px var(--neon-cyan),0 0 60px rgba(0,255,249,.3); }
+  .logo em { color:var(--neon-pink); font-style:normal; text-shadow:0 0 20px var(--neon-pink),0 0 60px rgba(255,0,110,.3); }
+  .logo-sub { font-family:'Share Tech Mono',monospace; font-size:.72rem; letter-spacing:.14em; color:rgba(0,255,249,.4); text-transform:lowercase; white-space:nowrap; }
+  .nav-search { display:flex; align-items:center; flex:1; max-width:400px; border:1px solid rgba(0,255,249,.2); background:rgba(0,255,249,.03); clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%); transition:border-color .3s,box-shadow .3s; }
+  .nav-search:focus-within { border-color:var(--neon-cyan); box-shadow:0 0 20px rgba(0,255,249,.12); }
+  .nav-search-input { flex:1; background:transparent; border:none; outline:none; font-family:'Share Tech Mono',monospace; font-size:.68rem; letter-spacing:.12em; color:var(--text); padding:10px 14px; text-transform:uppercase; }
+  .nav-search-input::placeholder { color:rgba(224,224,255,.22); }
+  .nav-search-btn { background:transparent; border:none; border-left:1px solid rgba(0,255,249,.15); color:var(--neon-cyan); font-size:1.1rem; padding:8px 13px; cursor:none; line-height:1; transition:background .2s,text-shadow .2s; }
+  .nav-search-btn:hover { background:rgba(0,255,249,.08); text-shadow:0 0 12px var(--neon-cyan); }
+  .nav-links { display:flex; gap:26px; list-style:none; }
+  .nav-link { font-family:'Share Tech Mono',monospace; font-size:.67rem; letter-spacing:.18em; text-transform:uppercase; color:rgba(224,224,255,.5); text-decoration:none; position:relative; transition:color .2s; white-space:nowrap; }
+  .nav-link::after { content:''; position:absolute; bottom:-4px; left:0; width:0; height:1px; background:var(--neon-cyan); box-shadow:0 0 8px var(--neon-cyan); transition:width .3s; }
+  .nav-link:hover { color:var(--neon-cyan); }
+  .nav-link:hover::after { width:100%; }
+  .nav-link--admin { color:rgba(255,0,110,.7); }
+  .nav-link--admin::after { background:var(--neon-pink); box-shadow:0 0 8px var(--neon-pink); }
+  .nav-link--admin:hover { color:var(--neon-pink); }
+  .nav-cta { font-family:'Share Tech Mono',monospace; font-size:.68rem; letter-spacing:.15em; text-transform:uppercase; background:transparent; border:1px solid var(--neon-pink); color:var(--neon-pink); padding:9px 22px; cursor:none; transition:all .3s; flex-shrink:0; text-shadow:0 0 10px var(--neon-pink); box-shadow:0 0 10px rgba(255,0,110,.2),inset 0 0 10px rgba(255,0,110,.05); clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%); }
+  .nav-cta:hover { background:var(--neon-pink); color:var(--dark); box-shadow:0 0 30px var(--neon-pink),0 0 60px rgba(255,0,110,.4); text-shadow:none; }
+  .nav-cta--out { border-color:rgba(224,224,255,.2); color:rgba(224,224,255,.35); text-shadow:none; box-shadow:none; }
+  .nav-cta--out:hover { background:rgba(224,224,255,.05); color:rgba(224,224,255,.6); box-shadow:none; }
+  .nav-user { display:flex; align-items:center; gap:10px; flex-shrink:0; }
+  .nav-avatar { width:28px; height:28px; border-radius:50%; border:1px solid rgba(0,255,249,.3); object-fit:cover; }
+
+  /* hero section */
+  .hero { position:relative; z-index:10; min-height:100vh; display:flex; flex-direction:column; justify-content:center; padding:80px 60px; margin-top:-30px; overflow:hidden; }
+  .hero-orb { position:absolute; border-radius:50%; filter:blur(80px); pointer-events:none; }
+  .orb1 { width:600px; height:600px; background:radial-gradient(circle,rgba(191,0,255,.15) 0%,transparent 70%); top:-200px; right:-100px; animation:orbFloat 10s ease-in-out infinite; }
+  .orb2 { width:400px; height:400px; background:radial-gradient(circle,rgba(0,255,249,.1) 0%,transparent 70%); bottom:-100px; left:300px; animation:orbFloat 14s ease-in-out infinite reverse; }
+  @keyframes orbFloat { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-40px) scale(1.05)} }
+  .hero-inner { display:flex; align-items:center; gap:60px; width:100%; }
+  .hero-left { flex:1; min-width:0; }
+  .hero-glitch-text { font-family:'Bebas Neue',sans-serif; font-size:clamp(3.5rem,8vw,7.5rem); line-height:.9; letter-spacing:.02em; display:inline-block; max-width:600px; animation:heroIn 1s ease both; }
+  @keyframes heroIn { from{opacity:0;transform:translateY(40px) skewX(-5deg)} to{opacity:1;transform:none} }
+  .line1 { display:block; color:transparent; -webkit-text-stroke:2px var(--neon-cyan); text-shadow:0 0 40px rgba(0,255,249,.3); }
+  .line2 { display:block; color:var(--neon-pink); text-shadow:0 0 40px var(--neon-pink),0 0 80px rgba(255,0,110,.4); animation:glitch 4s infinite; }
+  @keyframes glitch { 0%,90%,100%{transform:none;clip-path:none} 92%{transform:translateX(-3px);clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%)} 94%{transform:translateX(3px);clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%)} 96%{transform:none;clip-path:none} }
+  .line3 { display:block; color:var(--neon-yellow); text-shadow:0 0 40px var(--neon-yellow),0 0 80px rgba(255,230,0,.3); }
+  .hero-sub { font-family:'Share Tech Mono',monospace; font-size:.85rem; color:rgba(224,224,255,.5); margin-top:40px; letter-spacing:.1em; max-width:500px; line-height:1.8; border-left:2px solid var(--neon-cyan); padding-left:20px; animation:heroIn 1s .3s ease both; }
+  .hero-actions { display:flex; gap:20px; margin-top:50px; animation:heroIn 1s .5s ease both; align-items:center; }
+
+  /* space invaders animation panel */
+  .hero-anim { flex:0 0 420px; display:flex; align-items:center; justify-content:center; animation:heroIn 1s .2s ease both; }
+  .ga-screen { width:380px; height:420px; background:#000814; border:2px solid rgba(0,255,249,.3); box-shadow:0 0 40px rgba(0,255,249,.15),inset 0 0 40px rgba(0,0,0,.8); border-radius:8px; position:relative; overflow:hidden; font-family:monospace; }
+  .ga-scanlines { position:absolute; inset:0; pointer-events:none; z-index:20; background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px); }
+  .ga-star { position:absolute; border-radius:50%; background:#fff; animation:starTwinkle 2s ease-in-out infinite; }
+  .s1{width:2px;height:2px;top:8%;left:12%;animation-delay:0s} .s2{width:3px;height:3px;top:15%;left:70%;animation-delay:.4s} .s3{width:2px;height:2px;top:5%;left:45%;animation-delay:.8s} .s4{width:2px;height:2px;top:22%;left:85%;animation-delay:1.1s} .s5{width:3px;height:3px;top:10%;left:30%;animation-delay:1.6s} .s6{width:2px;height:2px;top:18%;left:58%;animation-delay:.3s}
+  @keyframes starTwinkle { 0%,100%{opacity:.3} 50%{opacity:1} }
+  .ga-invaders { position:absolute; top:60px; left:0; right:0; display:flex; justify-content:space-around; padding:0 20px; animation:invaderMarch 3s ease-in-out infinite alternate; }
+  @keyframes invaderMarch { from{transform:translateX(-30px)} to{transform:translateX(30px)} }
+  .ga-inv { font-size:1.5rem; animation:invBob .6s ease-in-out infinite alternate; }
+  .inv1{animation-delay:0s} .inv2{animation-delay:.1s} .inv3{animation-delay:.2s} .inv4{animation-delay:.3s} .inv5{animation-delay:.4s}
+  @keyframes invBob { from{transform:translateY(0)} to{transform:translateY(-6px)} }
+  .ga-ebullet { position:absolute; width:3px; height:14px; background:var(--neon-pink); border-radius:2px; box-shadow:0 0 6px var(--neon-pink); animation:ebulletFall 2s linear infinite; }
+  .eb1{left:22%;top:100px;animation-delay:.3s} .eb2{left:72%;top:100px;animation-delay:1.4s}
+  @keyframes ebulletFall { 0%{transform:translateY(0);opacity:1} 80%{opacity:1} 100%{transform:translateY(300px);opacity:0} }
+  .ga-ship { position:absolute; bottom:52px; left:50%; transform:translateX(-50%) rotate(-90deg); font-size:2rem; animation:shipMove 4s ease-in-out infinite alternate; filter:drop-shadow(0 0 8px var(--neon-cyan)); }
+  @keyframes shipMove { from{left:25%} to{left:75%} }
+  .ga-laser { position:absolute; bottom:90px; left:50%; width:3px; height:0; background:var(--neon-cyan); box-shadow:0 0 8px var(--neon-cyan); transform:translateX(-50%); animation:laserFire 2s ease-in-out infinite; transform-origin:bottom center; }
+  @keyframes laserFire { 0%{height:0;opacity:0;bottom:90px} 10%{height:60px;opacity:1} 50%{height:260px;opacity:1;bottom:90px} 60%{height:0;opacity:0} 100%{height:0;opacity:0} }
+  .ga-explosion { position:absolute; top:95px; left:45%; font-size:2rem; animation:explode 2s ease-in-out infinite; pointer-events:none; }
+  @keyframes explode { 0%,49%{opacity:0;transform:scale(.4)} 50%{opacity:1;transform:scale(1.3)} 65%{opacity:1;transform:scale(1)} 80%,100%{opacity:0;transform:scale(.4)} }
+  .ga-hud { position:absolute; top:10px; left:0; right:0; display:flex; justify-content:space-between; padding:0 14px; font-size:.6rem; letter-spacing:.12em; color:rgba(0,255,249,.7); font-family:'Share Tech Mono',monospace; }
+  .ga-score-num { color:var(--neon-cyan); }
+  .ga-lives { color:var(--neon-pink); text-shadow:0 0 6px var(--neon-pink); }
+  .ga-ground { position:absolute; bottom:44px; left:0; right:0; height:1px; background:rgba(0,255,249,.25); box-shadow:0 0 4px rgba(0,255,249,.4); }
+
+  /* buttons */
+  .btn-primary { font-family:'Share Tech Mono',monospace; font-size:.8rem; letter-spacing:.15em; text-transform:uppercase; background:var(--neon-cyan); color:var(--dark); border:none; padding:16px 40px; cursor:none; font-weight:bold; transition:all .3s; clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%); box-shadow:0 0 30px rgba(0,255,249,.5),0 0 60px rgba(0,255,249,.2); }
+  .btn-primary:hover { box-shadow:0 0 50px rgba(0,255,249,.8),0 0 100px rgba(0,255,249,.4); transform:translateY(-2px); }
+  .btn-secondary { font-family:'Share Tech Mono',monospace; font-size:.8rem; letter-spacing:.15em; text-transform:uppercase; background:transparent; color:var(--neon-yellow); border:1px solid var(--neon-yellow); padding:16px 40px; cursor:none; transition:all .3s; text-decoration:none; display:inline-block; clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%); box-shadow:0 0 15px rgba(255,230,0,.2); text-shadow:0 0 10px var(--neon-yellow); }
+  .btn-secondary:hover { background:rgba(255,230,0,.1); box-shadow:0 0 30px rgba(255,230,0,.4); }
+
+  /* scrolling ticker */
+  .marquee-section { border-top:1px solid rgba(255,0,110,.2); border-bottom:1px solid rgba(255,0,110,.2); padding:16px 0; background:rgba(255,0,110,.03); overflow:hidden; position:relative; z-index:10; }
+  .marquee-track { display:flex; gap:60px; animation:marquee 22s linear infinite; white-space:nowrap; }
+  @keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }
+  .marquee-item { font-family:'Share Tech Mono',monospace; font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,0,110,.5); flex-shrink:0; }
+  .marquee-item span { color:var(--neon-pink); text-shadow:0 0 8px var(--neon-pink); }
+
+  /* section titles */
+  section { position:relative; z-index:10; padding:100px 60px; }
+  .section-header { display:flex; align-items:baseline; gap:20px; margin-bottom:60px; flex-wrap:wrap; }
+  .section-title { font-family:'Bebas Neue',sans-serif; font-size:3.5rem; letter-spacing:.05em; color:var(--text); }
+  .section-title span { color:var(--neon-pink); text-shadow:0 0 20px var(--neon-pink); }
+  .section-tag { font-family:'Share Tech Mono',monospace; font-size:.65rem; letter-spacing:.2em; color:rgba(224,224,255,.3); text-transform:uppercase; }
+  .section-link { margin-left:auto; font-family:'Share Tech Mono',monospace; font-size:.65rem; letter-spacing:.15em; text-transform:uppercase; color:var(--neon-cyan); text-decoration:none; text-shadow:0 0 8px var(--neon-cyan); transition:opacity .2s; }
+  .section-link:hover { opacity:.7; }
+
+  /* trending title glitch on hover */
+  .trending-title { color:var(--neon-cyan); text-shadow:0 0 20px var(--neon-cyan),0 0 40px rgba(0,255,249,.3); position:relative; cursor:none; }
+  .trending-title::before,.trending-title::after { content:'TRENDING'; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; }
+  .trending-title::before { color:var(--neon-pink); text-shadow:0 0 20px var(--neon-pink); }
+  .trending-title::after  { color:var(--neon-yellow); text-shadow:0 0 20px var(--neon-yellow); }
+  .trending-title:hover { animation:tGlitchMain .5s steps(1) infinite; }
+  .trending-title:hover::before { animation:tGlitch1 .5s steps(1) infinite; }
+  .trending-title:hover::after  { animation:tGlitch2 .5s steps(1) infinite; }
+  @keyframes tGlitchMain { 0%,100%{transform:none;clip-path:none} 20%{transform:translateX(2px);clip-path:polygon(0 30%,100% 30%,100% 55%,0 55%)} 40%{transform:translateX(-2px);clip-path:polygon(0 65%,100% 65%,100% 85%,0 85%)} 60%{transform:none;clip-path:none} }
+  @keyframes tGlitch1 { 0%,100%{opacity:0;transform:none;clip-path:none} 20%,25%{opacity:1;transform:translateX(-4px);clip-path:polygon(0 10%,100% 10%,100% 40%,0 40%)} 50%,55%{opacity:1;transform:translateX(3px);clip-path:polygon(0 60%,100% 60%,100% 75%,0 75%)} 80%{opacity:0} }
+  @keyframes tGlitch2 { 0%,100%{opacity:0;transform:none;clip-path:none} 30%,35%{opacity:1;transform:translateX(4px);clip-path:polygon(0 50%,100% 50%,100% 70%,0 70%)} 60%,65%{opacity:1;transform:translateX(-3px);clip-path:polygon(0 15%,100% 15%,100% 35%,0 35%)} 90%{opacity:0} }
+
+  /* game cards */
+  .games-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:rgba(0,255,249,.05); border:1px solid rgba(0,255,249,.1); }
+  .game-card { background:var(--dark2); overflow:hidden; position:relative; cursor:none; transition:transform .3s; aspect-ratio:3/4; display:flex; flex-direction:column; justify-content:flex-end; text-decoration:none; }
+  .game-card:hover { z-index:2; transform:scale(1.02); }
+  .game-thumb { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; overflow:hidden; }
+  .game-thumb-img { width:100%; height:100%; object-fit:cover; transition:transform .5s; display:block; }
+  .game-card:hover .game-thumb-img { transform:scale(1.08); }
+  .game-thumb-fallback { width:100%; height:100%; background:linear-gradient(135deg,#0a0020 0%,#1a0040 50%,#2a0060 100%); display:flex; align-items:center; justify-content:center; font-size:4rem; }
+  .game-art-pattern { position:absolute; inset:0; opacity:.06; background-image:repeating-linear-gradient(45deg,#fff 0px,#fff 1px,transparent 1px,transparent 10px); pointer-events:none; }
+  .game-icon { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:3.5rem; opacity:.15; pointer-events:none; transition:opacity .3s; }
+  .game-card:hover .game-icon { opacity:.25; }
+  .game-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(3,0,10,.95) 0%,rgba(3,0,10,.5) 40%,transparent 70%); }
+  .game-hover-btn { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,255,249,.05); opacity:0; transition:opacity .3s; }
+  .game-card:hover .game-hover-btn { opacity:1; }
+  .play-btn { font-family:'Share Tech Mono',monospace; font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; background:var(--neon-cyan); color:var(--dark); padding:12px 30px; font-weight:bold; clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%); box-shadow:0 0 30px rgba(0,255,249,.6); }
+  .game-info { position:relative; padding:24px; }
+  .game-genre { font-family:'Share Tech Mono',monospace; font-size:.6rem; letter-spacing:.25em; text-transform:uppercase; color:var(--neon-pink); text-shadow:0 0 10px var(--neon-pink); margin-bottom:6px; }
+  .game-name { font-family:'Bebas Neue',sans-serif; font-size:1.8rem; letter-spacing:.05em; color:white; text-shadow:0 0 20px rgba(255,255,255,.3); margin-bottom:8px; }
+  .game-meta { display:flex; align-items:center; justify-content:space-between; }
+  .game-rating { font-family:'Share Tech Mono',monospace; font-size:.65rem; color:var(--neon-yellow); text-shadow:0 0 8px var(--neon-yellow); }
+  .corner-deco { position:absolute; width:40px; height:40px; pointer-events:none; }
+  .corner-deco.tl { top:0; left:0; border-top:2px solid var(--neon-cyan); border-left:2px solid var(--neon-cyan); }
+  .corner-deco.br { bottom:0; right:0; border-bottom:2px solid var(--neon-cyan); border-right:2px solid var(--neon-cyan); }
+
+  /* genre categories */
+  .categories-section { background:rgba(10,0,20,.8); border-top:1px solid rgba(191,0,255,.2); border-bottom:1px solid rgba(191,0,255,.2); }
+  .cat-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
+  .cat-item { border:1px solid rgba(191,0,255,.2); padding:24px 16px; text-align:center; cursor:none; transition:all .3s; position:relative; overflow:hidden; background:rgba(191,0,255,.03); text-decoration:none; display:block; }
+  .cat-item::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,transparent 50%,rgba(191,0,255,.1) 100%); opacity:0; transition:opacity .3s; }
+  .cat-item:hover { border-color:var(--neon-purple); transform:translateY(-4px); }
+  .cat-item:hover::before { opacity:1; }
+  .cat-icon { font-size:2rem; margin-bottom:10px; transition:all .3s; display:block; }
+  .cat-item:hover .cat-icon { text-shadow:0 0 20px var(--neon-purple); transform:scale(1.2); }
+  .cat-name { font-family:'Share Tech Mono',monospace; font-size:.65rem; letter-spacing:.15em; text-transform:uppercase; color:rgba(224,224,255,.5); }
+
+  /* upload banner */
+  .upload-cta-section { position:relative; z-index:10; padding:0 60px 80px; }
+  .upload-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; border:1px solid rgba(255,230,0,.2); padding:50px 60px; background:rgba(255,230,0,.02); position:relative; clip-path:polygon(16px 0%,100% 0%,calc(100% - 16px) 100%,0% 100%); }
+  .upload-cta-inner::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,230,0,.04) 0%,transparent 60%); pointer-events:none; }
+  .upload-eyebrow { font-family:'Share Tech Mono',monospace; font-size:.6rem; letter-spacing:.3em; text-transform:uppercase; color:var(--neon-yellow); text-shadow:0 0 8px var(--neon-yellow); margin-bottom:12px; }
+  .upload-title { font-family:'Bebas Neue',sans-serif; font-size:3rem; letter-spacing:.05em; line-height:1; margin-bottom:12px; }
+  .upload-title span { color:var(--neon-yellow); text-shadow:0 0 20px var(--neon-yellow); }
+  .upload-sub { font-family:'Share Tech Mono',monospace; font-size:.72rem; color:rgba(224,224,255,.4); letter-spacing:.08em; line-height:1.7; max-width:420px; }
+  .btn-upload { font-family:'Share Tech Mono',monospace; font-size:.78rem; letter-spacing:.15em; text-transform:uppercase; background:transparent; color:var(--neon-yellow); border:1px solid var(--neon-yellow); padding:18px 44px; cursor:none; transition:all .3s; flex-shrink:0; clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%); text-shadow:0 0 10px var(--neon-yellow); box-shadow:0 0 20px rgba(255,230,0,.15); }
+  .btn-upload:hover { background:rgba(255,230,0,.1); box-shadow:0 0 40px rgba(255,230,0,.35); transform:translateY(-2px); }
+
+  /* sign up section */
+  .cta-section { text-align:center; padding:140px 60px; background:radial-gradient(ellipse at center,rgba(191,0,255,.08) 0%,transparent 70%); border-top:1px solid rgba(191,0,255,.1); }
+  .cta-eyebrow { font-family:'Share Tech Mono',monospace; font-size:.7rem; letter-spacing:.3em; text-transform:uppercase; color:var(--neon-purple); text-shadow:0 0 10px var(--neon-purple); margin-bottom:20px; }
+  .cta-title { font-family:'Bebas Neue',sans-serif; font-size:clamp(3rem,8vw,7rem); line-height:.95; letter-spacing:.02em; margin-bottom:30px; }
+  .cta-title .accent { color:var(--neon-cyan); text-shadow:0 0 30px var(--neon-cyan); }
+  .cta-sub { font-family:'Share Tech Mono',monospace; font-size:.8rem; color:rgba(224,224,255,.4); margin-bottom:50px; letter-spacing:.1em; max-width:500px; margin-left:auto; margin-right:auto; line-height:1.8; }
+
+  /* footer */
+  footer { position:relative; z-index:10; padding:60px; border-top:1px solid rgba(0,255,249,.1); display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:60px; background:rgba(3,0,10,.95); }
+  .footer-logo { font-family:'Bebas Neue',sans-serif; font-size:3.2rem; color:var(--neon-cyan); text-shadow:0 0 20px var(--neon-cyan); margin-bottom:4px; }
+  .footer-logo span { color:var(--neon-pink); text-shadow:0 0 20px var(--neon-pink); }
+  .footer-logo-sub { font-family:'Share Tech Mono',monospace; font-size:.72rem; color:rgba(0,255,249,.4); letter-spacing:.12em; margin-bottom:14px; }
+  .footer-desc { font-family:'Share Tech Mono',monospace; font-size:.7rem; line-height:1.8; color:rgba(224,224,255,.3); letter-spacing:.05em; }
+  .footer-col-title { font-family:'Bebas Neue',sans-serif; font-size:1.2rem; letter-spacing:.1em; color:rgba(224,224,255,.5); margin-bottom:20px; }
+  .footer-links { list-style:none; display:flex; flex-direction:column; gap:12px; }
+  .footer-links a { font-family:'Share Tech Mono',monospace; font-size:.65rem; letter-spacing:.1em; color:rgba(224,224,255,.3); text-decoration:none; text-transform:uppercase; transition:color .2s; cursor:none; }
+  .footer-links a:hover { color:var(--neon-cyan); text-shadow:0 0 8px var(--neon-cyan); }
+  .admin-link { color:rgba(255,0,110,.5) !important; }
+  .admin-link:hover { color:var(--neon-pink) !important; text-shadow:0 0 8px var(--neon-pink) !important; }
+  .footer-bottom { grid-column:1 / -1; padding-top:30px; border-top:1px solid rgba(255,255,255,.05); display:flex; justify-content:space-between; align-items:center; }
+  .footer-copy { font-family:'Share Tech Mono',monospace; font-size:.6rem; color:rgba(224,224,255,.2); letter-spacing:.12em; }
+  .footer-status { display:flex; align-items:center; gap:8px; font-family:'Share Tech Mono',monospace; font-size:.6rem; color:rgba(0,255,249,.5); letter-spacing:.1em; }
+  .status-dot { width:6px; height:6px; background:var(--neon-cyan); border-radius:50%; box-shadow:0 0 6px var(--neon-cyan); animation:blink 2s step-end infinite; display:inline-block; flex-shrink:0; }
+  @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }
+
+  /* login modal */
+  .modal-backdrop { position:fixed; inset:0; z-index:1000; background:rgba(3,0,10,.85); backdrop-filter:blur(8px); display:flex; align-items:center; justify-content:center; animation:fadeIn .2s ease; }
+  @keyframes fadeIn { from{opacity:0} to{opacity:1} }
+  .modal { position:relative; width:420px; background:var(--dark2); border:1px solid rgba(0,255,249,.2); padding:50px 44px; box-shadow:0 0 60px rgba(0,255,249,.08),0 0 120px rgba(191,0,255,.06); animation:modalIn .3s ease; clip-path:polygon(16px 0%,100% 0%,calc(100% - 16px) 100%,0% 100%); }
+  @keyframes modalIn { from{opacity:0;transform:translateY(20px) scale(.97)} to{opacity:1;transform:none} }
+  .modal-corner { position:absolute; width:24px; height:24px; }
+  .modal-corner.tl { top:10px; left:10px; border-top:2px solid var(--neon-cyan); border-left:2px solid var(--neon-cyan); }
+  .modal-corner.br { bottom:10px; right:10px; border-bottom:2px solid var(--neon-cyan); border-right:2px solid var(--neon-cyan); }
+  .modal-close { position:absolute; top:16px; right:20px; background:transparent; border:none; color:rgba(224,224,255,.3); font-size:1rem; cursor:none; transition:color .2s; font-family:'Share Tech Mono',monospace; }
+  .modal-close:hover { color:var(--neon-pink); text-shadow:0 0 10px var(--neon-pink); }
+  .modal-eyebrow { font-family:'Share Tech Mono',monospace; font-size:.6rem; letter-spacing:.3em; text-transform:uppercase; color:var(--neon-cyan); text-shadow:0 0 8px var(--neon-cyan); margin-bottom:10px; }
+  .modal-title { font-family:'Bebas Neue',sans-serif; font-size:4rem; line-height:1; letter-spacing:.05em; margin-bottom:10px; }
+  .modal-title span { color:var(--neon-pink); text-shadow:0 0 20px var(--neon-pink); }
+  .modal-sub { font-family:'Share Tech Mono',monospace; font-size:.7rem; color:rgba(224,224,255,.35); letter-spacing:.08em; margin-bottom:36px; line-height:1.6; }
+  .modal-actions { display:flex; flex-direction:column; gap:16px; }
+  .btn-google { display:flex; align-items:center; justify-content:center; gap:14px; font-family:'Share Tech Mono',monospace; font-size:.75rem; letter-spacing:.15em; text-transform:uppercase; background:rgba(255,255,255,.04); color:var(--text); border:1px solid rgba(255,255,255,.15); padding:16px 24px; cursor:none; transition:all .3s; width:100%; clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%); }
+  .btn-google:hover { background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.35); box-shadow:0 0 20px rgba(255,255,255,.05); transform:translateY(-1px); }
+  .google-icon { width:20px; height:20px; flex-shrink:0; }
+  .modal-terms { font-family:'Share Tech Mono',monospace; font-size:.58rem; color:rgba(224,224,255,.2); letter-spacing:.08em; text-align:center; line-height:1.6; }
+</style>
diff --git a/frontend/src/routes/admin/+page.server.ts b/frontend/src/routes/admin/+page.server.ts
new file mode 100644
index 0000000..589d2be
--- /dev/null
+++ b/frontend/src/routes/admin/+page.server.ts
@@ -0,0 +1,25 @@
+const API_URL = import.meta.env.VITE_API_URL ?? 'http://localhost:3000';
+
+export async function load({ fetch, redirect }) {
+  // Check if the current user is logged in and is an admin
+  const sessionRes = await fetch(`${API_URL}/auth/session`, { credentials: 'include' });
+  const session = sessionRes.ok ? await sessionRes.json() : null;
+
+  // If not logged in or not an admin, send them back to the homepage
+  if (!session?.authenticated || session?.user?.userType !== 'admin') {
+    throw redirect(302, '/');
+  }
+
+  // User is confirmed admin — fetch the admin data as normal
+  const [statsRes, requestsRes, usersRes] = await Promise.all([
+    fetch(`${API_URL}/admin/stats`,            { credentials: 'include' }),
+    fetch(`${API_URL}/admin/requests/pending`, { credentials: 'include' }),
+    fetch(`${API_URL}/admin/users`,            { credentials: 'include' }),
+  ]);
+
+  const stats        = statsRes.ok    ? await statsRes.json()    : { totalGames: 0, totalUsers: 0, pendingCount: 0 };
+  const { requests } = requestsRes.ok ? await requestsRes.json() : { requests: [] };
+  const { users }    = usersRes.ok    ? await usersRes.json()    : { users: [] };
+
+  return { stats, pendingRequests: requests, recentUsers: users };
+}
\ No newline at end of file
diff --git a/frontend/src/routes/admin/+page.svelte b/frontend/src/routes/admin/+page.svelte
new file mode 100644
index 0000000..fa4dd36
--- /dev/null
+++ b/frontend/src/routes/admin/+page.svelte
@@ -0,0 +1,309 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { invalidateAll } from '$app/navigation';
+
+  let { data } = $props();
+
+  const API_URL = import.meta.env.VITE_API_URL ?? 'http://localhost:9210';
+
+  let pendingRequests = $derived(data.pendingRequests ?? []);
+  let recentUsers     = $derived(data.recentUsers ?? []);
+  let stats           = $derived(data.stats ?? { totalGames: 0, totalUsers: 0, pendingCount: 0 });
+  let loading         = $state<string | null>(null);
+
+  let cursorEl = $state<HTMLDivElement | null>(null);
+  let dotEl    = $state<HTMLDivElement | null>(null);
+
+  async function reviewRequest(requestId: string, status: 'approved' | 'rejected') {
+    loading = requestId;
+    await fetch(`${API_URL}/admin/requests/${requestId}`, {
+      method: 'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      credentials: 'include',
+      body: JSON.stringify({ status }),
+    });
+    loading = null;
+    await invalidateAll();
+  }
+
+  async function toggleUser(userId: string, isActive: boolean) {
+    loading = userId;
+    await fetch(`${API_URL}/admin/users/${userId}`, {
+      method: 'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      credentials: 'include',
+      body: JSON.stringify({ isActive: !isActive }),
+    });
+    loading = null;
+    await invalidateAll();
+  }
+
+  function timeAgo(date: Date | string | null) {
+    if (!date) return '—';
+    const d = typeof date === 'string' ? new Date(date) : date;
+    const secs = Math.floor((Date.now() - d.getTime()) / 1000);
+    if (secs < 60)    return `${secs}s ago`;
+    if (secs < 3600)  return `${Math.floor(secs / 60)}m ago`;
+    if (secs < 86400) return `${Math.floor(secs / 3600)}h ago`;
+    return `${Math.floor(secs / 86400)}d ago`;
+  }
+
+  function initials(name: string | null) {
+    if (!name) return '?';
+    return name.split(' ').map(w => w[0]).join('').toUpperCase().slice(0, 2);
+  }
+
+  onMount(() => {
+    let mx = 0, my = 0, cx = 0, cy = 0;
+    const onMove = (e: MouseEvent) => {
+      mx = e.clientX; my = e.clientY;
+      if (dotEl) { dotEl.style.left = mx + 'px'; dotEl.style.top = my + 'px'; }
+    };
+    document.addEventListener('mousemove', onMove);
+    const raf = () => {
+      cx += (mx - cx) * 0.12; cy += (my - cy) * 0.12;
+      if (cursorEl) { cursorEl.style.left = cx + 'px'; cursorEl.style.top = cy + 'px'; }
+      requestAnimationFrame(raf);
+    };
+    raf();
+    const addHover = (el: Element) => {
+      el.addEventListener('mouseenter', () => { if (cursorEl) { cursorEl.style.transform = 'translate(-50%,-50%) scale(2)'; cursorEl.style.borderColor = 'var(--neon-pink)'; }});
+      el.addEventListener('mouseleave', () => { if (cursorEl) { cursorEl.style.transform = 'translate(-50%,-50%) scale(1)'; cursorEl.style.borderColor = 'var(--neon-cyan)'; }});
+    };
+    document.querySelectorAll('button, a').forEach(addHover);
+    return () => document.removeEventListener('mousemove', onMove);
+  });
+</script>
+
+<svelte:head>
+  <title>PROGCHAMP // Admin Panel</title>
+  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Share+Tech+Mono&family=Oxanium:wght@300;400;600;800&display=swap" rel="stylesheet" />
+</svelte:head>
+
+<div class="cursor"     bind:this={cursorEl}></div>
+<div class="cursor-dot" bind:this={dotEl}></div>
+<div class="grid-bg"></div>
+<div class="noise"></div>
+
+<nav>
+  <a href="/" class="logo-wrap">
+    <span class="logo">PROG<em>CHAMP</em></span>
+    <span class="logo-sub">an @ACMpesuecc project</span>
+  </a>
+  <a href="/" class="nav-back">← Back to Site</a>
+  <div class="nav-badge">⚙ ADMIN PANEL</div>
+</nav>
+
+<main>
+  <div class="page-header">
+    <div class="page-eyebrow">// SYSTEM ACCESS GRANTED</div>
+    <h1 class="page-title">ADMIN <span>CONTROL</span></h1>
+  </div>
+
+  <div class="stats-row">
+    <div class="stat-card cyan">
+      <div class="stat-label">Total Games</div>
+      <div class="stat-value">{stats.totalGames.toLocaleString()}</div>
+      <div class="stat-sub">Live in vault</div>
+    </div>
+    <div class="stat-card pink">
+      <div class="stat-label">Pending Review</div>
+      <div class="stat-value">{stats.pendingCount}</div>
+      <div class="stat-sub">Awaiting approval</div>
+    </div>
+    <div class="stat-card purple">
+      <div class="stat-label">Total Users</div>
+      <div class="stat-value">{stats.totalUsers.toLocaleString()}</div>
+      <div class="stat-sub">Active accounts</div>
+    </div>
+    <div class="stat-card yellow">
+      <div class="stat-label">Recent Users</div>
+      <div class="stat-value">{recentUsers.length}</div>
+      <div class="stat-sub">Shown below</div>
+    </div>
+  </div>
+
+  <div class="grid-main">
+
+    <!-- Pending game requests -->
+    <div class="panel">
+      <div class="panel-header">
+        <div class="panel-title">Pending Game Requests</div>
+        <div class="panel-tag">// {pendingRequests.length} queued</div>
+      </div>
+      <div class="panel-body">
+        {#if pendingRequests.length === 0}
+          <div class="empty-state">// NO PENDING REQUESTS — ALL CLEAR</div>
+        {:else}
+          {#each pendingRequests as req}
+            <div class="game-row">
+              <div class="game-thumb-mini">
+                {#if req.coverMedia?.r2Key}
+                  <img src={req.coverMedia.r2Key} alt={req.title} />
+                {:else}
+                  🎮
+                {/if}
+              </div>
+              <div class="game-info-mini">
+                <div class="game-name-mini">{req.title}</div>
+                <div class="game-meta-mini">
+                  by @{req.submitter?.name ?? req.submitter?.email} · {timeAgo(req.createdAt)}
+                </div>
+              </div>
+              <div class="game-actions">
+                <button class="btn-sm btn-approve" disabled={loading === req.id} onclick={() => reviewRequest(req.id, 'approved')}>
+                  {loading === req.id ? '...' : 'Approve'}
+                </button>
+                <button class="btn-sm btn-reject" disabled={loading === req.id} onclick={() => reviewRequest(req.id, 'rejected')}>
+                  {loading === req.id ? '...' : 'Reject'}
+                </button>
+              </div>
+            </div>
+          {/each}
+        {/if}
+      </div>
+    </div>
+
+    <!-- Recent users -->
+    <div class="panel">
+      <div class="panel-header">
+        <div class="panel-title">Recent Users</div>
+        <div class="panel-tag">// {stats.totalUsers.toLocaleString()} total</div>
+      </div>
+      <div class="panel-body">
+        {#if recentUsers.length === 0}
+          <div class="empty-state">// NO USERS FOUND</div>
+        {:else}
+          <table>
+            <thead>
+              <tr>
+                <th>User</th>
+                <th>Role</th>
+                <th>Joined</th>
+                <th>Status</th>
+                <th></th>
+              </tr>
+            </thead>
+            <tbody>
+              {#each recentUsers as user}
+                <tr>
+                  <td>
+                    <div class="user-cell">
+                      {#if user.avatarUrl}
+                        <img class="user-avatar-img" src={user.avatarUrl} alt={user.name ?? ''} referrerpolicy="no-referrer" />
+                      {:else}
+                        <div class="user-avatar">{initials(user.name)}</div>
+                      {/if}
+                      <span>{user.name ?? user.email}</span>
+                    </div>
+                  </td>
+                  <td>
+                    <span class="badge {user.userType === 'admin' ? 'badge-pink' : 'badge-gray'}">{user.userType}</span>
+                  </td>
+                  <td>{new Date(user.createdAt).toLocaleDateString('en-GB', { day: '2-digit', month: 'short' })}</td>
+                  <td>
+                    <span class="badge {user.isActive ? 'badge-green' : 'badge-pink'}">{user.isActive ? 'Active' : 'Banned'}</span>
+                  </td>
+                  <td>
+                    <button
+                      class="btn-sm {user.isActive ? 'btn-reject' : 'btn-approve'}"
+                      disabled={loading === user.id}
+                      onclick={() => toggleUser(user.id, user.isActive)}
+                    >
+                      {loading === user.id ? '...' : user.isActive ? 'Ban' : 'Restore'}
+                    </button>
+                  </td>
+                </tr>
+              {/each}
+            </tbody>
+          </table>
+        {/if}
+      </div>
+    </div>
+
+  </div>
+</main>
+
+<style>
+  :global(body) { background:var(--dark); color:var(--text); font-family:'Oxanium',sans-serif; overflow-x:hidden; cursor:none; }
+  :global(body::before) { content:''; position:fixed; inset:0; background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.15) 2px,rgba(0,0,0,0.15) 4px); pointer-events:none; z-index:100; }
+  :root { --neon-cyan:#00fff9; --neon-pink:#ff006e; --neon-purple:#bf00ff; --neon-yellow:#ffe600; --dark:#03000a; --dark2:#0a0018; --text:#e0e0ff; }
+
+  .cursor     { width:16px; height:16px; border:2px solid var(--neon-cyan); border-radius:50%; position:fixed; pointer-events:none; z-index:9999; transform:translate(-50%,-50%); transition:transform .12s ease,border-color .3s; mix-blend-mode:screen; }
+  .cursor-dot { width:4px; height:4px; background:var(--neon-pink); border-radius:50%; position:fixed; pointer-events:none; z-index:9999; transform:translate(-50%,-50%); }
+  .grid-bg { position:fixed; inset:0; background-image:linear-gradient(rgba(0,255,249,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,249,.04) 1px,transparent 1px); background-size:60px 60px; z-index:0; animation:gridPulse 8s ease-in-out infinite; }
+  @keyframes gridPulse { 0%,100%{opacity:.6} 50%{opacity:1} }
+  .noise { position:fixed; inset:0; opacity:.03; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size:200px 200px; pointer-events:none; z-index:1; }
+
+  nav { position:fixed; top:0; left:0; right:0; z-index:200; display:flex; align-items:center; gap:22px; padding:14px 48px; border-bottom:1px solid rgba(0,255,249,.15); background:rgba(3,0,10,.92); backdrop-filter:blur(14px); }
+  .logo-wrap { display:flex; flex-direction:column; text-decoration:none; flex-shrink:0; gap:2px; }
+  .logo { font-family:'Bebas Neue',sans-serif; font-size:2.4rem; letter-spacing:.12em; color:var(--neon-cyan); text-shadow:0 0 20px var(--neon-cyan); }
+  .logo em { color:var(--neon-pink); font-style:normal; text-shadow:0 0 20px var(--neon-pink); }
+  .logo-sub { font-family:'Share Tech Mono',monospace; font-size:.7rem; letter-spacing:.14em; color:rgba(0,255,249,.4); }
+  .nav-back { font-family:'Share Tech Mono',monospace; font-size:.65rem; letter-spacing:.15em; text-transform:uppercase; color:rgba(224,224,255,.4); text-decoration:none; transition:color .2s; }
+  .nav-back:hover { color:var(--neon-cyan); }
+  .nav-badge { font-family:'Share Tech Mono',monospace; font-size:.6rem; letter-spacing:.2em; background:rgba(255,0,110,.12); border:1px solid rgba(255,0,110,.4); color:var(--neon-pink); padding:5px 14px; text-transform:uppercase; margin-left:auto; }
+
+  main { position:relative; z-index:10; padding:100px 48px 60px; }
+  .page-header { margin-bottom:40px; }
+  .page-eyebrow { font-family:'Share Tech Mono',monospace; font-size:.62rem; letter-spacing:.3em; text-transform:uppercase; color:var(--neon-pink); text-shadow:0 0 8px var(--neon-pink); margin-bottom:10px; }
+  .page-title { font-family:'Bebas Neue',sans-serif; font-size:4rem; letter-spacing:.05em; line-height:1; }
+  .page-title span { color:var(--neon-cyan); text-shadow:0 0 20px var(--neon-cyan); }
+
+  .stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:32px; }
+  .stat-card { border:1px solid rgba(0,255,249,.15); background:rgba(0,255,249,.02); padding:24px 28px; position:relative; overflow:hidden; }
+  .stat-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; }
+  .stat-card.cyan::before   { background:var(--neon-cyan);   box-shadow:0 0 12px var(--neon-cyan); }
+  .stat-card.pink::before   { background:var(--neon-pink);   box-shadow:0 0 12px var(--neon-pink); }
+  .stat-card.purple::before { background:var(--neon-purple); box-shadow:0 0 12px var(--neon-purple); }
+  .stat-card.yellow::before { background:var(--neon-yellow); box-shadow:0 0 12px var(--neon-yellow); }
+  .stat-label { font-family:'Share Tech Mono',monospace; font-size:.6rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(224,224,255,.4); margin-bottom:10px; }
+  .stat-value { font-family:'Bebas Neue',sans-serif; font-size:3rem; line-height:1; letter-spacing:.05em; }
+  .stat-card.cyan   .stat-value { color:var(--neon-cyan);   text-shadow:0 0 20px var(--neon-cyan); }
+  .stat-card.pink   .stat-value { color:var(--neon-pink);   text-shadow:0 0 20px var(--neon-pink); }
+  .stat-card.purple .stat-value { color:var(--neon-purple); text-shadow:0 0 20px var(--neon-purple); }
+  .stat-card.yellow .stat-value { color:var(--neon-yellow); text-shadow:0 0 20px var(--neon-yellow); }
+  .stat-sub { font-family:'Share Tech Mono',monospace; font-size:.58rem; color:rgba(224,224,255,.25); margin-top:6px; letter-spacing:.08em; }
+
+  .grid-main { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
+  .panel { border:1px solid rgba(0,255,249,.12); background:rgba(10,0,24,.6); }
+  .panel-header { display:flex; align-items:center; justify-content:space-between; padding:18px 24px; border-bottom:1px solid rgba(0,255,249,.08); }
+  .panel-title { font-family:'Bebas Neue',sans-serif; font-size:1.3rem; letter-spacing:.1em; color:rgba(224,224,255,.8); }
+  .panel-tag { font-family:'Share Tech Mono',monospace; font-size:.55rem; letter-spacing:.15em; text-transform:uppercase; color:rgba(0,255,249,.4); }
+  .panel-body { padding:16px 24px; max-height:600px; overflow-y:auto; }
+  .panel-body::-webkit-scrollbar { width:4px; }
+  .panel-body::-webkit-scrollbar-track { background:transparent; }
+  .panel-body::-webkit-scrollbar-thumb { background:rgba(0,255,249,.2); }
+
+  .empty-state { font-family:'Share Tech Mono',monospace; font-size:.65rem; letter-spacing:.15em; color:rgba(0,255,249,.3); text-align:center; padding:40px 0; }
+
+  .game-row { display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.05); }
+  .game-row:last-child { border-bottom:none; }
+  .game-thumb-mini { width:48px; height:48px; background:linear-gradient(135deg,#0a0020,#2a0060); display:flex; align-items:center; justify-content:center; font-size:1.4rem; flex-shrink:0; border:1px solid rgba(191,0,255,.2); overflow:hidden; }
+  .game-thumb-mini img { width:100%; height:100%; object-fit:cover; }
+  .game-info-mini { flex:1; min-width:0; }
+  .game-name-mini { font-family:'Bebas Neue',sans-serif; font-size:1.05rem; letter-spacing:.06em; color:rgba(224,224,255,.9); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+  .game-meta-mini { font-family:'Share Tech Mono',monospace; font-size:.57rem; color:rgba(224,224,255,.35); letter-spacing:.06em; margin-top:2px; }
+  .game-actions { display:flex; gap:8px; flex-shrink:0; }
+
+  table { width:100%; border-collapse:collapse; }
+  th { font-family:'Share Tech Mono',monospace; font-size:.57rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(224,224,255,.3); text-align:left; padding:8px 10px; border-bottom:1px solid rgba(255,255,255,.05); }
+  td { font-family:'Share Tech Mono',monospace; font-size:.63rem; padding:11px 10px; border-bottom:1px solid rgba(255,255,255,.04); color:rgba(224,224,255,.7); letter-spacing:.04em; }
+  tr:hover td { background:rgba(0,255,249,.02); }
+
+  .user-cell { display:flex; align-items:center; gap:10px; }
+  .user-avatar { width:28px; height:28px; border-radius:50%; background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink)); display:flex; align-items:center; justify-content:center; font-size:.7rem; font-family:'Bebas Neue',sans-serif; color:white; flex-shrink:0; }
+  .user-avatar-img { width:28px; height:28px; border-radius:50%; object-fit:cover; border:1px solid rgba(0,255,249,.3); flex-shrink:0; }
+
+  .badge { display:inline-block; font-family:'Share Tech Mono',monospace; font-size:.52rem; letter-spacing:.12em; padding:3px 10px; text-transform:uppercase; }
+  .badge-green { background:rgba(0,255,100,.1);    border:1px solid rgba(0,255,100,.3);    color:#00ff64; }
+  .badge-pink  { background:rgba(255,0,110,.1);    border:1px solid rgba(255,0,110,.3);    color:var(--neon-pink); }
+  .badge-gray  { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);  color:rgba(224,224,255,.4); }
+
+  .btn-sm { font-family:'Share Tech Mono',monospace; font-size:.55rem; letter-spacing:.12em; text-transform:uppercase; padding:5px 14px; cursor:none; border:none; transition:all .2s; }
+  .btn-sm:disabled { opacity:.4; }
+  .btn-approve { background:rgba(0,255,100,.1); color:#00ff64; border:1px solid rgba(0,255,100,.3); }
+  .btn-approve:hover:not(:disabled) { background:rgba(0,255,100,.2); }
+  .btn-reject  { background:rgba(255,0,110,.08); color:var(--neon-pink); border:1px solid rgba(255,0,110,.25); }
+  .btn-reject:hover:not(:disabled)  { background:rgba(255,0,110,.18); }
+</style>
diff --git a/frontend/src/routes/admin/+page.ts b/frontend/src/routes/admin/+page.ts
new file mode 100644
index 0000000..ed731d2
--- /dev/null
+++ b/frontend/src/routes/admin/+page.ts
@@ -0,0 +1,11 @@
+import { redirect } from '@sveltejs/kit';
+import { get } from 'svelte/store';
+import { user } from '../../lib/stores/user.js';
+
+export function load() {
+  const currentUser = get(user);
+
+  if (currentUser.role !== 'admin') {
+    throw redirect(302, '/');
+  }
+}
diff --git a/frontend/src/routes/all-games/+page.svelte b/frontend/src/routes/all-games/+page.svelte
new file mode 100644
index 0000000..d80b476
--- /dev/null
+++ b/frontend/src/routes/all-games/+page.svelte
@@ -0,0 +1,416 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { goto } from '$app/navigation';
+  import { page } from '$app/stores';
+  import { submissions } from '../../lib/stores/submissions';
+
+  
+  // AUTH
+  let isLoggedIn = $state(false);
+  let isAdmin    = $state(false);
+  let session    = $derived($page.data.session);
+
+  // LOGIN MODAL STATE
+  let showLogin     = $state(false);
+  let loginEmail    = $state('');
+  let loginPassword = $state('');
+  let loginError    = $state('');
+  let isLoggingIn   = $state(false);
+
+  // FILTER / SEARCH STATE
+  let searchQuery = $state('');
+  let activeGenre = $state('All');
+  let sortBy      = $state('newest');
+
+  const genres = ['All', 'Action RPG', 'Shooter', 'Racing', 'Strategy', 'Arcade', 'Space Sim', 'Survival', 'Horror', 'Fighting', 'Puzzle'];
+
+  // DUMMY PUBLISHED GAMES (replace with real API)
+  const staticGames = [
+    { id:'1', title:'VOID SYNDICATE',  genre:'Action RPG', dev:'darkforge',   rating:9.8, players:124000, thumbnail:null, url:'#', publishedAt: new Date('2026-01-10') },
+    { id:'2', title:'ARCTIC BREACH',   genre:'Shooter',    dev:'coldlab',     rating:8.9, players:89000,  thumbnail:null, url:'#', publishedAt: new Date('2026-01-22') },
+    { id:'3', title:'IRON REQUIEM',    genre:'Action RPG', dev:'steelworks',  rating:8.5, players:67000,  thumbnail:null, url:'#', publishedAt: new Date('2026-02-01') },
+    { id:'4', title:'DEEP ROOT',       genre:'Horror',     dev:'mosspit',     rating:9.2, players:52000,  thumbnail:null, url:'#', publishedAt: new Date('2026-02-14') },
+    { id:'5', title:'NEON DRIFT',      genre:'Racing',     dev:'turbostudio', rating:8.7, players:41000,  thumbnail:null, url:'#', publishedAt: new Date('2026-02-20') },
+    { id:'6', title:'PULSE COMBAT',    genre:'Fighting',   dev:'arcadecore',  rating:9.4, players:98000,  thumbnail:null, url:'#', publishedAt: new Date('2026-02-28') },
+    { id:'7', title:'STAR VAGRANT',    genre:'Space Sim',  dev:'voidship',    rating:8.1, players:23000,  thumbnail:null, url:'#', publishedAt: new Date('2026-01-05') },
+    { id:'8', title:'GRID TACTICIAN',  genre:'Strategy',   dev:'hexmind',     rating:8.3, players:31000,  thumbnail:null, url:'#', publishedAt: new Date('2026-01-18') },
+  ];
+
+  // Merge in approved submissions from the store
+  let storeGames = $derived(
+    $submissions
+      .filter((s: any) => s.status === 'approved')
+      .map((s: any) => ({
+        id: s.id, title: s.title, genre: s.genre ?? 'Uncategorised',
+        dev: s.dev, rating: 0, players: 0,
+        thumbnail: s.thumbnail ? URL.createObjectURL(s.thumbnail) : null,
+        url: s.url, publishedAt: new Date(),
+      }))
+  );
+
+  let allGames = $derived([...staticGames, ...storeGames]);
+
+  let filteredGames = $derived(() => {
+    let result = allGames;
+    if (activeGenre !== 'All') result = result.filter((g: any) => g.genre === activeGenre);
+    if (searchQuery.trim()) result = result.filter((g: any) =>
+      g.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
+      g.dev.toLowerCase().includes(searchQuery.toLowerCase())
+    );
+    if (sortBy === 'newest') result = [...result].sort((a: any, b: any) => b.publishedAt - a.publishedAt);
+    else if (sortBy === 'rating') result = [...result].sort((a: any, b: any) => b.rating - a.rating);
+    else if (sortBy === 'players') result = [...result].sort((a: any, b: any) => b.players - a.players);
+    return result;
+  });
+
+  // AUTH HELPERS
+  function goTo(path: string, requiresAuth = false) {
+    if (requiresAuth && !isLoggedIn) showLogin = true;
+    else goto(path);
+  }
+  async function handleLogin(e: Event) {
+    e.preventDefault();
+    loginError = '';
+    if (!loginEmail || !loginPassword) { loginError = 'ALL FIELDS REQUIRED'; return; }
+    isLoggingIn = true;
+    try {
+      await new Promise(r => setTimeout(r, 1200));
+      isLoggedIn = true; showLogin = false; loginEmail = loginPassword = '';
+    } catch (err: any) {
+      loginError = err.message || 'LOGIN FAILED';
+    } finally { isLoggingIn = false; }
+  }
+  function logout() { isLoggedIn = false; isAdmin = false; }
+  function closeOnBackdrop(e: MouseEvent) { if (e.target === e.currentTarget) showLogin = false; }
+
+  // CURSOR
+  let cursorEl = $state<HTMLElement | undefined>(undefined);
+  let dotEl    = $state<HTMLElement | undefined>(undefined);
+
+  onMount(() => {
+    let mx = 0, my = 0, cx = 0, cy = 0;
+    const onMove = (e: MouseEvent) => {
+      mx = e.clientX; my = e.clientY;
+      if (dotEl) { dotEl.style.left = mx+'px'; dotEl.style.top = my+'px'; }
+    };
+    document.addEventListener('mousemove', onMove);
+    const raf = () => {
+      cx += (mx-cx)*0.12; cy += (my-cy)*0.12;
+      if (cursorEl) { cursorEl.style.left = cx+'px'; cursorEl.style.top = cy+'px'; }
+      requestAnimationFrame(raf);
+    };
+    raf();
+    const addHover = (el: Element) => {
+      el.addEventListener('mouseenter', () => { if (cursorEl) { cursorEl.style.transform='translate(-50%,-50%) scale(2)'; cursorEl.style.borderColor='var(--neon-pink)'; } });
+      el.addEventListener('mouseleave', () => { if (cursorEl) { cursorEl.style.transform='translate(-50%,-50%) scale(1)'; cursorEl.style.borderColor='var(--neon-cyan)'; } });
+    };
+    document.querySelectorAll('button, a, .game-card').forEach(addHover);
+    return () => document.removeEventListener('mousemove', onMove);
+  });
+
+  function formatPlayers(n: number) {
+    if (n >= 1000) return (n/1000).toFixed(0)+'K';
+    return n.toString();
+  }
+
+  const iconColors = ['#bf00ff','#00ccff','#ff3300','#00cc44','#ffee00','#ff0066'];
+  const icons      = ['⬡','◈','⟁','✦','◉','⟡'];
+</script>
+
+<svelte:head>
+  <title>ALL GAMES // PROGCHAMP</title>
+  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Share+Tech+Mono&family=Oxanium:wght@300;400;600;800&display=swap" rel="stylesheet" />
+</svelte:head>
+
+<div class="cursor" bind:this={cursorEl}></div>
+<div class="cursor-dot" bind:this={dotEl}></div>
+<div class="grid-bg"></div>
+<div class="noise"></div>
+
+<!-- NAV -->
+<nav>
+  <a href="/" class="logo-wrap">
+    <span class="logo">PROG<em>CHAMP</em></span>
+    <span class="logo-sub">an @ACMpesuecc project</span>
+  </a>
+  <ul class="nav-links">
+    <li><a href="/all-games" class="nav-link nav-link--active">ALL GAMES</a></li>
+    <li><a href="/my-games" class="nav-link" onclick={(e)=>{e.preventDefault();goTo('/my-games',true);}}>MY GAMES</a></li>
+    <li><a href="/upload"   class="nav-link" onclick={(e)=>{e.preventDefault();goTo('/upload',true);}}>UPLOAD</a></li>
+    {#if isAdmin}<li><a href="/admin" class="nav-link nav-link--admin">ADMIN</a></li>{/if}
+  </ul>
+  {#if isLoggedIn}
+    <button class="nav-cta nav-cta--out" onclick={logout}>LOG OUT</button>
+  {:else}
+    <button class="nav-cta" onclick={()=>showLogin=true}>LOGIN</button>
+  {/if}
+</nav>
+
+<!-- HEADER -->
+<header class="page-header">
+  <div class="header-orb orb1"></div>
+  <div class="header-orb orb2"></div>
+  <div class="header-inner">
+    <div class="header-eyebrow">// THE VAULT</div>
+    <h1 class="header-title">ALL <span>GAMES</span></h1>
+    <p class="header-sub">{allGames.length} titles available.</p>
+  </div>
+</header>
+
+<!-- FILTERS -->
+<div class="filters-bar">
+  <div class="search-wrap">
+    <span class="search-icon">⌕</span>
+    <input class="search-input" type="text" placeholder="SEARCH GAMES OR DEVS..." bind:value={searchQuery} />
+  </div>
+  <select class="filter-select" bind:value={sortBy}>
+    <option value="newest">NEWEST FIRST</option>
+    <option value="rating">TOP RATED</option>
+    <option value="players">MOST PLAYED</option>
+  </select>
+</div>
+<div class="genre-bar">
+  {#each genres as g}
+    <button class="genre-pill" class:active={activeGenre===g} onclick={()=>activeGenre=g}>{g.toUpperCase()}</button>
+  {/each}
+</div>
+
+<!-- GRID -->
+<main class="games-main">
+  {#if filteredGames().length === 0}
+    <div class="empty-state">
+      <div class="empty-icon">◌</div>
+      <div class="empty-title">NO GAMES FOUND</div>
+      <div class="empty-sub">Try a different search or genre filter.</div>
+    </div>
+  {:else}
+    <div class="results-count">// {filteredGames().length} RESULT{filteredGames().length !== 1 ? 'S' : ''}</div>
+    <div class="games-grid">
+      {#each filteredGames() as game, i}
+        <a href={game.url} class="game-card">
+          <div class="game-thumb">
+            {#if game.thumbnail}
+              <img src={game.thumbnail} alt={game.title} class="thumb-img" />
+            {:else}
+              <div class="thumb-placeholder" style="background:radial-gradient(circle at 30% 30%,{iconColors[i%iconColors.length]}22,transparent 70%)">
+                <span class="thumb-icon" style="color:{iconColors[i%iconColors.length]}">{icons[i%icons.length]}</span>
+              </div>
+            {/if}
+            <div class="game-overlay"></div>
+            <div class="game-hover-btn">PLAY NOW</div>
+          </div>
+          <div class="game-info">
+            <div class="game-genre">{game.genre.toUpperCase()}</div>
+            <div class="game-title">{game.title}</div>
+            <div class="game-meta">
+              <span class="game-dev">by {game.dev}</span>
+              {#if game.rating > 0}<span class="game-rating">★ {game.rating}</span>{/if}
+            </div>
+            {#if game.players > 0}<div class="game-players">{formatPlayers(game.players)} PLAYING</div>{/if}
+          </div>
+        </a>
+      {/each}
+    </div>
+  {/if}
+</main>
+
+<!-- FOOTER -->
+<footer>
+  <div class="footer-brand">
+    <div class="footer-logo">PROG<span>CHAMP</span></div>
+    <div class="footer-logo-sub">an @ACMpesuecc project</div>
+    <p class="footer-desc">Upload, compete, ascend.</p>
+  </div>
+  <div>
+    <div class="footer-col-title">Vault</div>
+    <ul class="footer-links">
+      <li><a href="/all-games?sort=new">New Releases</a></li>
+      <li><a href="/all-games?sort=top">Top Rated</a></li>
+      <li><a href="/all-games?filter=free">Free to Play</a></li>
+      <li><a href="/all-games?filter=upcoming">Coming Soon</a></li>
+    </ul>
+  </div>
+  <div>
+    <div class="footer-col-title">Your Space</div>
+    <ul class="footer-links">
+      <li><a href="/all-games">Browse All Games</a></li>
+      <li><a href="/my-games" onclick={(e)=>{e.preventDefault();goTo('/my-games',true);}}>My Games</a></li>
+      <li><a href="/upload"   onclick={(e)=>{e.preventDefault();goTo('/upload',true);}}>Upload a Game</a></li>
+      {#if isAdmin}<li><a href="/admin" class="admin-link">Admin Panel</a></li>{/if}
+    </ul>
+  </div>
+  <div>
+    <div class="footer-col-title">ProgChamp</div>
+    <ul class="footer-links">
+      <li><a href="/about">About ACMpesuecc</a></li>
+    </ul>
+  </div>
+  <div class="footer-bottom">
+    <div class="footer-copy">© 2026 PROGCHAMP — AN @ACMpesuecc PROJECT — ALL RIGHTS RESERVED</div>
+    <div class="footer-status"><span class="status-dot"></span>ALL SYSTEMS OPERATIONAL</div>
+  </div>
+</footer>
+
+<!-- ════ LOGIN MODAL ════ -->
+<!-- svelte-ignore a11y_click_events_have_key_events -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+{#if showLogin}
+  <div class="modal-backdrop" onclick={closeOnBackdrop}>
+    <div class="modal" role="dialog" aria-modal="true" aria-labelledby="modal-heading">
+      <div class="modal-corner tl"></div>
+      <div class="modal-corner br"></div>
+      <button class="modal-close" onclick={()=>showLogin=false} aria-label="Close">✕</button>
+      <div class="modal-eyebrow">// ACCESS TERMINAL</div>
+      <h2 class="modal-title" id="modal-heading">LOG<span>IN</span></h2>
+      <p class="modal-sub">Enter your credentials to access the vault.</p>
+      <form class="login-form" onsubmit={handleLogin}>
+        <div class="form-group">
+          <label class="form-label" for="login-email">EMAIL ADDRESS</label>
+          <input id="login-email" type="email" class="form-input" placeholder="operator@progchamp.gg" bind:value={loginEmail} autocomplete="email" />
+        </div>
+        <div class="form-group">
+          <label class="form-label" for="login-pass">PASSWORD</label>
+          <input id="login-pass" type="password" class="form-input" placeholder="••••••••••••" bind:value={loginPassword} autocomplete="current-password" />
+        </div>
+        {#if loginError}<div class="login-error" role="alert">{loginError}</div>{/if}
+        <button type="submit" class="btn-login" disabled={isLoggingIn}>
+          {#if isLoggingIn}<span class="loading-dots">CONNECTING<span>.</span><span>.</span><span>.</span></span>{:else}INITIALIZE SESSION{/if}
+        </button>
+        <div class="login-divider"><span>OR</span></div>
+        <a href="/register" class="btn-register">CREATE NEW ACCOUNT</a>
+        <div class="login-footer-text"><a href="/forgot-password">FORGOT PASSWORD?</a></div>
+      </form>
+    </div>
+  </div>
+{/if}
+
+<style>
+  :global(:root){--neon-cyan:#00fff9;--neon-pink:#ff006e;--neon-yellow:#ffe600;--neon-purple:#bf00ff;--dark:#03000a;--dark2:#0a0014;--grid-color:rgba(0,255,249,0.06);--text:#e0e0ff;}
+  :global(*,*::before,*::after){box-sizing:border-box;margin:0;padding:0;}
+  :global(html){scroll-behavior:smooth;}
+  :global(body){background:var(--dark);color:var(--text);font-family:'Oxanium',sans-serif;overflow-x:hidden;cursor:none;}
+  :global(body::before){content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.15) 2px,rgba(0,0,0,0.15) 4px);pointer-events:none;z-index:100;}
+
+  .cursor{width:16px;height:16px;border:2px solid var(--neon-cyan);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .12s ease,border-color .3s;mix-blend-mode:screen;}
+  .cursor-dot{width:4px;height:4px;background:var(--neon-pink);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);}
+  .grid-bg{position:fixed;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:60px 60px;z-index:0;animation:gridPulse 8s ease-in-out infinite;}
+  @keyframes gridPulse{0%,100%{opacity:.6}50%{opacity:1}}
+  .noise{position:fixed;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:1;}
+
+  nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;gap:22px;padding:14px 48px;border-bottom:1px solid rgba(0,255,249,.15);background:rgba(3,0,10,.92);backdrop-filter:blur(14px);}
+  .logo-wrap{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;flex-shrink:0;gap:2px;margin-right:auto;}
+  .logo{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;letter-spacing:.12em;line-height:1;font-style:normal;color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan),0 0 60px rgba(0,255,249,.3);}
+  .logo em{font-style:normal;color:var(--neon-pink);text-shadow:0 0 20px var(--neon-pink);}
+  .logo-sub{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.15em;color:rgba(0,255,249,.4);text-transform:uppercase;}
+  .nav-links{list-style:none;display:flex;gap:6px;}
+  .nav-link{font-family:'Share Tech Mono',monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(224,224,255,.45);text-decoration:none;padding:8px 14px;border:1px solid transparent;transition:all .25s;cursor:none;}
+  .nav-link:hover{color:var(--neon-cyan);border-color:rgba(0,255,249,.25);text-shadow:0 0 8px var(--neon-cyan);}
+  .nav-link--active{color:var(--neon-cyan)!important;border-color:rgba(0,255,249,.3)!important;text-shadow:0 0 8px var(--neon-cyan)!important;}
+  .nav-link--admin{color:rgba(255,0,110,.6)!important;}
+  .nav-cta{font-family:'Share Tech Mono',monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;background:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:9px 22px;cursor:none;transition:all .3s;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);text-shadow:0 0 8px var(--neon-cyan);box-shadow:0 0 15px rgba(0,255,249,.15);}
+  .nav-cta:hover{background:rgba(0,255,249,.08);box-shadow:0 0 30px rgba(0,255,249,.3);}
+  .nav-cta--out{color:rgba(224,224,255,.4);border-color:rgba(224,224,255,.2);text-shadow:none;box-shadow:none;}
+
+  .page-header{position:relative;z-index:10;padding:140px 60px 60px;border-bottom:1px solid rgba(0,255,249,.08);overflow:hidden;}
+  .header-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;}
+  .header-orb.orb1{width:400px;height:400px;background:rgba(0,255,249,.07);top:-80px;right:5%;}
+  .header-orb.orb2{width:300px;height:300px;background:rgba(191,0,255,.06);bottom:-60px;left:10%;}
+  .header-inner{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;}
+  .header-eyebrow{font-family:'Share Tech Mono',monospace;font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);margin-bottom:16px;}
+  .header-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(3.5rem,8vw,7rem);letter-spacing:.04em;line-height:.95;margin-bottom:20px;}
+  .header-title span{color:var(--neon-cyan);text-shadow:0 0 30px var(--neon-cyan);}
+  .header-sub{font-family:'Share Tech Mono',monospace;font-size:.78rem;color:rgba(224,224,255,.4);letter-spacing:.08em;line-height:1.8;}
+
+  .filters-bar{position:relative;z-index:10;display:flex;align-items:center;gap:16px;padding:32px 60px 0;}
+  .search-wrap{flex:1;position:relative;max-width:480px;}
+  .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:rgba(0,255,249,.4);font-size:1.1rem;pointer-events:none;}
+  .search-input{width:100%;background:rgba(0,255,249,.03);border:1px solid rgba(0,255,249,.15);color:var(--text);font-family:'Share Tech Mono',monospace;font-size:.75rem;letter-spacing:.08em;padding:12px 16px 12px 40px;outline:none;transition:border-color .3s,box-shadow .3s;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);cursor:none;}
+  .search-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px rgba(0,255,249,.1);}
+  .search-input::placeholder{color:rgba(224,224,255,.2);}
+  .filter-select{background:rgba(0,255,249,.03);border:1px solid rgba(0,255,249,.15);color:var(--text);font-family:'Share Tech Mono',monospace;font-size:.7rem;letter-spacing:.1em;padding:12px 36px 12px 16px;outline:none;cursor:none;transition:border-color .3s;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2300fff9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;}
+  .filter-select option{background:#0a0014;}
+
+  .genre-bar{position:relative;z-index:10;display:flex;flex-wrap:wrap;gap:8px;padding:16px 60px 0;}
+  .genre-pill{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;background:transparent;color:rgba(224,224,255,.35);border:1px solid rgba(224,224,255,.1);padding:6px 14px;cursor:none;transition:all .25s;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);}
+  .genre-pill:hover{color:var(--neon-purple);border-color:rgba(191,0,255,.4);}
+  .genre-pill.active{color:var(--neon-purple);border-color:var(--neon-purple);text-shadow:0 0 8px var(--neon-purple);box-shadow:0 0 16px rgba(191,0,255,.2);background:rgba(191,0,255,.06);}
+
+  .games-main{position:relative;z-index:10;padding:32px 60px 80px;}
+  .results-count{font-family:'Share Tech Mono',monospace;font-size:.62rem;letter-spacing:.2em;color:rgba(0,255,249,.4);margin-bottom:24px;}
+  .games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;}
+
+  .game-card{display:flex;flex-direction:column;text-decoration:none;color:var(--text);background:rgba(10,0,20,.7);border:1px solid rgba(0,255,249,.08);transition:border-color .3s,transform .3s,box-shadow .3s;cursor:none;overflow:hidden;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);}
+  .game-card:hover{border-color:rgba(0,255,249,.3);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,255,249,.08);}
+  .game-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;}
+  .thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
+  .game-card:hover .thumb-img{transform:scale(1.05);}
+  .thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
+  .thumb-icon{font-size:3rem;opacity:.6;}
+  .game-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,0,10,.9) 0%,transparent 60%);}
+  .game-hover-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Share Tech Mono',monospace;font-size:.7rem;letter-spacing:.2em;color:var(--neon-cyan);text-shadow:0 0 12px var(--neon-cyan);opacity:0;transition:opacity .3s;background:rgba(3,0,10,.4);}
+  .game-card:hover .game-hover-btn{opacity:1;}
+  .game-info{padding:16px 18px 18px;}
+  .game-genre{font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.2em;color:var(--neon-purple);text-shadow:0 0 6px var(--neon-purple);margin-bottom:6px;}
+  .game-title{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:.06em;line-height:1;margin-bottom:8px;}
+  .game-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
+  .game-dev{font-family:'Share Tech Mono',monospace;font-size:.62rem;letter-spacing:.08em;color:rgba(224,224,255,.3);}
+  .game-rating{font-family:'Share Tech Mono',monospace;font-size:.65rem;color:var(--neon-yellow);text-shadow:0 0 6px var(--neon-yellow);}
+  .game-players{font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.12em;color:rgba(0,255,249,.4);}
+
+  .empty-state{text-align:center;padding:100px 20px;}
+  .empty-icon{font-size:4rem;color:rgba(0,255,249,.15);margin-bottom:20px;}
+  .empty-title{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.1em;color:rgba(224,224,255,.3);margin-bottom:10px;}
+  .empty-sub{font-family:'Share Tech Mono',monospace;font-size:.7rem;letter-spacing:.1em;color:rgba(224,224,255,.2);}
+
+  footer{position:relative;z-index:10;padding:60px;border-top:1px solid rgba(0,255,249,.1);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;background:rgba(3,0,10,.95);}
+  .footer-logo{font-family:'Bebas Neue',sans-serif;font-size:3.2rem;color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan);margin-bottom:4px;}
+  .footer-logo span{color:var(--neon-pink);text-shadow:0 0 20px var(--neon-pink);}
+  .footer-logo-sub{font-family:'Share Tech Mono',monospace;font-size:.72rem;color:rgba(0,255,249,.4);letter-spacing:.12em;margin-bottom:14px;}
+  .footer-desc{font-family:'Share Tech Mono',monospace;font-size:.7rem;line-height:1.8;color:rgba(224,224,255,.3);letter-spacing:.05em;}
+  .footer-col-title{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:.1em;color:rgba(224,224,255,.5);margin-bottom:20px;}
+  .footer-links{list-style:none;display:flex;flex-direction:column;gap:12px;}
+  .footer-links a{font-family:'Share Tech Mono',monospace;font-size:.65rem;letter-spacing:.1em;color:rgba(224,224,255,.3);text-decoration:none;text-transform:uppercase;transition:color .2s;cursor:none;}
+  .footer-links a:hover{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);}
+  .admin-link{color:rgba(255,0,110,.5)!important;}
+  .admin-link:hover{color:var(--neon-pink)!important;text-shadow:0 0 8px var(--neon-pink)!important;}
+  .footer-bottom{grid-column:1/-1;padding-top:30px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;}
+  .footer-copy{font-family:'Share Tech Mono',monospace;font-size:.6rem;color:rgba(224,224,255,.2);letter-spacing:.12em;}
+  .footer-status{display:flex;align-items:center;gap:8px;font-family:'Share Tech Mono',monospace;font-size:.6rem;color:rgba(0,255,249,.5);letter-spacing:.1em;}
+  .status-dot{width:6px;height:6px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan);animation:pulse 2s infinite;}
+  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
+
+  .modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(3,0,10,.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;}
+  @keyframes fadeIn{from{opacity:0}to{opacity:1}}
+  .modal{position:relative;width:460px;background:var(--dark2);border:1px solid rgba(0,255,249,.2);padding:50px 44px;box-shadow:0 0 60px rgba(0,255,249,.08),0 0 120px rgba(191,0,255,.06);animation:modalIn .3s ease;clip-path:polygon(16px 0%,100% 0%,calc(100% - 16px) 100%,0% 100%);}
+  @keyframes modalIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
+  .modal-corner{position:absolute;width:24px;height:24px;}
+  .modal-corner.tl{top:10px;left:10px;border-top:2px solid var(--neon-cyan);border-left:2px solid var(--neon-cyan);}
+  .modal-corner.br{bottom:10px;right:10px;border-bottom:2px solid var(--neon-cyan);border-right:2px solid var(--neon-cyan);}
+  .modal-close{position:absolute;top:16px;right:20px;background:transparent;border:none;color:rgba(224,224,255,.3);font-size:1rem;cursor:none;transition:color .2s;font-family:'Share Tech Mono',monospace;}
+  .modal-close:hover{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);}
+  .modal-eyebrow{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);margin-bottom:10px;}
+  .modal-title{font-family:'Bebas Neue',sans-serif;font-size:4rem;line-height:1;letter-spacing:.05em;margin-bottom:10px;}
+  .modal-title span{color:var(--neon-pink);text-shadow:0 0 20px var(--neon-pink);}
+  .modal-sub{font-family:'Share Tech Mono',monospace;font-size:.7rem;color:rgba(224,224,255,.35);letter-spacing:.08em;margin-bottom:36px;line-height:1.6;}
+  .login-form{display:flex;flex-direction:column;gap:20px;}
+  .form-group{display:flex;flex-direction:column;gap:8px;}
+  .form-label{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(0,255,249,.6);}
+  .form-input{background:rgba(0,255,249,.03);border:1px solid rgba(0,255,249,.15);color:var(--text);font-family:'Share Tech Mono',monospace;font-size:.75rem;letter-spacing:.08em;padding:12px 16px;outline:none;transition:border-color .3s,box-shadow .3s;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);width:100%;}
+  .form-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px rgba(0,255,249,.1);}
+  .form-input::placeholder{color:rgba(224,224,255,.2);}
+  .login-error{font-family:'Share Tech Mono',monospace;font-size:.65rem;letter-spacing:.15em;color:var(--neon-pink);text-shadow:0 0 8px var(--neon-pink);text-align:center;padding:8px;border:1px solid rgba(255,0,110,.3);background:rgba(255,0,110,.05);}
+  .btn-login{font-family:'Share Tech Mono',monospace;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;background:var(--neon-cyan);color:var(--dark);border:none;padding:16px;cursor:none;font-weight:bold;transition:all .3s;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);box-shadow:0 0 30px rgba(0,255,249,.4);}
+  .btn-login:hover:not(:disabled){box-shadow:0 0 50px rgba(0,255,249,.7);transform:translateY(-1px);}
+  .btn-login:disabled{opacity:.7;}
+  .loading-dots span{animation:dotBlink 1.2s infinite;display:inline-block;}
+  .loading-dots span:nth-child(2){animation-delay:.2s;}
+  .loading-dots span:nth-child(3){animation-delay:.4s;}
+  @keyframes dotBlink{0%,80%,100%{opacity:0}40%{opacity:1}}
+  .login-divider{display:flex;align-items:center;gap:16px;font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.2em;color:rgba(224,224,255,.2);}
+  .login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:rgba(224,224,255,.08);}
+  .btn-register{font-family:'Share Tech Mono',monospace;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;background:transparent;color:var(--neon-purple);border:1px solid rgba(191,0,255,.4);padding:14px;cursor:none;transition:all .3s;text-decoration:none;text-align:center;display:block;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);text-shadow:0 0 8px var(--neon-purple);}
+  .btn-register:hover{background:rgba(191,0,255,.08);border-color:var(--neon-purple);box-shadow:0 0 20px rgba(191,0,255,.2);}
+  .login-footer-text{text-align:center;}
+  .login-footer-text a{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(224,224,255,.25);text-decoration:none;transition:color .2s;}
+  .login-footer-text a:hover{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);}
+</style>
\ No newline at end of file
diff --git a/frontend/src/routes/game/[id]/+page.svelte b/frontend/src/routes/game/[id]/+page.svelte
new file mode 100644
index 0000000..30db0d1
--- /dev/null
+++ b/frontend/src/routes/game/[id]/+page.svelte
@@ -0,0 +1,251 @@
+<script lang="ts">
+    import { ratings } from '$lib/stores/ratings';
+    import { user } from '$lib/stores/user.js';
+
+    /** @type {{ game: any }} */
+    export let data;
+    const { game } = data;
+
+    let isLoading = true;
+    let hasError = false;
+    let loadTimeout;
+    let iframeEl;
+
+    function handleLoad() {
+        clearTimeout(loadTimeout);
+        isLoading = false;
+    }
+
+    loadTimeout = setTimeout(() => {
+        if (isLoading) {
+            hasError = true;
+            isLoading = false;
+        }
+    }, 20000);
+
+    function handleError() {
+        hasError = true;
+    }
+
+    function goFullscreen() {
+        if (iframeEl?.requestFullscreen) {
+            iframeEl.requestFullscreen();
+        }
+    }
+
+    const gameId = game.id;
+
+    function rate(value: number) {
+        ratings.update(r => {
+            const current = r[gameId] ?? { totalRatings: 0, totalScore: 0, superlikes: 0 };
+
+            return {
+                ...r,
+                [gameId]: {
+                    ...current,
+                    totalRatings: current.totalRatings + 1,
+                    totalScore: current.totalScore + value
+                }
+            };
+        });
+    }
+
+    function superlike() {
+        if ($user.superlikesUsed >= $user.maxSuperlikes) return;
+
+        ratings.update(r => {
+            const current = r[gameId] ?? { totalRatings: 0, totalScore: 0, superlikes: 0 };
+
+            return {
+                ...r,
+                [gameId]: {
+                    ...current,
+                    superlikes: current.superlikes + 1
+                }
+            };
+        });
+
+        user.update(u => ({
+            ...u,
+            superlikesUsed: u.superlikesUsed + 1
+        }));
+    }
+
+    $: stats = $ratings[gameId] ?? { totalRatings: 0, totalScore: 0, superlikes: 0 };
+    $: average = stats.totalRatings === 0 ? "0.0" : (stats.totalScore / stats.totalRatings).toFixed(1);
+</script>
+
+<header>
+    <h2>{game.title}</h2>
+</header>
+
+{#if isLoading}
+    <div class="overlay loading">
+        <p>Loading . . .</p>
+    </div>
+{/if}
+
+{#if hasError}
+    <div class="overlay error">
+        <p>Error ! ! !</p>
+    </div>
+{/if}
+
+<main>
+    <div class="iframe-card">
+        <button class="fullscreen-btn" on:click={goFullscreen}>
+            ⛶ Fullscreen!
+        </button>
+        <br>
+
+        <iframe 
+            bind:this={iframeEl}
+            title={game.title}
+            src={game.url}
+            allowfullscreen
+            on:load={handleLoad}
+            on:error={handleError}
+        ></iframe>
+    </div>
+
+    <div class="about">
+        <h2>About {game.title}</h2>
+        <p>{game.description}</p>
+    </div>
+
+    <div class="stats-container">
+        <div class="ratings">
+            <h2>Rate this game</h2>
+
+            <div class="rating-buttons">
+                {#each [1, 2, 3, 4, 5] as n}
+                    <button on:click={() => rate(n)}>{n}</button>
+                {/each}
+            </div>
+
+            <h2>Superlike</h2>
+
+            <button on:click={superlike} disabled={$user.superlikesUsed >= $user.maxSuperlikes}>
+                Superlike
+            </button>
+
+            <p>{$user.superlikesUsed}/{ $user.maxSuperlikes } superlikes used</p>
+        </div>
+
+        <div class="stats">
+            <h2>Stats</h2>
+            <p>Total ratings: {stats.totalRatings}</p>
+            <p>Average score: {average}</p>
+            <p>Superlikes: {stats.superlikes}</p>
+        </div>
+    </div>
+</main>
+
+<style>
+    header {
+        width: 75%;
+        margin: 0 auto;
+        color: aliceblue;
+        padding-bottom: 1rem;
+        border-radius: 8px;
+        border: 1px solid;
+        border-color: rgb(194, 48, 121);
+    }
+
+    .about {
+        margin: 0 auto;
+        width: 75%;
+        color: cyan;
+        border: 1px solid;
+        border-radius: 8px;
+        border-color: cyan;
+        margin-bottom: 1rem;
+    }
+
+    .stats-container {
+        display: flex;
+        gap: 20px;
+        margin: 0 auto;
+        width: 75%;
+        color: cyan;
+    }
+
+    .ratings {
+        border: 1px solid;
+        flex: 1;
+        padding: 15px;
+        border-radius: 8px;
+        border-color: cyan;
+    }
+
+    .stats {
+        border: 1px solid;
+        flex: 1;
+        padding: 15px;
+        border-radius: 8px;
+        border-color: cyan;
+    }
+
+    .rating-buttons {
+        display: flex;
+        gap: 0.5rem;
+        justify-content: center;
+        margin-bottom: 1rem;
+    }
+
+    .rating-buttons button {
+        padding: 0.4rem 0.7rem;
+        background: #0a0a0f;
+        color: cyan;
+        border: 1px solid cyan;
+        border-radius: 6px;
+        cursor: pointer;
+    }
+
+    .rating-buttons button:hover {
+        border-color: #ca1261;
+        transform: scale(1.05);
+        transition: all 150ms ease;
+    }
+
+    .overlay {
+        position: fixed;
+        inset: 0;
+        z-index: 9999;
+        display: grid;
+        place-items: center;
+        font-size: 5rem;
+        color: #b39eff;
+        background: rgba(0, 0, 0, 0.85);
+    }
+
+    .error {
+        background: rgba(120, 0, 0, 0.8);
+    }
+
+    .fullscreen-btn {
+        justify-content: center;
+        padding: 1rem;
+        margin: 0.5em;
+        width: 75%;
+        background-color: #b39eff;
+        border-radius: 10px;
+        color: aliceblue;
+        font-size: 1rem;
+    }
+
+    .fullscreen-btn:hover {
+        background-color: rgb(28, 172, 172);
+        transform: scale(1.025);
+        transition: all 150ms ease;
+    }
+
+    iframe {
+        justify-content: center;
+        width: 75%;
+        aspect-ratio: 16/9;
+        border-radius: 8px;
+        border-color: rgb(179, 158, 255);
+        margin-bottom: 1rem;
+    }
+</style>
diff --git a/frontend/src/routes/game/[id]/+page.ts b/frontend/src/routes/game/[id]/+page.ts
new file mode 100644
index 0000000..505ad65
--- /dev/null
+++ b/frontend/src/routes/game/[id]/+page.ts
@@ -0,0 +1,15 @@
+import { games } from '$lib/data/games.js';
+import type { PageLoad } from './$types.js';
+
+export const load: PageLoad = ({ params }) => {
+  const game = games.find(g => g.id === params.id);
+
+  if (!game) {
+    return {
+      status: 404,
+      error: new Error('Game not found D:')
+    };
+  }
+
+  return { game };
+};
diff --git a/frontend/src/routes/my-games/+page.svelte b/frontend/src/routes/my-games/+page.svelte
new file mode 100644
index 0000000..c1c9650
--- /dev/null
+++ b/frontend/src/routes/my-games/+page.svelte
@@ -0,0 +1,497 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { goto } from '$app/navigation';
+  import { page } from '$app/stores';
+  import { submissions } from '../../lib/stores/submissions';
+
+  let isLoggedIn = $state(true);
+  let isAdmin    = $state(false);
+  let session    = $derived($page.data.session);
+  let user       = $derived(session?.user);
+
+  let showLogin     = $state(false);
+  let loginEmail    = $state('');
+  let loginPassword = $state('');
+  let loginError    = $state('');
+  let isLoggingIn   = $state(false);
+
+  // MY GAMES
+  let myGames   = $derived($submissions.filter((s: any) => s.dev === (user?.name ?? '')));
+  let pending   = $derived(myGames.filter((s: any) => s.status === 'pending'));
+  let approved  = $derived(myGames.filter((s: any) => s.status === 'approved'));
+  let rejected  = $derived(myGames.filter((s: any) => s.status === 'rejected'));
+
+  // AUTH HELPERS
+  function goTo(path: string, requiresAuth = false) {
+    if (requiresAuth && !isLoggedIn) showLogin = true;
+    else goto(path);
+  }
+  async function handleLogin(e: Event) {
+    e.preventDefault();
+    loginError = '';
+    if (!loginEmail || !loginPassword) { loginError = 'ALL FIELDS REQUIRED'; return; }
+    isLoggingIn = true;
+    try {
+      await new Promise(r => setTimeout(r, 1200));
+      isLoggedIn = true; showLogin = false; loginEmail = loginPassword = '';
+    } catch (err: any) {
+      loginError = err.message || 'LOGIN FAILED';
+    } finally { isLoggingIn = false; }
+  }
+  function logout() { isLoggedIn = false; isAdmin = false; }
+  function closeOnBackdrop(e: MouseEvent) { if (e.target === e.currentTarget) showLogin = false; }
+
+  // CURSOR
+  let cursorEl = $state<HTMLElement | undefined>(undefined);
+  let dotEl    = $state<HTMLElement | undefined>(undefined);
+
+  onMount(() => {
+    // Redirect if not logged in
+    if (!isLoggedIn) { showLogin = true; }
+
+    let mx = 0, my = 0, cx = 0, cy = 0;
+    const onMove = (e: MouseEvent) => {
+      mx = e.clientX; my = e.clientY;
+      if (dotEl) { dotEl.style.left = mx+'px'; dotEl.style.top = my+'px'; }
+    };
+    document.addEventListener('mousemove', onMove);
+    const raf = () => {
+      cx += (mx-cx)*0.12; cy += (my-cy)*0.12;
+      if (cursorEl) { cursorEl.style.left = cx+'px'; cursorEl.style.top = cy+'px'; }
+      requestAnimationFrame(raf);
+    };
+    raf();
+    const addHover = (el: Element) => {
+      el.addEventListener('mouseenter', () => { if (cursorEl) { cursorEl.style.transform='translate(-50%,-50%) scale(2)'; cursorEl.style.borderColor='var(--neon-pink)'; } });
+      el.addEventListener('mouseleave', () => { if (cursorEl) { cursorEl.style.transform='translate(-50%,-50%) scale(1)'; cursorEl.style.borderColor='var(--neon-cyan)'; } });
+    };
+    document.querySelectorAll('button, a, .game-card').forEach(addHover);
+    return () => document.removeEventListener('mousemove', onMove);
+  });
+
+  function thumbUrl(s: any) {
+    return s.thumbnail ? URL.createObjectURL(s.thumbnail) : null;
+  }
+
+  const statusConfig: Record<string, { label: string; color: string; glow: string; icon: string; border: string; bg: string }> = {
+    pending:  { label: 'AWAITING REVIEW', color: 'var(--neon-yellow)', glow: 'rgba(255,230,0,.3)',  icon: '◌', border: 'rgba(255,230,0,.25)',  bg: 'rgba(255,230,0,.04)' },
+    approved: { label: 'LIVE',            color: 'var(--neon-cyan)',   glow: 'rgba(0,255,249,.3)',  icon: '◉', border: 'rgba(0,255,249,.25)',  bg: 'rgba(0,255,249,.04)' },
+    rejected: { label: 'REJECTED',        color: 'var(--neon-pink)',   glow: 'rgba(255,0,110,.3)',  icon: '✕', border: 'rgba(255,0,110,.25)',  bg: 'rgba(255,0,110,.04)' },
+  };
+</script>
+
+<svelte:head>
+  <title>MY GAMES // PROGCHAMP</title>
+  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Share+Tech+Mono&family=Oxanium:wght@300;400;600;800&display=swap" rel="stylesheet" />
+</svelte:head>
+
+<div class="cursor" bind:this={cursorEl}></div>
+<div class="cursor-dot" bind:this={dotEl}></div>
+<div class="grid-bg"></div>
+<div class="noise"></div>
+
+<!-- NAV -->
+<nav>
+  <a href="/" class="logo-wrap">
+    <span class="logo">PROG<em>CHAMP</em></span>
+    <span class="logo-sub">an @ACMpesuecc project</span>
+  </a>
+  <ul class="nav-links">
+    <li><a href="/all-games" class="nav-link">ALL GAMES</a></li>
+    <li><a href="/my-games" class="nav-link nav-link--active">MY GAMES</a></li>
+    <li><a href="/upload" class="nav-link" onclick={(e)=>{e.preventDefault();goTo('/upload',true);}}>UPLOAD</a></li>
+    {#if isAdmin}<li><a href="/admin" class="nav-link nav-link--admin">ADMIN</a></li>{/if}
+  </ul>
+  {#if isLoggedIn}
+    <button class="nav-cta nav-cta--out" onclick={logout}>LOG OUT</button>
+  {:else}
+    <button class="nav-cta" onclick={()=>showLogin=true}>LOGIN</button>
+  {/if}
+</nav>
+
+<!-- HEADER -->
+<header class="page-header">
+  <div class="header-orb orb1"></div>
+  <div class="header-orb orb2"></div>
+  <div class="header-inner">
+    <div class="header-eyebrow">// DEVELOPER DASHBOARD</div>
+    <h1 class="header-title">MY <span>GAMES</span></h1>
+    <p class="header-sub">
+      {#if isLoggedIn}
+        {myGames.length} submission{myGames.length !== 1 ? 's' : ''} · {approved.length} live · {pending.length} under review
+      {:else}
+        Log in to view your submitted games.
+      {/if}
+    </p>
+  </div>
+</header>
+
+<!-- CONTENT -->
+<main class="page-main">
+  {#if !isLoggedIn}
+    <!-- NOT LOGGED IN -->
+    <div class="empty-state">
+      <div class="empty-icon">⬡</div>
+      <div class="empty-title">ACCESS DENIED</div>
+      <div class="empty-sub">You need to be logged in to view your games.</div>
+      <button class="btn-cta" onclick={()=>showLogin=true}>LOGIN TO CONTINUE</button>
+    </div>
+
+  {:else if myGames.length === 0}
+    <!-- LOGGED IN BUT NOTHING SUBMITTED -->
+    <div class="empty-state">
+      <div class="empty-icon">◌</div>
+      <div class="empty-title">NO SUBMISSIONS YET</div>
+      <div class="empty-sub">You haven't uploaded any games. Ready to publish?</div>
+      <a href="/upload" class="btn-cta">UPLOAD YOUR FIRST GAME ↗</a>
+    </div>
+
+  {:else}
+    <!-- PENDING SECTION -->
+    {#if pending.length > 0}
+      <section class="game-section">
+        <div class="section-header">
+          <div class="section-eyebrow">// AWAITING ADMIN REVIEW</div>
+          <h2 class="section-title">UNDER <span class="yellow">REVIEW</span></h2>
+          <p class="section-sub">These games have been submitted and are waiting for approval. You'll be notified once reviewed.</p>
+        </div>
+        <div class="games-list">
+          {#each pending as s}
+            {@const cfg = statusConfig.pending}
+            <div class="game-card" style="border-color:{cfg.border};background:{cfg.bg}">
+              <div class="card-thumb">
+                {#if thumbUrl(s)}
+                  <img src={thumbUrl(s)} alt={s.title} class="thumb-img" />
+                {:else}
+                  <div class="thumb-placeholder"><span class="thumb-icon">◌</span></div>
+                {/if}
+                <div class="status-badge" style="color:{cfg.color};border-color:{cfg.border};box-shadow:0 0 12px {cfg.glow};background:{cfg.bg}">
+                  <span class="status-icon">{cfg.icon}</span> {cfg.label}
+                </div>
+              </div>
+              <div class="card-body">
+                <div class="card-genre">{(s.genre ?? 'Uncategorised').toUpperCase()}</div>
+                <div class="card-title">{s.title}</div>
+                <div class="card-meta">
+                  <span class="card-url">↗ {s.url}</span>
+                </div>
+                <p class="card-desc">{s.description}</p>
+                <div class="card-notice" style="border-color:{cfg.border};color:{cfg.color}">
+                  ◌ &nbsp;Submission is in queue.
+                </div>
+              </div>
+            </div>
+          {/each}
+        </div>
+      </section>
+    {/if}
+
+    <!-- APPROVED SECTION -->
+    {#if approved.length > 0}
+      <section class="game-section">
+        <div class="section-header">
+          <div class="section-eyebrow">// PUBLISHED</div>
+          <h2 class="section-title">LIVE <span class="cyan">GAMES</span></h2>
+          <p class="section-sub">These are live in the Vault and available to all players.</p>
+        </div>
+        <div class="games-list">
+          {#each approved as s}
+            {@const cfg = statusConfig.approved}
+            <div class="game-card" style="border-color:{cfg.border};background:{cfg.bg}">
+              <div class="card-thumb">
+                {#if thumbUrl(s)}
+                  <img src={thumbUrl(s)} alt={s.title} class="thumb-img" />
+                {:else}
+                  <div class="thumb-placeholder"><span class="thumb-icon" style="color:var(--neon-cyan)">◉</span></div>
+                {/if}
+                <div class="status-badge" style="color:{cfg.color};border-color:{cfg.border};box-shadow:0 0 12px {cfg.glow};background:{cfg.bg}">
+                  <span class="status-icon">{cfg.icon}</span> {cfg.label}
+                </div>
+              </div>
+              <div class="card-body">
+                <div class="card-genre">{(s.genre ?? 'Uncategorised').toUpperCase()}</div>
+                <div class="card-title">{s.title}</div>
+                <div class="card-meta">
+                  <a href={s.url} class="card-url card-url--link">↗ VIEW IN VAULT</a>
+                </div>
+                <p class="card-desc">{s.description}</p>
+              </div>
+            </div>
+          {/each}
+        </div>
+      </section>
+    {/if}
+
+    <!-- ── REJECTED SECTION ── -->
+    {#if rejected.length > 0}
+      <section class="game-section">
+        <div class="section-header">
+          <div class="section-eyebrow">// NOT APPROVED</div>
+          <h2 class="section-title">REJECTED <span class="pink">SUBMISSIONS</span></h2>
+          <p class="section-sub">These submissions were not approved. Review the feedback below and resubmit if you've made changes.</p>
+        </div>
+        <div class="games-list">
+          {#each rejected as s}
+            {@const cfg = statusConfig.rejected}
+            <div class="game-card" style="border-color:{cfg.border};background:{cfg.bg}">
+              <div class="card-thumb">
+                {#if thumbUrl(s)}
+                  <img src={thumbUrl(s)} alt={s.title} class="thumb-img" />
+                {:else}
+                  <div class="thumb-placeholder"><span class="thumb-icon" style="color:var(--neon-pink)">✕</span></div>
+                {/if}
+                <div class="status-badge" style="color:{cfg.color};border-color:{cfg.border};box-shadow:0 0 12px {cfg.glow};background:{cfg.bg}">
+                  <span class="status-icon">{cfg.icon}</span> {cfg.label}
+                </div>
+              </div>
+              <div class="card-body">
+                <div class="card-genre">{(s.genre ?? 'Uncategorised').toUpperCase()}</div>
+                <div class="card-title">{s.title}</div>
+                <p class="card-desc">{s.description}</p>
+                <div class="card-notice" style="border-color:{cfg.border};color:{cfg.color}">
+                  ✕ &nbsp;{s.rejectionReason ?? 'This submission did not meet our content guidelines.'}
+                </div>
+                <a href="/upload" class="btn-resubmit">RESUBMIT ↗</a>
+              </div>
+            </div>
+          {/each}
+        </div>
+      </section>
+    {/if}
+
+    <!-- UPLOAD MORE CTA -->
+    <div class="upload-cta">
+      <div class="upload-cta-inner">
+        <div>
+          <div class="cta-eyebrow">// GOT MORE?</div>
+          <div class="cta-title">PUBLISH ANOTHER <span>GAME</span></div>
+        </div>
+        <a href="/upload" class="btn-upload">UPLOAD ↗</a>
+      </div>
+    </div>
+  {/if}
+</main>
+
+<!-- FOOTER -->
+<footer>
+  <div class="footer-brand">
+    <div class="footer-logo">PROG<span>CHAMP</span></div>
+    <div class="footer-logo-sub">an @ACMpesuecc project</div>
+    <p class="footer-desc">Upload, compete, ascend.</p>
+  </div>
+  <div>
+    <div class="footer-col-title">Vault</div>
+    <ul class="footer-links">
+      <li><a href="/all-games?sort=new">New Releases</a></li>
+      <li><a href="/all-games?sort=top">Top Rated</a></li>
+      <li><a href="/all-games?filter=free">Free to Play</a></li>
+      <li><a href="/all-games?filter=upcoming">Coming Soon</a></li>
+    </ul>
+  </div>
+  <div>
+    <div class="footer-col-title">Your Space</div>
+    <ul class="footer-links">
+      <li><a href="/all-games">Browse All Games</a></li>
+      <li><a href="/my-games">My Games</a></li>
+      <li><a href="/upload" onclick={(e)=>{e.preventDefault();goTo('/upload',true);}}>Upload a Game</a></li>
+      {#if isAdmin}<li><a href="/admin" class="admin-link">Admin Panel</a></li>{/if}
+    </ul>
+  </div>
+  <div>
+    <div class="footer-col-title">ProgChamp</div>
+    <ul class="footer-links">
+      <li><a href="/about">About ACMpesuecc</a></li>
+      <li><a href="/dev-portal">Dev Portal</a></li>
+      <li><a href="/blog">Blog</a></li>
+      <li><a href="/support">Support</a></li>
+    </ul>
+  </div>
+  <div class="footer-bottom">
+    <div class="footer-copy">© 2026 PROGCHAMP — AN @ACMpesuecc PROJECT — ALL RIGHTS RESERVED</div>
+    <div class="footer-status"><span class="status-dot"></span>ALL SYSTEMS OPERATIONAL</div>
+  </div>
+</footer>
+
+<!-- LOGIN MODAL -->
+<!-- svelte-ignore a11y_click_events_have_key_events -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+{#if showLogin}
+  <div class="modal-backdrop" onclick={closeOnBackdrop}>
+    <div class="modal" role="dialog" aria-modal="true" aria-labelledby="modal-heading">
+      <div class="modal-corner tl"></div>
+      <div class="modal-corner br"></div>
+      <button class="modal-close" onclick={()=>showLogin=false} aria-label="Close">✕</button>
+      <div class="modal-eyebrow">// ACCESS TERMINAL</div>
+      <h2 class="modal-title" id="modal-heading">LOG<span>IN</span></h2>
+      <p class="modal-sub">Enter your credentials to access the vault.</p>
+      <form class="login-form" onsubmit={handleLogin}>
+        <div class="form-group">
+          <label class="form-label" for="login-email">EMAIL ADDRESS</label>
+          <input id="login-email" type="email" class="form-input" placeholder="operator@progchamp.gg" bind:value={loginEmail} autocomplete="email" />
+        </div>
+        <div class="form-group">
+          <label class="form-label" for="login-pass">PASSWORD</label>
+          <input id="login-pass" type="password" class="form-input" placeholder="••••••••••••" bind:value={loginPassword} autocomplete="current-password" />
+        </div>
+        {#if loginError}<div class="login-error" role="alert">{loginError}</div>{/if}
+        <button type="submit" class="btn-login" disabled={isLoggingIn}>
+          {#if isLoggingIn}<span class="loading-dots">CONNECTING<span>.</span><span>.</span><span>.</span></span>{:else}INITIALIZE SESSION{/if}
+        </button>
+        <div class="login-divider"><span>OR</span></div>
+        <a href="/register" class="btn-register">CREATE NEW ACCOUNT</a>
+        <div class="login-footer-text"><a href="/forgot-password">FORGOT PASSWORD?</a></div>
+      </form>
+    </div>
+  </div>
+{/if}
+
+<style>
+  :global(:root){--neon-cyan:#00fff9;--neon-pink:#ff006e;--neon-yellow:#ffe600;--neon-purple:#bf00ff;--dark:#03000a;--dark2:#0a0014;--grid-color:rgba(0,255,249,0.06);--text:#e0e0ff;}
+  :global(*,*::before,*::after){box-sizing:border-box;margin:0;padding:0;}
+  :global(html){scroll-behavior:smooth;}
+  :global(body){background:var(--dark);color:var(--text);font-family:'Oxanium',sans-serif;overflow-x:hidden;cursor:none;}
+  :global(body::before){content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.15) 2px,rgba(0,0,0,0.15) 4px);pointer-events:none;z-index:100;}
+
+  .cursor{width:16px;height:16px;border:2px solid var(--neon-cyan);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .12s ease,border-color .3s;mix-blend-mode:screen;}
+  .cursor-dot{width:4px;height:4px;background:var(--neon-pink);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);}
+  .grid-bg{position:fixed;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:60px 60px;z-index:0;animation:gridPulse 8s ease-in-out infinite;}
+  @keyframes gridPulse{0%,100%{opacity:.6}50%{opacity:1}}
+  .noise{position:fixed;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:1;}
+
+  nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;gap:22px;padding:14px 48px;border-bottom:1px solid rgba(0,255,249,.15);background:rgba(3,0,10,.92);backdrop-filter:blur(14px);}
+  .logo-wrap{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;flex-shrink:0;gap:2px;margin-right:auto;}
+  .logo{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;letter-spacing:.12em;line-height:1;font-style:normal;color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan),0 0 60px rgba(0,255,249,.3);}
+  .logo em{font-style:normal;color:var(--neon-pink);text-shadow:0 0 20px var(--neon-pink);}
+  .logo-sub{font-family:'Share Tech Mono',monospace;font-size:.8rem;letter-spacing:.15em;color:rgba(0,255,249,.4);text-transform:uppercase;}
+  .nav-links{list-style:none;display:flex;gap:6px;}
+  .nav-link{font-family:'Share Tech Mono',monospace;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(224,224,255,.45);text-decoration:none;padding:8px 14px;border:1px solid transparent;transition:all .25s;cursor:none;}
+  .nav-link:hover{color:var(--neon-cyan);border-color:rgba(0,255,249,.25);text-shadow:0 0 8px var(--neon-cyan);}
+  .nav-link--active{color:var(--neon-pink)!important;border-color:rgba(255,0,110,.3)!important;text-shadow:0 0 8px var(--neon-pink)!important;}
+  .nav-link--admin{color:rgba(255,0,110,.6)!important;}
+  .nav-cta{font-family:'Share Tech Mono',monospace;font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;background:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:9px 22px;cursor:none;transition:all .3s;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);text-shadow:0 0 8px var(--neon-cyan);box-shadow:0 0 15px rgba(0,255,249,.15);}
+  .nav-cta:hover{background:rgba(0,255,249,.08);box-shadow:0 0 30px rgba(0,255,249,.3);}
+  .nav-cta--out{color:rgba(224,224,255,.4);border-color:rgba(224,224,255,.2);text-shadow:none;box-shadow:none;}
+
+  .page-header{position:relative;z-index:10;padding:140px 60px 60px;border-bottom:1px solid rgba(255,0,110,.08);overflow:hidden;}
+  .header-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;}
+  .header-orb.orb1{width:400px;height:400px;background:rgba(255,0,110,.06);top:-80px;right:5%;}
+  .header-orb.orb2{width:300px;height:300px;background:rgba(191,0,255,.06);bottom:-60px;left:10%;}
+  .header-inner{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;}
+  .header-eyebrow{font-family:'Share Tech Mono',monospace;font-size:.8rem;letter-spacing:.35em;text-transform:uppercase;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);margin-bottom:16px;}
+  .header-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(3.5rem,8vw,9rem);letter-spacing:.04em;line-height:.95;margin-bottom:20px;}
+  .header-title span{color:var(--neon-pink);text-shadow:0 0 30px var(--neon-pink);}
+  .header-sub{font-family:'Share Tech Mono',monospace;font-size:.78rem;color:rgba(224,224,255,.4);letter-spacing:.08em;line-height:1.8;margin:0 auto;max-width:500px;}
+
+  /* ════ PAGE MAIN ════ */
+  .page-main{position:relative;z-index:10;padding:60px;max-width:1100px;margin:0 auto;}
+
+  /* ════ EMPTY STATE ════ */
+  .empty-state{text-align:center;padding:100px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;}
+  .empty-icon{font-size:4rem;color:rgba(0,255,249,.15);}
+  .empty-title{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;letter-spacing:.1em;color:rgba(224,224,255,.3);}
+  .empty-sub{font-family:'Share Tech Mono',monospace;font-size:.9rem;letter-spacing:.1em;color:rgba(224,224,255,.2);margin-bottom:8px;}
+  .btn-cta{font-family:'Share Tech Mono',monospace;font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;background:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:14px 32px;cursor:none;transition:all .3s;text-decoration:none;display:inline-block;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);text-shadow:0 0 8px var(--neon-cyan);box-shadow:0 0 20px rgba(0,255,249,.15);margin-top:8px;}
+  .btn-cta:hover{background:rgba(0,255,249,.08);box-shadow:0 0 40px rgba(0,255,249,.35);}
+
+  /* ════ SECTIONS ════ */
+  .game-section{margin-bottom:60px;}
+  .section-header{margin-bottom:28px;}
+  .section-eyebrow{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(224,224,255,.35);margin-bottom:8px;}
+  .section-title{font-family:'Bebas Neue',sans-serif;font-size:2.4rem;letter-spacing:.05em;margin-bottom:8px;}
+  .section-title .cyan{color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan);}
+  .section-title .yellow{color:var(--neon-yellow);text-shadow:0 0 20px var(--neon-yellow);}
+  .section-title .pink{color:var(--neon-pink);text-shadow:0 0 20px var(--neon-pink);}
+  .section-sub{font-family:'Share Tech Mono',monospace;font-size:.68rem;letter-spacing:.06em;color:rgba(224,224,255,.3);line-height:1.7;max-width:600px;}
+
+  /* ════ GAME CARDS (horizontal list layout) ════ */
+  .games-list{display:flex;flex-direction:column;gap:16px;}
+
+  .game-card{display:grid;grid-template-columns:220px 1fr;border:1px solid;overflow:hidden;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);transition:transform .3s,box-shadow .3s;}
+  .game-card:hover{transform:translateY(-2px);box-shadow:0 8px 40px rgba(0,0,0,.4);}
+
+  .card-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;}
+  .thumb-img{width:100%;height:100%;object-fit:cover;}
+  .thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(10,0,20,.8);}
+  .thumb-icon{font-size:2.5rem;opacity:.5;}
+
+  .status-badge{position:absolute;bottom:10px;left:10px;font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;border:1px solid;padding:4px 10px;display:flex;align-items:center;gap:6px;backdrop-filter:blur(4px);clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);}
+  .status-icon{font-size:.8rem;}
+
+  .card-body{padding:20px 24px;display:flex;flex-direction:column;gap:8px;}
+  .card-genre{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.2em;color:var(--neon-purple);text-shadow:0 0 6px var(--neon-purple);}
+  .card-title{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:.05em;line-height:1;}
+  .card-meta{display:flex;align-items:center;gap:16px;}
+  .card-url{font-family:'Share Tech Mono',monospace;font-size:.62rem;letter-spacing:.08em;color:rgba(224,224,255,.3);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px;}
+  .card-url--link{color:var(--neon-cyan);transition:text-shadow .2s;}
+  .card-url--link:hover{text-shadow:0 0 8px var(--neon-cyan);}
+  .card-desc{font-family:'Share Tech Mono',monospace;font-size:.8rem;letter-spacing:.04em;color:rgba(224,224,255,.3);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;  line-clamp: 2;
+; overflow:hidden;}
+
+  .card-notice{font-family:'Share Tech Mono',monospace;font-size:.62rem;letter-spacing:.1em;line-height:1.6;border-left:2px solid;padding:8px 12px;margin-top:4px;background:rgba(0,0,0,.2);}
+
+  .btn-resubmit{font-family:'Share Tech Mono',monospace;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;background:transparent;color:var(--neon-pink);border:1px solid rgba(255,0,110,.4);padding:8px 20px;cursor:none;transition:all .3s;text-decoration:none;display:inline-block;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);text-shadow:0 0 8px var(--neon-pink);margin-top:4px;align-self:flex-start;}
+  .btn-resubmit:hover{background:rgba(255,0,110,.08);box-shadow:0 0 20px rgba(255,0,110,.2);}
+
+  /* ════ UPLOAD MORE CTA ════ */
+  .upload-cta{margin-top:40px;}
+  .upload-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid rgba(255,230,0,.2);padding:40px 50px;background:rgba(255,230,0,.02);clip-path:polygon(16px 0%,100% 0%,calc(100% - 16px) 100%,0% 100%);}
+  .cta-eyebrow{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--neon-yellow);text-shadow:0 0 8px var(--neon-yellow);margin-bottom:8px;}
+  .cta-title{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.05em;}
+  .cta-title span{color:var(--neon-yellow);text-shadow:0 0 20px var(--neon-yellow);}
+  .btn-upload{font-family:'Share Tech Mono',monospace;font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;background:transparent;color:var(--neon-yellow);border:1px solid var(--neon-yellow);padding:16px 36px;cursor:none;transition:all .3s;flex-shrink:0;text-decoration:none;display:inline-block;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);text-shadow:0 0 10px var(--neon-yellow);box-shadow:0 0 20px rgba(255,230,0,.15);}
+  .btn-upload:hover{background:rgba(255,230,0,.08);box-shadow:0 0 40px rgba(255,230,0,.35);transform:translateY(-2px);}
+
+  /* ════ FOOTER ════ */
+  footer{position:relative;z-index:10;padding:60px;border-top:1px solid rgba(0,255,249,.1);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;background:rgba(3,0,10,.95);}
+  .footer-logo{font-family:'Bebas Neue',sans-serif;font-size:3.2rem;color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan);margin-bottom:4px;}
+  .footer-logo span{color:var(--neon-pink);text-shadow:0 0 20px var(--neon-pink);}
+  .footer-logo-sub{font-family:'Share Tech Mono',monospace;font-size:.72rem;color:rgba(0,255,249,.4);letter-spacing:.12em;margin-bottom:14px;}
+  .footer-desc{font-family:'Share Tech Mono',monospace;font-size:.9rem;line-height:1.8;color:rgba(224,224,255,.3);letter-spacing:.05em;}
+  .footer-col-title{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:.1em;color:rgba(224,224,255,.5);margin-bottom:20px;}
+  .footer-links{list-style:none;display:flex;flex-direction:column;gap:12px;}
+  .footer-links a{font-family:'Share Tech Mono',monospace;font-size:.8rem;letter-spacing:.1em;color:rgba(224,224,255,.3);text-decoration:none;text-transform:uppercase;transition:color .2s;cursor:none;}
+  .footer-links a:hover{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);}
+  .admin-link{color:rgba(255,0,110,.5)!important;}
+  .admin-link:hover{color:var(--neon-pink)!important;text-shadow:0 0 8px var(--neon-pink)!important;}
+  .footer-bottom{grid-column:1/-1;padding-top:30px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;}
+  .footer-copy{font-family:'Share Tech Mono',monospace;font-size:.6rem;color:rgba(224,224,255,.2);letter-spacing:.12em;}
+  .footer-status{display:flex;align-items:center;gap:8px;font-family:'Share Tech Mono',monospace;font-size:.6rem;color:rgba(0,255,249,.5);letter-spacing:.1em;}
+  .status-dot{width:6px;height:6px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan);animation:pulse 2s infinite;}
+  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
+
+  /* ════ MODAL ════ */
+  .modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(3,0,10,.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;}
+  @keyframes fadeIn{from{opacity:0}to{opacity:1}}
+  .modal{position:relative;width:460px;background:var(--dark2);border:1px solid rgba(0,255,249,.2);padding:50px 44px;box-shadow:0 0 60px rgba(0,255,249,.08),0 0 120px rgba(191,0,255,.06);animation:modalIn .3s ease;clip-path:polygon(16px 0%,100% 0%,calc(100% - 16px) 100%,0% 100%);}
+  @keyframes modalIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
+  .modal-corner{position:absolute;width:24px;height:24px;}
+  .modal-corner.tl{top:10px;left:10px;border-top:2px solid var(--neon-cyan);border-left:2px solid var(--neon-cyan);}
+  .modal-corner.br{bottom:10px;right:10px;border-bottom:2px solid var(--neon-cyan);border-right:2px solid var(--neon-cyan);}
+  .modal-close{position:absolute;top:16px;right:20px;background:transparent;border:none;color:rgba(224,224,255,.3);font-size:1rem;cursor:none;transition:color .2s;font-family:'Share Tech Mono',monospace;}
+  .modal-close:hover{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);}
+  .modal-eyebrow{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);margin-bottom:10px;}
+  .modal-title{font-family:'Bebas Neue',sans-serif;font-size:4rem;line-height:1;letter-spacing:.05em;margin-bottom:10px;}
+  .modal-title span{color:var(--neon-pink);text-shadow:0 0 20px var(--neon-pink);}
+  .modal-sub{font-family:'Share Tech Mono',monospace;font-size:.9rem;color:rgba(224,224,255,.35);letter-spacing:.08em;margin-bottom:36px;line-height:1.6;}
+  .login-form{display:flex;flex-direction:column;gap:20px;}
+  .form-group{display:flex;flex-direction:column;gap:8px;}
+  .form-label{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(0,255,249,.6);}
+  .form-input{background:rgba(0,255,249,.03);border:1px solid rgba(0,255,249,.15);color:var(--text);font-family:'Share Tech Mono',monospace;font-size:.9rem;letter-spacing:.08em;padding:12px 16px;outline:none;transition:border-color .3s,box-shadow .3s;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);width:100%;}
+  .form-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px rgba(0,255,249,.1);}
+  .form-input::placeholder{color:rgba(224,224,255,.2);}
+  .login-error{font-family:'Share Tech Mono',monospace;font-size:.8rem;letter-spacing:.15em;color:var(--neon-pink);text-shadow:0 0 8px var(--neon-pink);text-align:center;padding:8px;border:1px solid rgba(255,0,110,.3);background:rgba(255,0,110,.05);}
+  .btn-login{font-family:'Share Tech Mono',monospace;font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;background:var(--neon-cyan);color:var(--dark);border:none;padding:16px;cursor:none;font-weight:bold;transition:all .3s;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);box-shadow:0 0 30px rgba(0,255,249,.4);}
+  .btn-login:hover:not(:disabled){box-shadow:0 0 50px rgba(0,255,249,.7);transform:translateY(-1px);}
+  .btn-login:disabled{opacity:.7;}
+  .loading-dots span{animation:dotBlink 1.2s infinite;display:inline-block;}
+  .loading-dots span:nth-child(2){animation-delay:.2s;}
+  .loading-dots span:nth-child(3){animation-delay:.4s;}
+  @keyframes dotBlink{0%,80%,100%{opacity:0}40%{opacity:1}}
+  .login-divider{display:flex;align-items:center;gap:16px;font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.2em;color:rgba(224,224,255,.2);}
+  .login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:rgba(224,224,255,.08);}
+  .btn-register{font-family:'Share Tech Mono',monospace;font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;background:transparent;color:var(--neon-purple);border:1px solid rgba(191,0,255,.4);padding:14px;cursor:none;transition:all .3s;text-decoration:none;text-align:center;display:block;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);text-shadow:0 0 8px var(--neon-purple);}
+  .btn-register:hover{background:rgba(191,0,255,.08);border-color:var(--neon-purple);box-shadow:0 0 20px rgba(191,0,255,.2);}
+  .login-footer-text{text-align:center;}
+  .login-footer-text a{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(224,224,255,.25);text-decoration:none;transition:color .2s;}
+  .login-footer-text a:hover{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);}
+</style>
\ No newline at end of file
diff --git a/frontend/src/routes/upload/+page.svelte b/frontend/src/routes/upload/+page.svelte
new file mode 100644
index 0000000..e870102
--- /dev/null
+++ b/frontend/src/routes/upload/+page.svelte
@@ -0,0 +1,862 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { goto } from '$app/navigation';
+  import { page } from '$app/stores';
+  import { submissions } from '../../lib/stores/submissions';
+
+  // AUTH — swap with your real auth store
+  let isLoggedIn = $state(true);
+  let isAdmin    = $state(false);
+
+  let session = $derived($page.data.session);
+  let user    = $derived(session?.user);
+
+  // STATE
+  let showLogin     = $state(false);
+  let loginEmail    = $state('');
+  let loginPassword = $state('');
+  let loginError    = $state('');
+  let isLoggingIn   = $state(false);
+
+  let title        = $state('');
+  let description  = $state('');
+  let url          = $state('');
+  let genre        = $state('');
+  let thumbnail    = $state<File | null>(null);
+  let preview      = $state<string | null>(null);
+  let isDragging   = $state(false);
+  let isSubmitting = $state(false);
+  let submitted    = $state(false);
+
+  let cursorEl = $state<HTMLElement | undefined>(undefined);
+  let dotEl    = $state<HTMLElement | undefined>(undefined);
+  let dropzone = $state<HTMLElement | undefined>(undefined);
+
+  const genres = ['Action RPG', 'Shooter', 'Racing', 'Strategy', 'Arcade', 'Space Sim', 'Survival', 'Horror', 'Fighting', 'Puzzle'];
+
+  // FILE HANDLING
+  function handleFile(file: File) {
+    if (!file.type.startsWith('image/')) return;
+    thumbnail = file;
+    preview   = URL.createObjectURL(file);
+  }
+
+  function handleInputChange(e: Event) {
+    const input = e.target as HTMLInputElement;
+    if (input.files?.[0]) handleFile(input.files[0]);
+  }
+
+  function handleDrop(e: DragEvent) {
+    e.preventDefault();
+    isDragging = false;
+    const file = e.dataTransfer?.files[0];
+    if (file) handleFile(file);
+  }
+
+  function handleDragOver(e: DragEvent) { e.preventDefault(); isDragging = true; }
+  function handleDragLeave() { isDragging = false; }
+
+  // SUBMIT
+  async function handleSubmit(e: Event) {
+    e.preventDefault();
+    if (!title || !description || !url || !thumbnail) return;
+    isSubmitting = true;
+
+    await new Promise(r => setTimeout(r, 1400)); // simulate upload
+
+    submissions.update(list => [
+      ...list,
+      {
+        id:          crypto.randomUUID(),
+        title,
+        description,
+        url,
+        genre,
+        thumbnail,
+        status:      'pending',
+        dev:         user?.name ?? 'Anonymous',
+      }
+    ]);
+
+    isSubmitting = false;
+    submitted    = true;
+
+    // reset after 3s
+    setTimeout(() => {
+      submitted   = false;
+      title       = description = url = genre = '';
+      thumbnail   = preview = null;
+    }, 3000);
+  }
+
+  // LOGIN (same as home page)
+  function goTo(path: string, requiresAuth = false) {
+    if (requiresAuth && !isLoggedIn) showLogin = true;
+    else goto(path);
+  }
+
+  async function handleLogin(e: Event) {
+    e.preventDefault();
+    loginError = '';
+    if (!loginEmail || !loginPassword) { loginError = 'ALL FIELDS REQUIRED'; return; }
+    isLoggingIn = true;
+    try {
+      await new Promise(r => setTimeout(r, 1200));
+      isLoggedIn = true;
+      showLogin  = false;
+      loginEmail = loginPassword = '';
+    } catch (err: any) {
+      loginError = err.message || 'LOGIN FAILED';
+    } finally {
+      isLoggingIn = false;
+    }
+  }
+
+  function logout() { isLoggedIn = false; isAdmin = false; }
+  function closeOnBackdrop(e: MouseEvent) { if (e.target === e.currentTarget) showLogin = false; }
+
+  // CURSOR
+  onMount(() => {
+    let mx = 0, my = 0, cx = 0, cy = 0;
+    const onMove = (e: MouseEvent) => {
+      mx = e.clientX; my = e.clientY;
+      if (dotEl) { dotEl.style.left = mx + 'px'; dotEl.style.top = my + 'px'; }
+    };
+    document.addEventListener('mousemove', onMove);
+
+    const raf = () => {
+      cx += (mx - cx) * 0.12; cy += (my - cy) * 0.12;
+      if (cursorEl) { cursorEl.style.left = cx + 'px'; cursorEl.style.top = cy + 'px'; }
+      requestAnimationFrame(raf);
+    };
+    raf();
+
+    const addHover = (el: Element) => {
+      el.addEventListener('mouseenter', () => { if (cursorEl) { cursorEl.style.transform = 'translate(-50%,-50%) scale(2)'; cursorEl.style.borderColor = 'var(--neon-pink)'; } });
+      el.addEventListener('mouseleave', () => { if (cursorEl) { cursorEl.style.transform = 'translate(-50%,-50%) scale(1)'; cursorEl.style.borderColor = 'var(--neon-cyan)'; } });
+    };
+    document.querySelectorAll('button, a, .form-input, .dropzone, select').forEach(addHover);
+
+    return () => document.removeEventListener('mousemove', onMove);
+  });
+</script>
+
+<svelte:head>
+  <title>UPLOAD // PROGCHAMP</title>
+  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Share+Tech+Mono&family=Oxanium:wght@300;400;600;800&display=swap" rel="stylesheet" />
+</svelte:head>
+
+<!-- CURSOR -->
+<div class="cursor"     bind:this={cursorEl}></div>
+<div class="cursor-dot" bind:this={dotEl}></div>
+
+<!-- BACKGROUND -->
+<div class="grid-bg"></div>
+<div class="noise"></div>
+
+<!-- NAV -->
+<nav>
+  <a href="/" class="logo-wrap">
+    <span class="logo">PROG<em>CHAMP</em></span>
+    <span class="logo-sub">an @ACMpesuecc project</span>
+  </a>
+
+  <ul class="nav-links">
+    <li><a href="/all-games" class="nav-link">ALL GAMES</a></li>
+    <li><a href="/my-games" class="nav-link"
+        onclick={(e) => { e.preventDefault(); goTo('/my-games', true); }}>MY GAMES</a></li>
+    <li><a href="/upload" class="nav-link nav-link--active">UPLOAD</a></li>
+    {#if isAdmin}
+      <li><a href="/admin" class="nav-link nav-link--admin">ADMIN</a></li>
+    {/if}
+  </ul>
+
+  {#if isLoggedIn}
+    <button class="nav-cta nav-cta--out" onclick={logout}>LOG OUT</button>
+  {:else}
+    <button class="nav-cta" onclick={() => showLogin = true}>LOGIN</button>
+  {/if}
+</nav>
+
+<!-- PAGE HEADER -->
+<header class="page-header">
+  <div class="header-orb orb1"></div>
+  <div class="header-orb orb2"></div>
+  <div class="header-inner">
+    <div class="header-eyebrow">// DEVELOPER TERMINAL</div>
+    <h1 class="header-title">UPLOAD YOUR <span>GAME</span></h1>
+    <p class="header-sub">Submit your build for review. Once approved, it goes live in the Vault.</p>
+  </div>
+</header>
+
+<!-- UPLOAD FORM -->
+<main class="upload-main">
+  <div class="upload-grid">
+
+    <!-- LEFT: FORM -->
+    <div class="form-panel">
+      <div class="panel-corner tl"></div>
+      <div class="panel-corner br"></div>
+
+      <div class="panel-eyebrow">// GAME DETAILS</div>
+
+      <!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
+      <form onsubmit={handleSubmit} class="upload-form">
+
+        <!-- TITLE -->
+        <div class="form-group">
+          <label class="form-label" for="title">GAME TITLE</label>
+          <input
+            id="title"
+            class="form-input"
+            placeholder="e.g. VOID SYNDICATE"
+            bind:value={title}
+            required
+          />
+        </div>
+
+        <!-- GENRE -->
+        <div class="form-group">
+          <label class="form-label" for="genre">GENRE</label>
+          <select id="genre" class="form-input form-select" bind:value={genre}>
+            <option value="" disabled selected>SELECT A GENRE...</option>
+            {#each genres as g}
+              <option value={g}>{g.toUpperCase()}</option>
+            {/each}
+          </select>
+        </div>
+
+        <!-- DESCRIPTION -->
+        <div class="form-group">
+          <label class="form-label" for="description">DESCRIPTION</label>
+          <textarea
+            id="description"
+            class="form-input form-textarea"
+            placeholder="Describe your game — genre, mechanics, what makes it worth playing..."
+            bind:value={description}
+            rows="5"
+            required
+          ></textarea>
+        </div>
+
+        <!-- GAME URL -->
+        <div class="form-group">
+          <label class="form-label" for="url">GAME URL</label>
+          <div class="input-with-prefix">
+            <span class="input-prefix">https://</span>
+            <input
+              id="url"
+              class="form-input input-prefixed"
+              placeholder="yourgame.itch.io"
+              bind:value={url}
+              required
+            />
+          </div>
+        </div>
+
+        <!-- SUBMIT -->
+        <button
+          type="submit"
+          class="btn-submit"
+          disabled={isSubmitting || submitted || !title || !description || !url || !thumbnail}
+        >
+          {#if submitted}
+            <span class="success-text">✓ SUBMITTED FOR REVIEW</span>
+          {:else if isSubmitting}
+            <span class="loading-dots">UPLOADING<span>.</span><span>.</span><span>.</span></span>
+          {:else}
+            SUBMIT GAME ↗
+          {/if}
+        </button>
+
+        {#if submitted}
+          <p class="submit-note">Your game has been queued for review.</p>
+        {/if}
+
+      </form>
+    </div>
+
+    <!-- RIGHT: THUMBNAIL -->
+    <div class="thumb-panel">
+      <div class="panel-corner tl"></div>
+      <div class="panel-corner br"></div>
+      <div class="panel-eyebrow">// THUMBNAIL</div>
+
+      <!-- svelte-ignore a11y_no_static_element_interactions -->
+      <div
+        class="dropzone"
+        class:dragover={isDragging}
+        class:has-preview={!!preview}
+        bind:this={dropzone}
+        ondrop={handleDrop}
+        ondragover={handleDragOver}
+        ondragleave={handleDragLeave}
+      >
+        {#if preview}
+          <img src={preview} alt="Thumbnail preview" class="thumb-preview" />
+          <div class="thumb-overlay">
+            <label class="thumb-change-btn" for="file-input">CHANGE IMAGE</label>
+          </div>
+        {:else}
+          <div class="dropzone-content">
+            <div class="drop-icon">⊞</div>
+            <div class="drop-label">DROP IMAGE HERE</div>
+            <div class="drop-sub">or click to browse</div>
+            <div class="drop-hint">PNG, JPG, WEBP · Max 5MB</div>
+          </div>
+        {/if}
+        <label for="file-input" class="dropzone-label" aria-label="Upload thumbnail"></label>
+        <input
+          id="file-input"
+          type="file"
+          accept="image/*"
+          class="file-input-hidden"
+          onchange={handleInputChange}
+        />
+      </div>
+
+      <!-- TIPS -->
+      <div class="tips-block">
+        <div class="tips-title">// SUBMISSION TIPS</div>
+        <ul class="tips-list">
+          <li>Thumbnail should be 16:9, at least 800×450px</li>
+          <li>URL must point to a playable, public build</li>
+          <li>Upload content must not contain sensitive or offensive information of any kind</li>
+        </ul>
+      </div>
+    </div>
+
+  </div>
+</main>
+
+<!-- FOOTER -->
+<footer>
+  <div class="footer-brand">
+    <div class="footer-logo">PROG<span>CHAMP</span></div>
+    <div class="footer-logo-sub">an @ACMpesuecc project</div>
+    <p class="footer-desc">We live in the grid so you can play without limits. Upload, compete, ascend.</p>
+  </div>
+
+  <div>
+    <div class="footer-col-title">Vault</div>
+    <ul class="footer-links">
+      <li><a href="/all-games?sort=new">New Releases</a></li>
+      <li><a href="/all-games?sort=top">Top Rated</a></li>
+      <li><a href="/all-games?filter=free">Free to Play</a></li>
+      <li><a href="/all-games?filter=upcoming">Coming Soon</a></li>
+    </ul>
+  </div>
+
+  <div>
+    <div class="footer-col-title">Your Space</div>
+    <ul class="footer-links">
+      <li><a href="/all-games">Browse All Games</a></li>
+      <li><a href="/my-games" onclick={(e) => { e.preventDefault(); goTo('/my-games', true); }}>My Games</a></li>
+      <li><a href="/upload">Upload a Game</a></li>
+      {#if isAdmin}
+        <li><a href="/admin" class="admin-link">Admin Panel</a></li>
+      {/if}
+    </ul>
+  </div>
+
+  <div>
+    <div class="footer-col-title">ProgChamp</div>
+    <ul class="footer-links">
+      <li><a href="/about">About ACMpesuecc</a></li>
+    </ul>
+  </div>
+
+  <div class="footer-bottom">
+    <div class="footer-copy">© 2026 PROGCHAMP — AN @ACMpesuecc PROJECT — ALL RIGHTS RESERVED</div>
+    <div class="footer-status"><span class="status-dot"></span>ALL SYSTEMS OPERATIONAL</div>
+  </div>
+</footer>
+
+<!-- LOGIN MODAL -->
+{#if showLogin}
+  <!-- svelte-ignore a11y_click_events_have_key_events -->
+  <!-- svelte-ignore a11y_no_static_element_interactions -->
+  <div class="modal-backdrop" onclick={closeOnBackdrop}>
+    <div class="modal" role="dialog" aria-modal="true" aria-labelledby="modal-heading">
+      <div class="modal-corner tl"></div>
+      <div class="modal-corner br"></div>
+
+      <button class="modal-close" onclick={() => showLogin = false} aria-label="Close">✕</button>
+
+      <div class="modal-eyebrow">// ACCESS TERMINAL</div>
+      <h2 class="modal-title" id="modal-heading">LOG<span>IN</span></h2>
+      <p class="modal-sub">Enter your credentials to access the vault.</p>
+
+      <form class="login-form" onsubmit={handleLogin}>
+        <div class="form-group">
+          <label class="form-label" for="login-email">EMAIL ADDRESS</label>
+          <input id="login-email" type="email" class="form-input"
+            placeholder="operator@progchamp.gg" bind:value={loginEmail} autocomplete="email" />
+        </div>
+        <div class="form-group">
+          <label class="form-label" for="login-pass">PASSWORD</label>
+          <input id="login-pass" type="password" class="form-input"
+            placeholder="••••••••••••" bind:value={loginPassword} autocomplete="current-password" />
+        </div>
+
+        {#if loginError}
+          <div class="login-error" role="alert">{loginError}</div>
+        {/if}
+
+        <button type="submit" class="btn-login" disabled={isLoggingIn}>
+          {#if isLoggingIn}
+            <span class="loading-dots">CONNECTING<span>.</span><span>.</span><span>.</span></span>
+          {:else}
+            INITIALIZE SESSION
+          {/if}
+        </button>
+
+        <div class="login-divider"><span>OR</span></div>
+        <a href="/register" class="btn-register">CREATE NEW ACCOUNT</a>
+        <div class="login-footer-text">
+          <a href="/forgot-password">FORGOT PASSWORD?</a>
+        </div>
+      </form>
+    </div>
+  </div>
+{/if}
+
+<style>
+  /* CSS VARIABLES */
+  :global(:root) {
+    --neon-cyan:   #00fff9;
+    --neon-pink:   #ff006e;
+    --neon-yellow: #ffe600;
+    --neon-purple: #bf00ff;
+    --dark:        #03000a;
+    --dark2:       #0a0014;
+    --grid-color:  rgba(0,255,249,0.06);
+    --text:        #e0e0ff;
+  }
+  :global(*, *::before, *::after) { box-sizing: border-box; margin: 0; padding: 0; }
+  :global(html) { scroll-behavior: smooth; }
+  :global(body) {
+    background: var(--dark);
+    color: var(--text);
+    font-family: 'Oxanium', sans-serif;
+    overflow-x: hidden;
+    cursor: none;
+  }
+  :global(body::before) {
+    content: '';
+    position: fixed; inset: 0;
+    background: repeating-linear-gradient(
+      0deg, transparent, transparent 2px,
+      rgba(0,0,0,0.15) 2px, rgba(0,0,0,0.15) 4px
+    );
+    pointer-events: none;
+    z-index: 100;
+  }
+
+  /* CURSOR */
+  .cursor {
+    width: 16px; height: 16px;
+    border: 2px solid var(--neon-cyan); border-radius: 50%;
+    position: fixed; pointer-events: none; z-index: 9999;
+    transform: translate(-50%,-50%);
+    transition: transform .12s ease, border-color .3s;
+    mix-blend-mode: screen;
+  }
+  .cursor-dot {
+    width: 4px; height: 4px; background: var(--neon-pink); border-radius: 50%;
+    position: fixed; pointer-events: none; z-index: 9999;
+    transform: translate(-50%,-50%);
+  }
+
+  /* BACKGROUND */
+  .grid-bg {
+    position: fixed; inset: 0;
+    background-image:
+      linear-gradient(var(--grid-color) 1px, transparent 1px),
+      linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);
+    background-size: 60px 60px;
+    z-index: 0; animation: gridPulse 8s ease-in-out infinite;
+  }
+  @keyframes gridPulse { 0%,100% { opacity:.6 } 50% { opacity:1 } }
+  .noise {
+    position: fixed; inset: 0; opacity: .03;
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
+    background-size: 200px 200px; pointer-events: none; z-index: 1;
+  }
+
+  /* ════════════ NAV ════════════ */
+  nav {
+    position: fixed; top: 0; left: 0; right: 0; z-index: 200;
+    display: flex; align-items: center; gap: 22px;
+    padding: 14px 48px;
+    border-bottom: 1px solid rgba(0,255,249,.15);
+    background: rgba(3,0,10,.92);
+    backdrop-filter: blur(14px);
+  }
+  .logo-wrap {
+    display: flex; flex-direction: column; align-items: flex-start;
+    text-decoration: none; flex-shrink: 0; gap: 2px; margin-right: auto;
+  }
+  .logo {
+    font-family: 'Bebas Neue', sans-serif;
+    font-size: 2.4rem; letter-spacing: .12em; line-height: 1; font-style: normal;
+    color: var(--neon-cyan);
+    text-shadow: 0 0 20px var(--neon-cyan), 0 0 60px rgba(0,255,249,.3);
+  }
+  .logo em {
+    font-style: normal;
+    color: var(--neon-pink);
+    text-shadow: 0 0 20px var(--neon-pink), 0 0 60px rgba(255,0,110,.3);
+  }
+  .logo-sub {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: .85rem; letter-spacing: .15em; color: rgba(0,255,249,.4);
+    text-transform: uppercase;
+  }
+  .nav-links { list-style: none; display: flex; gap: 6px; }
+  .nav-link {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: .8rem; letter-spacing: .15em; text-transform: uppercase;
+    color: rgba(224,224,255,.45); text-decoration: none;
+    padding: 8px 14px; border: 1px solid transparent;
+    transition: all .25s; cursor: none;
+  }
+  .nav-link:hover { color: var(--neon-cyan); border-color: rgba(0,255,249,.25); text-shadow: 0 0 8px var(--neon-cyan); }
+  .nav-link--active { color: var(--neon-yellow) !important; border-color: rgba(255,230,0,.3) !important; text-shadow: 0 0 8px var(--neon-yellow) !important; }
+  .nav-link--admin { color: rgba(255,0,110,.6) !important; }
+  .nav-cta {
+    font-family: 'Share Tech Mono', monospace; font-size: .9rem; letter-spacing: .15em;
+    text-transform: uppercase; background: transparent;
+    color: var(--neon-cyan); border: 1px solid var(--neon-cyan);
+    padding: 9px 22px; cursor: none; transition: all .3s;
+    clip-path: polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
+    text-shadow: 0 0 8px var(--neon-cyan); box-shadow: 0 0 15px rgba(0,255,249,.15);
+  }
+  .nav-cta:hover { background: rgba(0,255,249,.08); box-shadow: 0 0 30px rgba(0,255,249,.3); }
+  .nav-cta--out { color: rgba(224,224,255,.4); border-color: rgba(224,224,255,.2); text-shadow: none; box-shadow: none; }
+
+  /* ════════════ PAGE HEADER ════════════ */
+  .page-header {
+    position: relative; z-index: 10;
+    padding: 160px 60px 80px;
+    border-bottom: 1px solid rgba(0,255,249,.08);
+    background: radial-gradient(ellipse at 30% 50%, rgba(191,0,255,.07) 0%, transparent 60%);
+    overflow: hidden;
+  }
+  .header-orb {
+    position: absolute; border-radius: 50%;
+    filter: blur(80px); pointer-events: none;
+  }
+  .header-orb.orb1 { width: 400px; height: 400px; background: rgba(191,0,255,.12); top: -100px; left: -80px; }
+  .header-orb.orb2 { width: 300px; height: 300px; background: rgba(0,255,249,.08); bottom: -50px; right: 10%; }
+  .header-inner { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; text-align: center; }
+  .header-eyebrow {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: .8rem; letter-spacing: .35em; text-transform: uppercase;
+    color: var(--neon-yellow); text-shadow: 0 0 10px var(--neon-yellow);
+    margin-bottom: 16px;
+  }
+  .header-title {
+    font-family: 'Bebas Neue', sans-serif;
+    font-size: clamp(3.5rem, 8vw, 9rem); letter-spacing: .04em; line-height: .95;
+    margin-bottom: 20px;
+  }
+  .header-title span { color: var(--neon-yellow); text-shadow: 0 0 30px var(--neon-yellow); }
+  .header-sub {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: .78rem; color: rgba(224,224,255,.4);
+    letter-spacing: .08em; line-height: 1.8; max-width: 500px;
+    margin-left: auto; margin-right: auto; 
+  }
+
+  /* ════════════ MAIN LAYOUT ════════════ */
+  .upload-main {
+    position: relative; z-index: 10;
+    padding: 60px;
+    min-height: 60vh;
+  }
+  .upload-grid {
+    display: grid;
+    grid-template-columns: 1fr 420px;
+    gap: 40px;
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+
+  /* ════════════ PANELS ════════════ */
+  .form-panel,
+  .thumb-panel {
+    position: relative;
+    background: rgba(10,0,20,.6);
+    border: 1px solid rgba(0,255,249,.12);
+    padding: 40px;
+    backdrop-filter: blur(8px);
+    clip-path: polygon(16px 0%, 100% 0%, calc(100% - 16px) 100%, 0% 100%);
+  }
+  .panel-corner {
+    position: absolute; width: 20px; height: 20px;
+  }
+  .panel-corner.tl { top: 12px; left: 12px; border-top: 2px solid var(--neon-cyan); border-left: 2px solid var(--neon-cyan); }
+  .panel-corner.br { bottom: 12px; right: 12px; border-bottom: 2px solid var(--neon-cyan); border-right: 2px solid var(--neon-cyan); }
+  .panel-eyebrow {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: .85rem; letter-spacing: .3em; text-transform: uppercase;
+    color: var(--neon-cyan); text-shadow: 0 0 8px var(--neon-cyan);
+    margin-bottom: 28px;
+  }
+
+  /* ════════════ FORM ════════════ */
+  .upload-form { display: flex; flex-direction: column; gap: 24px; }
+  .form-group  { display: flex; flex-direction: column; gap: 8px; }
+  .form-label  {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: .85rem; letter-spacing: .2em; text-transform: uppercase;
+    color: rgba(0,255,249,.6);
+  }
+  .form-input {
+    background: rgba(0,255,249,.03); border: 1px solid rgba(0,255,249,.15);
+    color: var(--text); font-family: 'Share Tech Mono', monospace;
+    font-size: .8rem; letter-spacing: .06em;
+    padding: 12px 16px; outline: none;
+    transition: border-color .3s, box-shadow .3s;
+    clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
+    width: 100%;
+  }
+  .form-input:focus { border-color: var(--neon-cyan); box-shadow: 0 0 15px rgba(0,255,249,.1); }
+  .form-input::placeholder { color: rgba(224,224,255,.2); }
+
+  .form-select {
+    appearance: none;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2300fff9'/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: right 16px center;
+    cursor: none;
+  }
+  .form-select option { background: #0a0014; color: var(--text); }
+
+  .form-textarea { resize: vertical; min-height: 120px; font-family: 'Share Tech Mono', monospace; line-height: 1.6; }
+
+  .input-with-prefix { display: flex; align-items: stretch; }
+  .input-prefix {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: .9rem; letter-spacing: .05em;
+    background: rgba(0,255,249,.06);
+    border: 1px solid rgba(0,255,249,.15); border-right: none;
+    color: rgba(0,255,249,.5); padding: 12px 14px;
+    display: flex; align-items: center; flex-shrink: 0;
+    clip-path: polygon(6px 0%, 100% 0%, 100% 100%, 0% 100%);
+  }
+  .input-prefixed {
+    clip-path: polygon(0% 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
+    border-left: none;
+  }
+
+  .btn-submit {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: .8rem; letter-spacing: .2em; text-transform: uppercase;
+    background: transparent; color: var(--neon-yellow);
+    border: 1px solid var(--neon-yellow);
+    padding: 18px 32px; cursor: none;
+    transition: all .3s; margin-top: 8px;
+    clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);
+    text-shadow: 0 0 10px var(--neon-yellow);
+    box-shadow: 0 0 20px rgba(255,230,0,.15);
+  }
+  .btn-submit:hover:not(:disabled) {
+    background: rgba(255,230,0,.08);
+    box-shadow: 0 0 40px rgba(255,230,0,.4);
+    transform: translateY(-2px);
+  }
+  .btn-submit:disabled { opacity: .4; cursor: not-allowed; }
+  .success-text { color: var(--neon-cyan); text-shadow: 0 0 10px var(--neon-cyan); }
+
+  .submit-note {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: .8rem; letter-spacing: .1em;
+    color: rgba(0,255,249,.5); text-align: center; line-height: 1.6;
+  }
+
+  /* ════════════ DROPZONE ════════════ */
+  .dropzone {
+    position: relative;
+    border: 1px dashed rgba(0,255,249,.25);
+    min-height: 240px;
+    display: flex; align-items: center; justify-content: center;
+    transition: border-color .3s, background .3s;
+    cursor: none; overflow: hidden;
+    clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
+  }
+  .dropzone.dragover {
+    border-color: var(--neon-cyan);
+    background: rgba(0,255,249,.05);
+    box-shadow: 0 0 30px rgba(0,255,249,.1) inset;
+  }
+  .dropzone.has-preview { border-style: solid; border-color: rgba(0,255,249,.2); }
+  .dropzone:hover { border-color: rgba(0,255,249,.5); }
+
+  .dropzone-label {
+    position: absolute; inset: 0; cursor: none; z-index: 1;
+  }
+  .file-input-hidden {
+    position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;
+  }
+
+  .dropzone-content {
+    text-align: center; pointer-events: none; padding: 20px;
+  }
+  .drop-icon {
+    font-size: 3.5rem; color: rgba(0,255,249,.25);
+    margin-bottom: 12px; display: block; line-height: 1;
+    transition: color .3s;
+  }
+  .dropzone:hover .drop-icon { color: rgba(0,255,249,.5); }
+  .dragover .drop-icon { color: var(--neon-cyan); }
+
+  .drop-label {
+    font-family: 'Bebas Neue', sans-serif;
+    font-size: 1.4rem; letter-spacing: .1em;
+    color: rgba(224,224,255,.5); margin-bottom: 6px;
+  }
+  .drop-sub {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: .8rem; letter-spacing: .15em;
+    color: rgba(224,224,255,.25); margin-bottom: 12px;
+  }
+  .drop-hint {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: .58rem; letter-spacing: .1em;
+    color: rgba(0,255,249,.3);
+    border: 1px solid rgba(0,255,249,.1);
+    padding: 4px 12px; display: inline-block;
+  }
+
+  .thumb-preview {
+    width: 100%; height: 100%;
+    object-fit: cover;
+    position: absolute; inset: 0;
+  }
+  .thumb-overlay {
+    position: absolute; inset: 0;
+    background: rgba(3,0,10,.7);
+    display: flex; align-items: center; justify-content: center;
+    opacity: 0; transition: opacity .3s; z-index: 2;
+  }
+  .dropzone.has-preview:hover .thumb-overlay { opacity: 1; }
+  .thumb-change-btn {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: .9rem; letter-spacing: .2em; text-transform: uppercase;
+    color: var(--neon-cyan); border: 1px solid var(--neon-cyan);
+    padding: 10px 24px; cursor: none;
+    clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
+    text-shadow: 0 0 8px var(--neon-cyan);
+    background: rgba(0,255,249,.06);
+  }
+
+  /* ════════════ TIPS ════════════ */
+  .tips-block {
+    margin-top: 28px;
+    border: 1px solid rgba(255,230,0,.1);
+    padding: 20px 24px;
+    background: rgba(255,230,0,.02);
+    clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
+  }
+  .tips-title {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: .58rem; letter-spacing: .25em; text-transform: uppercase;
+    color: var(--neon-yellow); text-shadow: 0 0 8px var(--neon-yellow);
+    margin-bottom: 14px;
+  }
+  .tips-list {
+    list-style: none; display: flex; flex-direction: column; gap: 10px;
+  }
+  .tips-list li {
+    font-family: 'Share Tech Mono', monospace;
+    font-size: .8rem; letter-spacing: .05em; line-height: 1.5;
+    color: rgba(224,224,255,.35);
+    padding-left: 14px; position: relative;
+  }
+  .tips-list li::before {
+    content: '›'; position: absolute; left: 0;
+    color: var(--neon-yellow); font-size: .8rem;
+  }
+
+  /* ════════════ LOADING DOTS ════════════ */
+  .loading-dots span              { animation: dotBlink 1.2s infinite; display: inline-block; }
+  .loading-dots span:nth-child(2) { animation-delay: .2s; }
+  .loading-dots span:nth-child(3) { animation-delay: .4s; }
+  @keyframes dotBlink { 0%,80%,100% { opacity:0 } 40% { opacity:1 } }
+
+  /* ════════════ FOOTER ════════════ */
+  footer {
+    position: relative; z-index: 10; padding: 60px;
+    border-top: 1px solid rgba(0,255,249,.1);
+    display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 60px;
+    background: rgba(3,0,10,.95);
+  }
+  .footer-logo     { font-family: 'Bebas Neue', sans-serif; font-size: 3.2rem; color: var(--neon-cyan); text-shadow: 0 0 20px var(--neon-cyan); margin-bottom: 4px; }
+  .footer-logo span { color: var(--neon-pink); text-shadow: 0 0 20px var(--neon-pink); }
+  .footer-logo-sub { font-family: 'Share Tech Mono', monospace; font-size: .72rem; color: rgba(0,255,249,.4); letter-spacing: .12em; margin-bottom: 14px; }
+  .footer-desc     { font-family: 'Share Tech Mono', monospace; font-size: .9rem; line-height: 1.8; color: rgba(224,224,255,.3); letter-spacing: .05em; }
+  .footer-col-title { font-family: 'Bebas Neue', sans-serif; font-size: 1.2rem; letter-spacing: .1em; color: rgba(224,224,255,.5); margin-bottom: 20px; }
+  .footer-links    { list-style: none; display: flex; flex-direction: column; gap: 12px; }
+  .footer-links a  { font-family: 'Share Tech Mono', monospace; font-size: .8rem; letter-spacing: .1em; color: rgba(224,224,255,.3); text-decoration: none; text-transform: uppercase; transition: color .2s; cursor: none; }
+  .footer-links a:hover { color: var(--neon-cyan); text-shadow: 0 0 8px var(--neon-cyan); }
+  .admin-link      { color: rgba(255,0,110,.5) !important; }
+  .admin-link:hover { color: var(--neon-pink) !important; text-shadow: 0 0 8px var(--neon-pink) !important; }
+  .footer-bottom   { grid-column: 1 / -1; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.05); display: flex; justify-content: space-between; align-items: center; }
+  .footer-copy     { font-family: 'Share Tech Mono', monospace; font-size: .85rem; color: rgba(224,224,255,.2); letter-spacing: .12em; }
+  .footer-status   { display: flex; align-items: center; gap: 8px; font-family: 'Share Tech Mono', monospace; font-size: .85rem; color: rgba(0,255,249,.5); letter-spacing: .1em; }
+  .status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--neon-cyan); box-shadow: 0 0 6px var(--neon-cyan); animation: pulse 2s infinite; }
+  @keyframes pulse { 0%,100% { opacity:1 } 50% { opacity:.4 } }
+
+  /* ════════════ LOGIN MODAL ════════════ */
+  .modal-backdrop {
+    position: fixed; inset: 0; z-index: 1000;
+    background: rgba(3,0,10,.85); backdrop-filter: blur(8px);
+    display: flex; align-items: center; justify-content: center;
+    animation: fadeIn .2s ease;
+  }
+  @keyframes fadeIn { from { opacity:0 } to { opacity:1 } }
+  .modal {
+    position: relative; width: 460px;
+    background: var(--dark2); border: 1px solid rgba(0,255,249,.2);
+    padding: 50px 44px;
+    box-shadow: 0 0 60px rgba(0,255,249,.08), 0 0 120px rgba(191,0,255,.06);
+    animation: modalIn .3s ease;
+    clip-path: polygon(16px 0%, 100% 0%, calc(100% - 16px) 100%, 0% 100%);
+  }
+  @keyframes modalIn { from { opacity:0; transform:translateY(20px) scale(.97) } to { opacity:1; transform:none } }
+  .modal-corner    { position: absolute; width: 24px; height: 24px; }
+  .modal-corner.tl { top: 10px; left: 10px; border-top: 2px solid var(--neon-cyan); border-left: 2px solid var(--neon-cyan); }
+  .modal-corner.br { bottom: 10px; right: 10px; border-bottom: 2px solid var(--neon-cyan); border-right: 2px solid var(--neon-cyan); }
+  .modal-close { position: absolute; top: 16px; right: 20px; background: transparent; border: none; color: rgba(224,224,255,.3); font-size: 1rem; cursor: none; transition: color .2s; font-family: 'Share Tech Mono', monospace; }
+  .modal-close:hover { color: var(--neon-pink); text-shadow: 0 0 10px var(--neon-pink); }
+  .modal-eyebrow { font-family: 'Share Tech Mono', monospace; font-size: .85rem; letter-spacing: .3em; text-transform: uppercase; color: var(--neon-cyan); text-shadow: 0 0 8px var(--neon-cyan); margin-bottom: 10px; }
+  .modal-title   { font-family: 'Bebas Neue', sans-serif; font-size: 4rem; line-height: 1; letter-spacing: .05em; margin-bottom: 10px; }
+  .modal-title span { color: var(--neon-pink); text-shadow: 0 0 20px var(--neon-pink); }
+  .modal-sub     { font-family: 'Share Tech Mono', monospace; font-size: .9rem; color: rgba(224,224,255,.35); letter-spacing: .08em; margin-bottom: 36px; line-height: 1.6; }
+  .login-form    { display: flex; flex-direction: column; gap: 20px; }
+  .login-error { font-family: 'Share Tech Mono', monospace; font-size: .8rem; letter-spacing: .15em; color: var(--neon-pink); text-shadow: 0 0 8px var(--neon-pink); text-align: center; padding: 8px; border: 1px solid rgba(255,0,110,.3); background: rgba(255,0,110,.05); }
+  .btn-login {
+    font-family: 'Share Tech Mono', monospace; font-size: .9rem; letter-spacing: .15em; text-transform: uppercase;
+    background: var(--neon-cyan); color: var(--dark); border: none;
+    padding: 16px; cursor: none; font-weight: bold; transition: all .3s;
+    clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
+    box-shadow: 0 0 30px rgba(0,255,249,.4);
+  }
+  .btn-login:hover:not(:disabled) { box-shadow: 0 0 50px rgba(0,255,249,.7); transform: translateY(-1px); }
+  .btn-login:disabled { opacity: .7; }
+  .login-divider { display: flex; align-items: center; gap: 16px; font-family: 'Share Tech Mono', monospace; font-size: .85rem; letter-spacing: .2em; color: rgba(224,224,255,.2); }
+  .login-divider::before,.login-divider::after { content: ''; flex: 1; height: 1px; background: rgba(224,224,255,.08); }
+  .btn-register {
+    font-family: 'Share Tech Mono', monospace; font-size: .9rem; letter-spacing: .15em; text-transform: uppercase;
+    background: transparent; color: var(--neon-purple); border: 1px solid rgba(191,0,255,.4);
+    padding: 14px; cursor: none; transition: all .3s; text-decoration: none; text-align: center; display: block;
+    clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
+    text-shadow: 0 0 8px var(--neon-purple);
+  }
+  .btn-register:hover { background: rgba(191,0,255,.08); border-color: var(--neon-purple); box-shadow: 0 0 20px rgba(191,0,255,.2); }
+  .login-footer-text { text-align: center; }
+  .login-footer-text a { font-family: 'Share Tech Mono', monospace; font-size: .85rem; letter-spacing: .15em; text-transform: uppercase; color: rgba(224,224,255,.25); text-decoration: none; transition: color .2s; }
+  .login-footer-text a:hover { color: var(--neon-cyan); text-shadow: 0 0 8px var(--neon-cyan); }
+</style>
diff --git a/frontend/src/routes/upload/+page.ts b/frontend/src/routes/upload/+page.ts
new file mode 100644
index 0000000..86b6fa5
--- /dev/null
+++ b/frontend/src/routes/upload/+page.ts
@@ -0,0 +1,13 @@
+import { redirect } from '@sveltejs/kit';
+import { get } from 'svelte/store';
+import { user } from '../../lib/stores/user.js';
+
+//user is temporary, will need to change
+
+export function load() {
+  const currentUser = get(user);
+
+  if (currentUser.role !== 'dev') {
+    throw redirect(302, '/');
+  }
+}
diff --git a/frontend/static/favicon.svg b/frontend/static/favicon.svg
new file mode 100644
index 0000000..cc5dc66
--- /dev/null
+++ b/frontend/static/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.157 22.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282 29.608A29.92 29.92 0 0 0 8.764 49.65a31.5 31.5 0 0 0 3.108 20.231 30 30 0 0 0-4.477 11.183 31.9 31.9 0 0 0 5.448 24.116c10.402 14.887 30.942 19.297 45.791 9.835l26.083-16.624A29.92 29.92 0 0 0 98.235 78.35a31.53 31.53 0 0 0-3.105-20.232 30 30 0 0 0 4.474-11.182 31.88 31.88 0 0 0-5.447-24.116" style="fill:#ff3e00"/><path d="M45.817 106.582a20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.503 18 18 0 0 1 .624-2.435l.49-1.498 1.337.981a33.6 33.6 0 0 0 10.203 5.098l.97.294-.09.968a5.85 5.85 0 0 0 1.052 3.878 6.24 6.24 0 0 0 6.695 2.485 5.8 5.8 0 0 0 1.603-.704L69.27 76.28a5.43 5.43 0 0 0 2.45-3.631 5.8 5.8 0 0 0-.987-4.371 6.24 6.24 0 0 0-6.698-2.487 5.7 5.7 0 0 0-1.6.704l-9.953 6.345a19 19 0 0 1-5.296 2.326 20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.502 17.99 17.99 0 0 1 8.13-12.052l26.081-16.623a19 19 0 0 1 5.3-2.329 20.72 20.72 0 0 1 22.237 8.243 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-.624 2.435l-.49 1.498-1.337-.98a33.6 33.6 0 0 0-10.203-5.1l-.97-.294.09-.968a5.86 5.86 0 0 0-1.052-3.878 6.24 6.24 0 0 0-6.696-2.485 5.8 5.8 0 0 0-1.602.704L37.73 51.72a5.42 5.42 0 0 0-2.449 3.63 5.79 5.79 0 0 0 .986 4.372 6.24 6.24 0 0 0 6.698 2.486 5.8 5.8 0 0 0 1.602-.704l9.952-6.342a19 19 0 0 1 5.295-2.328 20.72 20.72 0 0 1 22.237 8.242 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-8.13 12.053l-26.081 16.622a19 19 0 0 1-5.3 2.328" style="fill:#fff"/></svg>
\ No newline at end of file
diff --git a/frontend/static/games/no/index.html b/frontend/static/games/no/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/static/games/no/thumbnail.jpg b/frontend/static/games/no/thumbnail.jpg
new file mode 100644
index 0000000..c232278
Binary files /dev/null and b/frontend/static/games/no/thumbnail.jpg differ
diff --git a/frontend/static/games/yes/index.html b/frontend/static/games/yes/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/static/games/yes/thumbnail.png b/frontend/static/games/yes/thumbnail.png
new file mode 100644
index 0000000..18e8d9d
Binary files /dev/null and b/frontend/static/games/yes/thumbnail.png differ
diff --git a/frontend/svelte.config.js b/frontend/svelte.config.js
new file mode 100644
index 0000000..1295460
--- /dev/null
+++ b/frontend/svelte.config.js
@@ -0,0 +1,18 @@
+import adapter from '@sveltejs/adapter-auto';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	// Consult https://svelte.dev/docs/kit/integrations
+	// for more information about preprocessors
+	preprocess: vitePreprocess(),
+
+	kit: {
+		// adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
+		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
+		// See https://svelte.dev/docs/kit/adapters for more information about adapters.
+		adapter: adapter()
+	}
+};
+
+export default config;
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
new file mode 100644
index 0000000..84be463
--- /dev/null
+++ b/frontend/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "$lib": ["src/lib"],
+      "$lib/*": ["src/lib/*"]
+    }
+  }
+}
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
new file mode 100644
index 0000000..bbf8c7d
--- /dev/null
+++ b/frontend/vite.config.ts
@@ -0,0 +1,6 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+	plugins: [sveltekit()]
+});
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..1ee21d3
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,1552 @@
+{
+  "name": "ProgChamp",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "@auth/core": "^0.41.1",
+        "@auth/sveltekit": "^1.11.1"
+      },
+      "devDependencies": {
+        "@types/node": "^25.0.9"
+      }
+    },
+    "node_modules/@auth/core": {
+      "version": "0.41.1",
+      "resolved": "https://registry.npmjs.org/@auth/core/-/core-0.41.1.tgz",
+      "integrity": "sha512-t9cJ2zNYAdWMacGRMT6+r4xr1uybIdmYa49calBPeTqwgAFPV/88ac9TEvCR85pvATiSPt8VaNf+Gt24JIT/uw==",
+      "license": "ISC",
+      "dependencies": {
+        "@panva/hkdf": "^1.2.1",
+        "jose": "^6.0.6",
+        "oauth4webapi": "^3.3.0",
+        "preact": "10.24.3",
+        "preact-render-to-string": "6.5.11"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.2",
+        "nodemailer": "^7.0.7"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@auth/sveltekit": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@auth/sveltekit/-/sveltekit-1.11.1.tgz",
+      "integrity": "sha512-cWNfXcKrNIVtJYOY1tq7H7m03j89Wg7xrTvOJALu18fZdYulzYCPIAdTw8XSEzOp6KyhOGo7tmW7VtzRNtr/8Q==",
+      "license": "ISC",
+      "dependencies": {
+        "@auth/core": "0.41.1",
+        "set-cookie-parser": "^2.7.0"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.3",
+        "@sveltejs/kit": "^1.0.0 || ^2.0.0",
+        "nodemailer": "^7.0.7",
+        "svelte": "^3.54.0 || ^4.0.0 || ^5.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.2.tgz",
+      "integrity": "sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.2.tgz",
+      "integrity": "sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.2.tgz",
+      "integrity": "sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.2.tgz",
+      "integrity": "sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.2.tgz",
+      "integrity": "sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.2.tgz",
+      "integrity": "sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.2.tgz",
+      "integrity": "sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.2.tgz",
+      "integrity": "sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.2.tgz",
+      "integrity": "sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.2.tgz",
+      "integrity": "sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.2.tgz",
+      "integrity": "sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.2.tgz",
+      "integrity": "sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.2.tgz",
+      "integrity": "sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.2.tgz",
+      "integrity": "sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.2.tgz",
+      "integrity": "sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.2.tgz",
+      "integrity": "sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.2.tgz",
+      "integrity": "sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.2.tgz",
+      "integrity": "sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.2.tgz",
+      "integrity": "sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.2.tgz",
+      "integrity": "sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.2.tgz",
+      "integrity": "sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.2.tgz",
+      "integrity": "sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz",
+      "integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@panva/hkdf": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.2.1.tgz",
+      "integrity": "sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/@polka/url": {
+      "version": "1.0.0-next.29",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
+      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.55.2.tgz",
+      "integrity": "sha512-21J6xzayjy3O6NdnlO6aXi/urvSRjm6nCI6+nF6ra2YofKruGixN9kfT+dt55HVNwfDmpDHJcaS3JuP/boNnlA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.55.2.tgz",
+      "integrity": "sha512-eXBg7ibkNUZ+sTwbFiDKou0BAckeV6kIigK7y5Ko4mB/5A1KLhuzEKovsmfvsL8mQorkoincMFGnQuIT92SKqA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.55.2.tgz",
+      "integrity": "sha512-UCbaTklREjrc5U47ypLulAgg4njaqfOVLU18VrCrI+6E5MQjuG0lSWaqLlAJwsD7NpFV249XgB0Bi37Zh5Sz4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.55.2.tgz",
+      "integrity": "sha512-dP67MA0cCMHFT2g5XyjtpVOtp7y4UyUxN3dhLdt11at5cPKnSm4lY+EhwNvDXIMzAMIo2KU+mc9wxaAQJTn7sQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.55.2.tgz",
+      "integrity": "sha512-WDUPLUwfYV9G1yxNRJdXcvISW15mpvod1Wv3ok+Ws93w1HjIVmCIFxsG2DquO+3usMNCpJQ0wqO+3GhFdl6Fow==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.55.2.tgz",
+      "integrity": "sha512-Ng95wtHVEulRwn7R0tMrlUuiLVL/HXA8Lt/MYVpy88+s5ikpntzZba1qEulTuPnPIZuOPcW9wNEiqvZxZmgmqQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.55.2.tgz",
+      "integrity": "sha512-AEXMESUDWWGqD6LwO/HkqCZgUE1VCJ1OhbvYGsfqX2Y6w5quSXuyoy/Fg3nRqiwro+cJYFxiw5v4kB2ZDLhxrw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.55.2.tgz",
+      "integrity": "sha512-ZV7EljjBDwBBBSv570VWj0hiNTdHt9uGznDtznBB4Caj3ch5rgD4I2K1GQrtbvJ/QiB+663lLgOdcADMNVC29Q==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.55.2.tgz",
+      "integrity": "sha512-uvjwc8NtQVPAJtq4Tt7Q49FOodjfbf6NpqXyW/rjXoV+iZ3EJAHLNAnKT5UJBc6ffQVgmXTUL2ifYiLABlGFqA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.55.2.tgz",
+      "integrity": "sha512-s3KoWVNnye9mm/2WpOZ3JeUiediUVw6AvY/H7jNA6qgKA2V2aM25lMkVarTDfiicn/DLq3O0a81jncXszoyCFA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.55.2.tgz",
+      "integrity": "sha512-gi21faacK+J8aVSyAUptML9VQN26JRxe484IbF+h3hpG+sNVoMXPduhREz2CcYr5my0NE3MjVvQ5bMKX71pfVA==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.55.2.tgz",
+      "integrity": "sha512-qSlWiXnVaS/ceqXNfnoFZh4IiCA0EwvCivivTGbEu1qv2o+WTHpn1zNmCTAoOG5QaVr2/yhCoLScQtc/7RxshA==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.55.2.tgz",
+      "integrity": "sha512-rPyuLFNoF1B0+wolH277E780NUKf+KoEDb3OyoLbAO18BbeKi++YN6gC/zuJoPPDlQRL3fIxHxCxVEWiem2yXw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.55.2.tgz",
+      "integrity": "sha512-g+0ZLMook31iWV4PvqKU0i9E78gaZgYpSrYPed/4Bu+nGTgfOPtfs1h11tSSRPXSjC5EzLTjV/1A7L2Vr8pJoQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.55.2.tgz",
+      "integrity": "sha512-i+sGeRGsjKZcQRh3BRfpLsM3LX3bi4AoEVqmGDyc50L6KfYsN45wVCSz70iQMwPWr3E5opSiLOwsC9WB4/1pqg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.55.2.tgz",
+      "integrity": "sha512-C1vLcKc4MfFV6I0aWsC7B2Y9QcsiEcvKkfxprwkPfLaN8hQf0/fKHwSF2lcYzA9g4imqnhic729VB9Fo70HO3Q==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.55.2.tgz",
+      "integrity": "sha512-68gHUK/howpQjh7g7hlD9DvTTt4sNLp1Bb+Yzw2Ki0xvscm2cOdCLZNJNhd2jW8lsTPrHAHuF751BygifW4bkQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.55.2.tgz",
+      "integrity": "sha512-1e30XAuaBP1MAizaOBApsgeGZge2/Byd6wV4a8oa6jPdHELbRHBiw7wvo4dp7Ie2PE8TZT4pj9RLGZv9N4qwlw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.55.2.tgz",
+      "integrity": "sha512-4BJucJBGbuGnH6q7kpPqGJGzZnYrpAzRd60HQSt3OpX/6/YVgSsJnNzR8Ot74io50SeVT4CtCWe/RYIAymFPwA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.55.2.tgz",
+      "integrity": "sha512-cT2MmXySMo58ENv8p6/O6wI/h/gLnD3D6JoajwXFZH6X9jz4hARqUhWpGuQhOgLNXscfZYRQMJvZDtWNzMAIDw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.55.2.tgz",
+      "integrity": "sha512-sZnyUgGkuzIXaK3jNMPmUIyJrxu/PjmATQrocpGA1WbCPX8H5tfGgRSuYtqBYAvLuIGp8SPRb1O4d1Fkb5fXaQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.55.2.tgz",
+      "integrity": "sha512-sDpFbenhmWjNcEbBcoTV0PWvW5rPJFvu+P7XoTY0YLGRupgLbFY0XPfwIbJOObzO7QgkRDANh65RjhPmgSaAjQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.55.2.tgz",
+      "integrity": "sha512-GvJ03TqqaweWCigtKQVBErw2bEhu1tyfNQbarwr94wCGnczA9HF8wqEe3U/Lfu6EdeNP0p6R+APeHVwEqVxpUQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.55.2.tgz",
+      "integrity": "sha512-KvXsBvp13oZz9JGe5NYS7FNizLe99Ny+W8ETsuCyjXiKdiGrcz2/J/N8qxZ/RSwivqjQguug07NLHqrIHrqfYw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.55.2.tgz",
+      "integrity": "sha512-xNO+fksQhsAckRtDSPWaMeT1uIM+JrDRXlerpnWNXhn1TdB3YZ6uKBMBTKP0eX9XtYEP978hHk1f8332i2AW8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "license": "MIT"
+    },
+    "node_modules/@sveltejs/acorn-typescript": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.8.tgz",
+      "integrity": "sha512-esgN+54+q0NjB0Y/4BomT9samII7jGwNy/2a3wNZbT2A2RpmXsXwUt24LvLhx6jUq2gVk4cWEvcRO6MFQbOfNA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^8.9.0"
+      }
+    },
+    "node_modules/@sveltejs/kit": {
+      "version": "2.50.0",
+      "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.50.0.tgz",
+      "integrity": "sha512-Hj8sR8O27p2zshFEIJzsvfhLzxga/hWw6tRLnBjMYw70m1aS9BSYCqAUtzDBjRREtX1EvLMYgaC0mYE3Hz4KWA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
+        "@sveltejs/acorn-typescript": "^1.0.5",
+        "@types/cookie": "^0.6.0",
+        "acorn": "^8.14.1",
+        "cookie": "^0.6.0",
+        "devalue": "^5.6.2",
+        "esm-env": "^1.2.2",
+        "kleur": "^4.1.5",
+        "magic-string": "^0.30.5",
+        "mrmime": "^2.0.0",
+        "sade": "^1.8.1",
+        "set-cookie-parser": "^2.6.0",
+        "sirv": "^3.0.0"
+      },
+      "bin": {
+        "svelte-kit": "svelte-kit.js"
+      },
+      "engines": {
+        "node": ">=18.13"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0",
+        "@sveltejs/vite-plugin-svelte": "^3.0.0 || ^4.0.0-next.1 || ^5.0.0 || ^6.0.0-next.0",
+        "svelte": "^4.0.0 || ^5.0.0-next.0",
+        "typescript": "^5.3.3",
+        "vite": "^5.0.3 || ^6.0.0 || ^7.0.0-beta.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@sveltejs/vite-plugin-svelte": {
+      "version": "6.2.4",
+      "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-6.2.4.tgz",
+      "integrity": "sha512-ou/d51QSdTyN26D7h6dSpusAKaZkAiGM55/AKYi+9AGZw7q85hElbjK3kEyzXHhLSnRISHOYzVge6x0jRZ7DXA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@sveltejs/vite-plugin-svelte-inspector": "^5.0.0",
+        "deepmerge": "^4.3.1",
+        "magic-string": "^0.30.21",
+        "obug": "^2.1.0",
+        "vitefu": "^1.1.1"
+      },
+      "engines": {
+        "node": "^20.19 || ^22.12 || >=24"
+      },
+      "peerDependencies": {
+        "svelte": "^5.0.0",
+        "vite": "^6.3.0 || ^7.0.0"
+      }
+    },
+    "node_modules/@sveltejs/vite-plugin-svelte-inspector": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-5.0.2.tgz",
+      "integrity": "sha512-TZzRTcEtZffICSAoZGkPSl6Etsj2torOVrx6Uw0KpXxrec9Gg6jFWQ60Q3+LmNGfZSxHRCZL7vXVZIWmuV50Ig==",
+      "license": "MIT",
+      "dependencies": {
+        "obug": "^2.1.0"
+      },
+      "engines": {
+        "node": "^20.19 || ^22.12 || >=24"
+      },
+      "peerDependencies": {
+        "@sveltejs/vite-plugin-svelte": "^6.0.0-next.0",
+        "svelte": "^5.0.0",
+        "vite": "^6.3.0 || ^7.0.0"
+      }
+    },
+    "node_modules/@types/cookie": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "25.0.9",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.0.9.tgz",
+      "integrity": "sha512-/rpCXHlCWeqClNBwUhDcusJxXYDjZTyE8v5oTO7WbL8eij2nKhUeU89/6xgjU7N4/Vh3He0BtyhJdQbDyhiXAw==",
+      "devOptional": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/devalue": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/devalue/-/devalue-5.6.2.tgz",
+      "integrity": "sha512-nPRkjWzzDQlsejL1WVifk5rvcFi/y1onBRxjaFMjZeR9mFpqu2gmAZ9xUB9/IEanEP/vBtGeGganC/GO1fmufg==",
+      "license": "MIT"
+    },
+    "node_modules/esbuild": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.2.tgz",
+      "integrity": "sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.27.2",
+        "@esbuild/android-arm": "0.27.2",
+        "@esbuild/android-arm64": "0.27.2",
+        "@esbuild/android-x64": "0.27.2",
+        "@esbuild/darwin-arm64": "0.27.2",
+        "@esbuild/darwin-x64": "0.27.2",
+        "@esbuild/freebsd-arm64": "0.27.2",
+        "@esbuild/freebsd-x64": "0.27.2",
+        "@esbuild/linux-arm": "0.27.2",
+        "@esbuild/linux-arm64": "0.27.2",
+        "@esbuild/linux-ia32": "0.27.2",
+        "@esbuild/linux-loong64": "0.27.2",
+        "@esbuild/linux-mips64el": "0.27.2",
+        "@esbuild/linux-ppc64": "0.27.2",
+        "@esbuild/linux-riscv64": "0.27.2",
+        "@esbuild/linux-s390x": "0.27.2",
+        "@esbuild/linux-x64": "0.27.2",
+        "@esbuild/netbsd-arm64": "0.27.2",
+        "@esbuild/netbsd-x64": "0.27.2",
+        "@esbuild/openbsd-arm64": "0.27.2",
+        "@esbuild/openbsd-x64": "0.27.2",
+        "@esbuild/openharmony-arm64": "0.27.2",
+        "@esbuild/sunos-x64": "0.27.2",
+        "@esbuild/win32-arm64": "0.27.2",
+        "@esbuild/win32-ia32": "0.27.2",
+        "@esbuild/win32-x64": "0.27.2"
+      }
+    },
+    "node_modules/esm-env": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.2.2.tgz",
+      "integrity": "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==",
+      "license": "MIT"
+    },
+    "node_modules/esrap": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/esrap/-/esrap-2.2.1.tgz",
+      "integrity": "sha512-GiYWG34AN/4CUyaWAgunGt0Rxvr1PTMlGC0vvEov/uOQYWne2bpN03Um+k8jT+q3op33mKouP2zeJ6OlM+qeUg==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      }
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/is-reference": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.3.tgz",
+      "integrity": "sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.6"
+      }
+    },
+    "node_modules/jose": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-6.1.3.tgz",
+      "integrity": "sha512-0TpaTfihd4QMNwrz/ob2Bp7X04yuxJkjRGi4aKmOqwhov54i6u79oCv7T+C7lo70MKH6BesI3vscD1yb/yzKXQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/kleur": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/locate-character": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
+      "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
+      "license": "MIT"
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mrmime": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
+      "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/oauth4webapi": {
+      "version": "3.8.3",
+      "resolved": "https://registry.npmjs.org/oauth4webapi/-/oauth4webapi-3.8.3.tgz",
+      "integrity": "sha512-pQ5BsX3QRTgnt5HxgHwgunIRaDXBdkT23tf8dfzmtTIL2LTpdmxgbpbBm0VgFWAIDlezQvQCTgnVIUmHupXHxw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/obug": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.1.tgz",
+      "integrity": "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==",
+      "funding": [
+        "https://github.com/sponsors/sxzz",
+        "https://opencollective.com/debug"
+      ],
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/preact": {
+      "version": "10.24.3",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.24.3.tgz",
+      "integrity": "sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA==",
+      "license": "MIT",
+      "peer": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
+    "node_modules/preact-render-to-string": {
+      "version": "6.5.11",
+      "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-6.5.11.tgz",
+      "integrity": "sha512-ubnauqoGczeGISiOh6RjX0/cdaF8v/oDXIjO85XALCQjwQP+SB4RDXXtvZ6yTYSjG+PC1QRP2AhPgCEsM2EvUw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "preact": ">=10"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.55.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.55.2.tgz",
+      "integrity": "sha512-PggGy4dhwx5qaW+CKBilA/98Ql9keyfnb7lh4SR6shQ91QQQi1ORJ1v4UinkdP2i87OBs9AQFooQylcrrRfIcg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.55.2",
+        "@rollup/rollup-android-arm64": "4.55.2",
+        "@rollup/rollup-darwin-arm64": "4.55.2",
+        "@rollup/rollup-darwin-x64": "4.55.2",
+        "@rollup/rollup-freebsd-arm64": "4.55.2",
+        "@rollup/rollup-freebsd-x64": "4.55.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.55.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.55.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.55.2",
+        "@rollup/rollup-linux-arm64-musl": "4.55.2",
+        "@rollup/rollup-linux-loong64-gnu": "4.55.2",
+        "@rollup/rollup-linux-loong64-musl": "4.55.2",
+        "@rollup/rollup-linux-ppc64-gnu": "4.55.2",
+        "@rollup/rollup-linux-ppc64-musl": "4.55.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.55.2",
+        "@rollup/rollup-linux-riscv64-musl": "4.55.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.55.2",
+        "@rollup/rollup-linux-x64-gnu": "4.55.2",
+        "@rollup/rollup-linux-x64-musl": "4.55.2",
+        "@rollup/rollup-openbsd-x64": "4.55.2",
+        "@rollup/rollup-openharmony-arm64": "4.55.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.55.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.55.2",
+        "@rollup/rollup-win32-x64-gnu": "4.55.2",
+        "@rollup/rollup-win32-x64-msvc": "4.55.2",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/sade": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+      "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+      "license": "MIT",
+      "dependencies": {
+        "mri": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/set-cookie-parser": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz",
+      "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==",
+      "license": "MIT"
+    },
+    "node_modules/sirv": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
+      "integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
+      "license": "MIT",
+      "dependencies": {
+        "@polka/url": "^1.0.0-next.24",
+        "mrmime": "^2.0.0",
+        "totalist": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/svelte": {
+      "version": "5.47.1",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.47.1.tgz",
+      "integrity": "sha512-MhSWfWEpG5T57z0Oyfk9D1GhAz/KTZKZZlWtGEsy9zNk2fafpuU7sJQlXNSA8HtvwKxVC9XlDyl5YovXUXjjHA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.4",
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@sveltejs/acorn-typescript": "^1.0.5",
+        "@types/estree": "^1.0.5",
+        "acorn": "^8.12.1",
+        "aria-query": "^5.3.1",
+        "axobject-query": "^4.1.0",
+        "clsx": "^2.1.1",
+        "devalue": "^5.6.2",
+        "esm-env": "^1.2.1",
+        "esrap": "^2.2.1",
+        "is-reference": "^3.0.3",
+        "locate-character": "^3.0.0",
+        "magic-string": "^0.30.11",
+        "zimmerframe": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/totalist": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/vite": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz",
+      "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "esbuild": "^0.27.0",
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3",
+        "postcss": "^8.5.6",
+        "rollup": "^4.43.0",
+        "tinyglobby": "^0.2.15"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "lightningcss": "^1.21.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vitefu": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-1.1.1.tgz",
+      "integrity": "sha512-B/Fegf3i8zh0yFbpzZ21amWzHmuNlLlmJT6n7bu5e+pCHUKQIfXSYokrqOBGEMMe9UG2sostKQF9mml/vYaWJQ==",
+      "license": "MIT",
+      "workspaces": [
+        "tests/deps/*",
+        "tests/projects/*",
+        "tests/projects/workspace/packages/*"
+      ],
+      "peerDependencies": {
+        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0-beta.0"
+      },
+      "peerDependenciesMeta": {
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/zimmerframe": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.4.tgz",
+      "integrity": "sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ==",
+      "license": "MIT"
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..2f8fce9
--- /dev/null
+++ b/package.json
@@ -0,0 +1,9 @@
+{
+  "dependencies": {
+    "@auth/core": "^0.41.1",
+    "@auth/sveltekit": "^1.11.1"
+  },
+  "devDependencies": {
+    "@types/node": "^25.0.9"
+  }
+}