fix: align bottom-positioned UI elements

Standardize positioning for all bottom-aligned elements:
- Pressure gauge: bottom 10px (fixed, z-index 1000)
- Question display: bottom 40px (fixed, z-index 1000)
- Passenger list: bottom 220px (fixed, z-index 1000)

Changed passenger list from absolute to fixed positioning and adjusted
bottom spacing to sit above the question display without overlapping.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

apps/web/src/app/games/complement-race/components/RaceTrack/SteamTrainJourney.tsx

@@ -694,14 +694,14 @@ export function SteamTrainJourney({ momentum, trainPosition, pressure, elapsedTi
       {/* Passenger cards - show all non-delivered passengers */}
       {state.passengers.filter(p => !p.isDelivered).length > 0 && (
         <div data-component="passenger-list" style={{
-          position: 'absolute',
-          bottom: '130px',
+          position: 'fixed',
+          bottom: '220px',
           right: '10px',
           display: 'flex',
           flexDirection: 'column',
           gap: '8px',
-          zIndex: 10,
-          maxHeight: 'calc(100vh - 200px)',
+          zIndex: 1000,
+          maxHeight: 'calc(100vh - 240px)',
           overflowY: 'auto'
         }}>
           {state.passengers.filter(p => !p.isDelivered).map(passenger => (