落ちものキャッチゲームを AI でつくる

上から落ちてくるものをキャッチするゲームのページをつくってください。

- タイトル: 星キャッチ
- キャッチするもの: ⭐（取ると得点。続けて取るとコンボで倍率が上がる）
- よけるもの: ☄️（当たるとライフが 1 つ減る。ライフは 3）
- 色: 夜空（紺と金色）
- 見た目のテーマ: 指定なし（指定なしのときは、キャッチするものに合う見た目）。絵は canvas に絵文字（fillText）か図形で描く（画像ファイルは使わない）
- 制限時間は 30 秒。時間がたつほど落ちる速さが少しずつ上がる
- 操作: スマホは指でドラッグ、パソコンは左右キーかマウス。canvas は touch-action: none にして、ドラッグ中にページが動かないようにする
- canvas と requestAnimationFrame で動かし、スマホでもカクつかないようにする
- 効果音は Web Audio でコードの中でつくる（音声ファイルは使わない）。音を消すボタンも置く
- 得点したら、パーティクルや数字が飛び出す演出、続けて決めたらコンボ、失敗したら画面を少しゆらす
- 自己ベストはブラウザに保存する（ほかへは送らない）
- 終わったら結果の画面に、得点、ランクの名前、自己ベスト、「もう一度」と、「結果をシェア」のボタン。押したら window.convika?.shareResult({ text: "スコア {score}", score: 数値 }) を呼ぶ（{score} に数値が入る。Convika で公開したページでは、結果の入ったリンクと、結果が出るカードでシェアできる）。window.convika がないときは、シェアのボタン（X、LINE、リンクをコピー）を出す
- 「スタート」「もう一度」などのボタンは高さ 44px 以上（min-height: 44px。Tailwind なら min-h-[44px]）

HTML ファイル 1 つで、CSS と JavaScript もその中に書いてください。入力された内容はどこにも送らず、画像ファイルは使わないでください。スマホの縦画面でも使えるようにしてください。画面のいちばん下の右側はあけておいてください。応援ボタンが出ることがあります。

上の内容は見本です。しくみや画面の組み立て、雰囲気はそのままに、次の希望に合わせて中身を変えてください。
つくりたいもの：＿＿＿