diff --git a/AquaNet/src/App.svelte b/AquaNet/src/App.svelte
index 5b0fed2e..436a74e1 100644
--- a/AquaNet/src/App.svelte
+++ b/AquaNet/src/App.svelte
@@ -50,6 +50,7 @@
   <Route path="/" component={Welcome} />
   <Route path="/home" component={Home} />
   <Route path="/ranking" component={Ranking} />
+  <Route path="/ranking/:game" component={Ranking} />
   <Route path="/u/:username" component={UserHome} />
   <Route path="/u/:username/:game" component={UserHome} />
   <Route path="/u/:username/:game/rating" component={MaimaiRating} />
diff --git a/AquaNet/src/pages/Ranking.svelte b/AquaNet/src/pages/Ranking.svelte
index b177f541..23c974ea 100644
--- a/AquaNet/src/pages/Ranking.svelte
+++ b/AquaNet/src/pages/Ranking.svelte
@@ -3,12 +3,15 @@
   import { GAME } from "../libs/sdk";
   import type { GenericRanking } from "../libs/generalTypes";
   import StatusOverlays from "../components/StatusOverlays.svelte";
+  import type { GameName } from "../libs/scoring";
+
+  export let game: GameName = 'mai2';
 
   title(`Ranking`);
 
   let d: { users: GenericRanking[] };
   let error: string | null;
-  Promise.all([GAME.ranking("mai2")])
+  Promise.all([GAME.ranking(game)])
     .then(([users]) => {
       console.log(users)
       d = { users };