造 Gemini Canvas：做一個有網址的互動遊戲

請直接在 Gemini Canvas 建立並預覽一個可玩的單頁遊戲，不要先解釋程式碼。

對象與目標：中三學生；遊戲名稱「元素配對站」；把元素符號與中文名稱連結。

請把以下內容放在程式最上方的 GAME_DATA，方便教師修改：
[
  { pairId: "H", left: "H", right: "氫", hint: "最輕的元素" },
  { pairId: "O", left: "O", right: "氧", hint: "支持燃燒" },
  { pairId: "C", left: "C", right: "碳", hint: "鉛筆芯的主要成分" },
  { pairId: "Na", left: "Na", right: "鈉", hint: "食鹽的成分之一" },
  { pairId: "Cl", left: "Cl", right: "氯", hint: "泳池消毒常用" }
]

互動規則：
1. 左右兩組卡片每次開始分別隨機排列。
2. 學生先點元素符號，再點中文名稱；用相同 pairId 判斷答案。
3. 正確時兩張卡變綠、鎖定、顯示完整答案，進度加一。
4. 錯誤時兩張卡輕震，顯示「再看清楚，試一次」，不扣分，之後可重試。
5. 完成五對後顯示答案摘要、「再玩一次」及祝賀訊息。

視覺：玫瑰紅主色、米白底、大字卡片；版面簡潔。

共同驗收標準：
- 使用單一 HTML 檔案，內含 CSS 和原生 JavaScript，可在 Canvas 直接預覽。
- 不使用外部程式庫、外部圖片或外部字型；所有班本內容集中在程式最上方的 GAME_DATA。
- 所有按鈕和可點擊區域最少 48×48px，支援滑鼠和觸控操作。
- 重要提示使用 aria-live；支援 prefers-reduced-motion；提供音效開關，預設可以關閉。
- 只在本機瀏覽器運作，不要登入、資料庫、Firebase、Firestore、追蹤、上載、網絡請求或收集個人資料。
- 請自行測試：正確答案、錯誤答案、完成畫面、390px 手機闊度，以及確認沒有外部網絡請求。
- 請先修正測試發現的問題，再展示最後可玩的版本。

請直接在 Gemini Canvas 建立並預覽一個可玩的單頁遊戲，不要先解釋程式碼。

對象與目標：小二學生；遊戲名稱「Letter Sounds Match」；把英文字母與開首音相同的圖像連結；介面文字用簡單英文。

請把以下內容放在程式最上方的 GAME_DATA，方便教師修改：
[
  { pairId: "a", left: "A a", right: "🍎 apple", hint: "A is for apple" },
  { pairId: "b", left: "B b", right: "⚽ ball", hint: "B is for ball" },
  { pairId: "c", left: "C c", right: "🐱 cat", hint: "C is for cat" },
  { pairId: "d", left: "D d", right: "🐶 dog", hint: "D is for dog" },
  { pairId: "s", left: "S s", right: "☀️ sun", hint: "S is for sun" }
]

互動規則：
1. 左右兩組卡片每次開始分別隨機排列。
2. 學生先點字母卡，再點圖像卡；用相同 pairId 判斷答案。
3. 正確時兩張卡變綠、鎖定、顯示「A is for apple」這類完整句子，進度加一。
4. 錯誤時兩張卡輕震，顯示「Try again. Look carefully!」，不扣分，之後可重試。
5. 完成五對後顯示答案摘要、「Play again」及祝賀訊息。

視覺：藍色主色、大字母、大圖示；每句提示不超過 8 個英文單詞。

共同驗收標準：
- 使用單一 HTML 檔案，內含 CSS 和原生 JavaScript，可在 Canvas 直接預覽。
- 不使用外部程式庫、外部圖片或外部字型；所有班本內容集中在程式最上方的 GAME_DATA。
- 所有按鈕和可點擊區域最少 48×48px，支援滑鼠和觸控操作。
- 重要提示使用 aria-live；支援 prefers-reduced-motion；提供音效開關，預設可以關閉。
- 只在本機瀏覽器運作，不要登入、資料庫、Firebase、Firestore、追蹤、上載、網絡請求或收集個人資料。
- 請自行測試：正確答案、錯誤答案、完成畫面、390px 手機闊度，以及確認沒有外部網絡請求。
- 請先修正測試發現的問題，再展示最後可玩的版本。