fix: use fully qualified API_BASE for avatar proxy requests

client/src/App.jsx

@@ -44,6 +44,10 @@ ChartJS.register(
   Filler
 );
 
+// Fallback to local port 3000 in development, or use VITE_API_URL if configured, otherwise same origin
+const API_BASE = import.meta.env.VITE_API_URL || (import.meta.env.DEV ? 'http://localhost:3000' : '');
+const TWITCH_CHANNEL = 'winx_prinx';
+
 // 3D Galaxy Chatter Orbit Visualization
 function ChatterOrbit({ chatters }) {
   const canvasRef = useRef(null);
@@ -55,7 +59,7 @@ function ChatterOrbit({ chatters }) {
     // Load Avatar via backend proxy (avoids CORS issues with decapi.me)
     if (!avatarRef.current) {
       const img = new Image();
-      img.src = '/api/avatar/winx_prinx';
+      img.src = `${API_BASE}/api/avatar/${TWITCH_CHANNEL}`;
       img.onload = () => { avatarRef.current = img; };
       img.onerror = () => console.warn('[ChatterOrbit] Avatar load failed');
     }
@@ -278,10 +282,6 @@ function ChatterOrbit({ chatters }) {
   );
 }
 
-// Fallback to local port 3000 in development, or use VITE_API_URL if configured, otherwise same origin
-const API_BASE = import.meta.env.VITE_API_URL || (import.meta.env.DEV ? 'http://localhost:3000' : '');
-const TWITCH_CHANNEL = 'winx_prinx';
-
 export default function App() {
   const [activeTab, setActiveTab] = useState('overview');
   const [streams, setStreams] = useState([]);