got retro achevments to work

src/main/ra.ts

@@ -94,7 +94,8 @@ function writeGameListCache(cache: GameListCache): void {
 async function fetchGameList(consoleId: number, apiKey: string, username: string): Promise<RaGameListEntry[]> {
   const url = `https://retroachievements.org/API/API_GetGameList.php?z=${encodeURIComponent(username)}&y=${encodeURIComponent(apiKey)}&c=${consoleId}`;
   const json = await fetchText(url);
-  const data = JSON.parse(json);
+  let data: any;
+  try { data = JSON.parse(json); } catch { return []; }
   if (!Array.isArray(data)) return [];
   return data.map((g: any) => ({ id: g.ID, title: g.Title }));
 }
@@ -138,9 +139,10 @@ async function lookupGameIdByHash(romPath: string): Promise<number | null> {
     const body = `r=gameid&m=${hash}`;
     const response = await postForm('https://retroachievements.org/dorequest.php', body);
     const parsed = JSON.parse(response);
-    if (parsed.Success && parsed.ID) return parsed.ID;
+    if (parsed.Success && (parsed.ID || parsed.GameID)) return parsed.ID || parsed.GameID;
     return null;
-  } catch {
+  } catch (err) {
+    console.error('[ra] hash lookup error:', err);
     return null;
   }
 }
@@ -168,7 +170,7 @@ async function fetchAchievements(
   try {
     const url = `https://retroachievements.org/API/API_GetGameInfoAndUserProgress.php`
       + `?z=${encodeURIComponent(username)}&y=${encodeURIComponent(apiKey)}`
-      + `&i=${gameId}&u=${encodeURIComponent(username)}`;
+      + `&g=${gameId}&u=${encodeURIComponent(username)}`;
     const json = await fetchText(url);
     const data = JSON.parse(json);
     if (!data || !data.Achievements) return null;
@@ -192,7 +194,8 @@ async function fetchAchievements(
       userProgress: achievements.filter(a => a.dateEarned).length,
       achievements,
     };
-  } catch {
+  } catch (err) {
+    console.error('[ra] fetchAchievements error:', err);
     return null;
   }
 }

src/main/settings.ts

@@ -30,6 +30,7 @@ const defaultSettings: AppSettings = {
   biosDirectory: '',
   retroAchievementsUsername: '',
   retroAchievementsPassword: '',
+  retroAchievementsApiKey: '',
 };
 
 let cached: AppSettings | null = null;

src/renderer/components/GameDetailModal.tsx

@@ -97,6 +97,7 @@ export function GameDetailModal({ game, onClose, onLaunch }: Props) {
           </div>
 
           <div className="game-detail-right">
+            <div className="game-detail-right-scroll">
               {loadingMeta ? (
                 <div className="text-sm text-muted" style={{ padding: 12 }}>Loading metadata...</div>
               ) : (
@@ -169,10 +170,10 @@ export function GameDetailModal({ game, onClose, onLaunch }: Props) {
                   </p>
                 )}
               </div>
+            </div>
 
             <button
-              className="btn btn-primary"
-              style={{ marginTop: 'auto', width: '100%' }}
+              className="btn btn-primary game-detail-launch"
               onClick={() => { onLaunch(game); onClose(); }}
             >
               Launch Game

src/renderer/styles.css

@@ -924,12 +924,23 @@ select:focus, input[type="text"]:focus {
   flex: 1;
   display: flex;
   flex-direction: column;
-  padding: 20px;
-  gap: 16px;
-  overflow-y: auto;
   min-width: 0;
 }
 
+.game-detail-right-scroll {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px 20px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.game-detail-launch {
+  margin: 12px 20px 20px;
+  flex-shrink: 0;
+}
+
 .game-detail-meta {
   display: grid;
   grid-template-columns: auto 1fr;
@@ -964,6 +975,71 @@ select:focus, input[type="text"]:focus {
   margin: 0;
 }
 
+.achievement-list {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  max-height: 320px;
+  overflow-y: auto;
+}
+
+.achievement-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 10px;
+  border-radius: var(--radius);
+  background: var(--bg-secondary);
+  transition: background var(--transition);
+}
+
+.achievement-row.locked {
+  opacity: 0.55;
+}
+
+.achievement-badge {
+  width: 36px;
+  height: 36px;
+  border-radius: 4px;
+  flex-shrink: 0;
+  object-fit: cover;
+}
+
+.achievement-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.achievement-title {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.achievement-desc {
+  font-size: 11px;
+  color: var(--text-muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.achievement-points {
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--accent);
+  flex-shrink: 0;
+  min-width: 24px;
+  text-align: right;
+}
+
+.achievement-row.earned .achievement-points {
+  color: var(--success, #4ade80);
+}
+
 .platform-tag {
   display: inline-block;
   background: var(--accent);