{/* ☀️ SKYLINE & DECOR */}

☀️

☁️

{/* 🏫 CAMPUS BACKGROUND DECOR (Projected) */} {(stateRef.current.decor || []).map(d => (

{d.type === 'tree' ? '🌳' : '🏫'}

))} {/* 🛣️ LANE MARKERS (Visual cues) */} {[0, 200, 400, 600, 800, 1000].map(i => (

))} {/* 🚧 OBSTACLES */} {(stateRef.current.obstacles || []).map(obs => (

{obs.type === 'ground' && '🚧'} {obs.type === 'high' && '🦅'} {obs.type === 'gap' && '🕳️'}

))} {/* 🏃 PLAYER */}

{gameState === 'gameover' ? '😵' : '🏃'}

{/* Shadow */}

{/* 📊 HUD */}

{score}

SCORE

HI: {highScore}

{isMultiplayer && (

👥 {(memberList || []).length} playing

)}

{/* 🎬 START OVERLAY */} {gameState === 'start' && (

CAMPUS
DASH

Swipe or use Arrows to move

👆

Tap to Start

)} {/* 💀 GAME OVER OVERLAY */} {gameState === 'gameover' && (

💥

CRASHED!

Score: {score}

{/* 🏆 MINI LEADERBOARD */} {isMultiplayer && (

Top Runners

{(leaderboard || []).slice(0, 3).map((m, i) => (

{i === 0 ? '🥇' : i === 1 ? '🥈' : '🥉'}

e.target.style.display = 'none'} />

{m.displayName}

{m.highScore || 0}

))}

)}

)} {/* 🎮 TOUCH CONTROLS HINT (Visible initially) */} {gameState === 'playing' && score < 5 && (

Swipe Left/Right to Dodge • Up to Jump • Down to Slide

)} {/* INVISIBLE TAP AREA FOR STARTING IF NEEDED */} {gameState === 'start' && (

handleInput('jump')} style={{ position: 'absolute', inset: 0, zIndex: 100 }} /> )}

); }