diff --git a/client/pages/Roadmap.tsx b/client/pages/Roadmap.tsx
index a2330949..61843a66 100644
--- a/client/pages/Roadmap.tsx
+++ b/client/pages/Roadmap.tsx
@@ -73,6 +73,8 @@ const storageKey = "aethex_roadmap_unlocks_v1";
 export default function Roadmap() {
   const [claimed, setClaimed] = useState<Record<string, boolean>>({});
   const [unlocked, setUnlocked] = useState<Record<string, boolean>>({});
+  const [theme, setTheme] = useState<RoadmapTheme>("space");
+  const [focusedPhase, setFocusedPhase] = useState<Quest["phase"] | null>(null);
 
   useEffect(() => {
     try {