diff --git a/apps/web/src/app/games/complement-race/practice/page.tsx b/apps/web/src/app/games/complement-race/practice/page.tsx
new file mode 100644
index 00000000..5195d9a9
--- /dev/null
+++ b/apps/web/src/app/games/complement-race/practice/page.tsx
@@ -0,0 +1,15 @@
+'use client'
+
+import { PageWithNav } from '@/components/PageWithNav'
+import { ComplementRaceProvider } from '../context/ComplementRaceContext'
+import { ComplementRaceGame } from '../components/ComplementRaceGame'
+
+export default function PracticeModePage() {
+  return (
+    <PageWithNav navTitle="Practice Mode" navEmoji="🏁">
+      <ComplementRaceProvider initialStyle="practice">
+        <ComplementRaceGame />
+      </ComplementRaceProvider>
+    </PageWithNav>
+  )
+}
diff --git a/apps/web/src/app/games/complement-race/sprint/page.tsx b/apps/web/src/app/games/complement-race/sprint/page.tsx
new file mode 100644
index 00000000..242e8592
--- /dev/null
+++ b/apps/web/src/app/games/complement-race/sprint/page.tsx
@@ -0,0 +1,15 @@
+'use client'
+
+import { PageWithNav } from '@/components/PageWithNav'
+import { ComplementRaceProvider } from '../context/ComplementRaceContext'
+import { ComplementRaceGame } from '../components/ComplementRaceGame'
+
+export default function SprintModePage() {
+  return (
+    <PageWithNav navTitle="Steam Sprint" navEmoji="🚂">
+      <ComplementRaceProvider initialStyle="sprint">
+        <ComplementRaceGame />
+      </ComplementRaceProvider>
+    </PageWithNav>
+  )
+}
diff --git a/apps/web/src/app/games/complement-race/survival/page.tsx b/apps/web/src/app/games/complement-race/survival/page.tsx
new file mode 100644
index 00000000..5c4f8242
--- /dev/null
+++ b/apps/web/src/app/games/complement-race/survival/page.tsx
@@ -0,0 +1,15 @@
+'use client'
+
+import { PageWithNav } from '@/components/PageWithNav'
+import { ComplementRaceProvider } from '../context/ComplementRaceContext'
+import { ComplementRaceGame } from '../components/ComplementRaceGame'
+
+export default function SurvivalModePage() {
+  return (
+    <PageWithNav navTitle="Survival Mode" navEmoji="🔄">
+      <ComplementRaceProvider initialStyle="survival">
+        <ComplementRaceGame />
+      </ComplementRaceProvider>
+    </PageWithNav>
+  )
+}