10秒スコアアタックを AI でつくる

出てくる的を時間内にタップして点数を競う、スコアアタックのゲームのページをつくってください。

- タイトル: 10秒スコアアタック
- タップする的: 🐹（当てると得点。続けて当てるとコンボで倍率が上がる）
- さわるとマイナスになるもの: 💣
- 制限時間: 10 秒。はじまる前に 3・2・1 のカウントダウン。残り 3 秒は時計を赤くする
- 3 列 × 4 段の穴から的がランダムに出て、少しすると引っこむ。時間がたつほど出る数が増える
- 色: ポップ（黄色とオレンジ）
- 見た目のテーマ: 指定なし（指定なしのときは、的に合う見た目）
- 効果音は Web Audio でコードの中でつくる（音声ファイルは使わない）。音を消すボタンも置く
- 得点したら、パーティクルや数字が飛び出す演出、続けて決めたらコンボ、失敗したら画面を少しゆらす
- 自己ベストはブラウザに保存する（ほかへは送らない）
- 終わったら結果の画面に、得点、ランクの名前、自己ベスト、「もう一度」と、「結果をシェア」のボタン。押したら window.convika?.shareResult({ text: "スコア {score}", score: 数値 }) を呼ぶ（{score} に数値が入る。Convika で公開したページでは、結果の入ったリンクと、結果が出るカードでシェアできる）。window.convika がないときは、シェアのボタン（X、LINE、リンクをコピー）を出す
- 穴とボタンは高さ 44px 以上（min-height: 44px。Tailwind なら min-h-[44px]）。touch-action: manipulation で連打しても拡大されないようにする

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

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