diff --git a/apps/web/src/app/arcade/complement-race/components/RaceTrack/SteamTrainJourney.tsx b/apps/web/src/app/arcade/complement-race/components/RaceTrack/SteamTrainJourney.tsx
index 5699a79d..8490877c 100644
--- a/apps/web/src/app/arcade/complement-race/components/RaceTrack/SteamTrainJourney.tsx
+++ b/apps/web/src/app/arcade/complement-race/components/RaceTrack/SteamTrainJourney.tsx
@@ -10,6 +10,7 @@ import {
   type DisembarkingAnimation,
   usePassengerAnimations,
 } from '../../hooks/usePassengerAnimations'
+import type { ComplementQuestion } from '../../lib/gameTypes'
 import { useSteamJourney } from '../../hooks/useSteamJourney'
 import { useTrackManagement } from '../../hooks/useTrackManagement'
 import { useTrainTransforms } from '../../hooks/useTrainTransforms'
@@ -80,7 +81,7 @@ interface SteamTrainJourneyProps {
   trainPosition: number
   pressure: number
   elapsedTime: number
-  currentQuestion: { number: number; targetSum: number; correctAnswer: number } | null
+  currentQuestion: ComplementQuestion | null
   currentInput: string
 }
 
diff --git a/apps/web/src/app/arcade/complement-race/components/RaceTrack/__tests__/GameHUD.test.tsx b/apps/web/src/app/arcade/complement-race/components/RaceTrack/__tests__/GameHUD.test.tsx
index 1cee4844..2a6c9e81 100644
--- a/apps/web/src/app/arcade/complement-race/components/RaceTrack/__tests__/GameHUD.test.tsx
+++ b/apps/web/src/app/arcade/complement-race/components/RaceTrack/__tests__/GameHUD.test.tsx
@@ -29,6 +29,7 @@ describe('GameHUD', () => {
 
   const mockPassenger: Passenger = {
     id: 'passenger-1',
+    name: 'Test Passenger',
     avatar: '👨',
     originStationId: 'station-1',
     destinationStationId: 'station-2',
@@ -49,6 +50,7 @@ describe('GameHUD', () => {
       number: 3,
       targetSum: 10,
       correctAnswer: 7,
+      showAsAbacus: false,
     },
     currentInput: '7',
   }
diff --git a/apps/web/src/app/games/complement-race/components/RaceTrack/SteamTrainJourney.tsx b/apps/web/src/app/games/complement-race/components/RaceTrack/SteamTrainJourney.tsx
index 5699a79d..8490877c 100644
--- a/apps/web/src/app/games/complement-race/components/RaceTrack/SteamTrainJourney.tsx
+++ b/apps/web/src/app/games/complement-race/components/RaceTrack/SteamTrainJourney.tsx
@@ -10,6 +10,7 @@ import {
   type DisembarkingAnimation,
   usePassengerAnimations,
 } from '../../hooks/usePassengerAnimations'
+import type { ComplementQuestion } from '../../lib/gameTypes'
 import { useSteamJourney } from '../../hooks/useSteamJourney'
 import { useTrackManagement } from '../../hooks/useTrackManagement'
 import { useTrainTransforms } from '../../hooks/useTrainTransforms'
@@ -80,7 +81,7 @@ interface SteamTrainJourneyProps {
   trainPosition: number
   pressure: number
   elapsedTime: number
-  currentQuestion: { number: number; targetSum: number; correctAnswer: number } | null
+  currentQuestion: ComplementQuestion | null
   currentInput: string
 }
 
diff --git a/apps/web/src/app/games/complement-race/components/RaceTrack/__tests__/GameHUD.test.tsx b/apps/web/src/app/games/complement-race/components/RaceTrack/__tests__/GameHUD.test.tsx
index 1cee4844..881b46aa 100644
--- a/apps/web/src/app/games/complement-race/components/RaceTrack/__tests__/GameHUD.test.tsx
+++ b/apps/web/src/app/games/complement-race/components/RaceTrack/__tests__/GameHUD.test.tsx
@@ -49,6 +49,7 @@ describe('GameHUD', () => {
       number: 3,
       targetSum: 10,
       correctAnswer: 7,
+      showAsAbacus: false,
     },
     currentInput: '7',
   }