Feature/game2 UI

[ru-se]

概要

Game 2 (Helpdesk) のユーザー体験 (UX) 向上、動作の安定性強化、および演出のブラッシュアップを行いました。

主な変更内容

1. 演出・サウンドの強化

• サウンドエフェクト (SE) の追加:
  • 開始時: 電話の呼び出し音（3秒間の呼び出し待機時間を設け、臨場感を演出）。
  • 終了時: 電話が切れる音を追加。
• ドラマチックなエンディング:
  • 3ラリー終了後、AI（サポート担当）が一方的に怒って電話を切る演出（最後の台詞）を追加しました。
• UI クリーンアップ:
  • 左上の「カスタマーサポートセンター」ラベルを削除し、ゲーム画面をスッキリさせました。

2. ダイナミックヒント機能の洗練

• 初回のヒント固定: 最初のターンは必ずミッションに関連するフレーズ（「ログインしたのに...」）が表示されるように固定。
• 文脈依存ヒント: AI の回答（「キャッシュ」「再起動」など）に合わせたヒントを自動提示。
• ヒントの重複防止: 一度表示されたヒントは再登場しないようにロジックを強化。

3. 基盤・安定性の向上

• 読み上げ速度の調整: AI の発話スピードを高速化 (1.1 -> 1.3) し、テキパキとしたサポート感を演出。
• デバイス対応 (iOS/スマホ):
  • マイクの事前許可取得による、録音開始時のレイテンシ解消。
  • 無音再生ハックによる iOS TTS の自動再生ブロック対策。
  • 非対応ブラウザでのテキスト入力モードへの自動フォールバック。
• [BUG FIX] 連続発話の安定化: ヒント更新（状態更新）時の再レンダリングによる音声キャンセル問題を Ref を用いて解決しました。

検証結果

• npm run lint パス済み。
• 実機およびシミュレータでの音声・サウンド挙動、およびヒントの重複防止/遅延実行を確認済み。

[Koseeee-27]

動作確認はできた
uiもいいと思う
lgtm