逃走中のタイマー風のアプリ。上段にゲームの残り時間、下段に現在の賞金を表示。残り時間はmm：ssと分秒ともに2桁表示。タイマーは残り130分(130：00)、0円からスタート。1秒経過毎に100円ずつ加算。130分経過後カウントダウンと賞金の加算を停止。右上にタイマー終了時の賞金が表示される。[逃げ切れば賞金○○万円]と表示される。その時点での賞金単価に応じて賞金の表示も変わる。この文字はタイマー終了時までずっと表示される。スタートボタンあり。ストップボタンあり。リセットボタンあり。70分からミッションが出る。ミッションが出たら右上に[賞金単価をアップせよ]と表示される。この文字は60分まで表示される。下に賞金アップレバーが出てくる。一つでもレバーを上げたら60分になったら右上に[ミッションクリア]と表示される。この文字はしばらくしたら消える。60分までにレバーを1つでも上げられなかったら賞金単価が50円に下がる。60分までにレバーを1つでも上げられなかったら右上に[ミッション失敗]と表示される。この文字はしばらくしたら消える。レバー1つで200円。2つで300円。3つで400円。レバーは60分までは何度でも上げ下げが可能。賞金単価がアップしたらその賞金単価は60分から加算される。早送りボタンあり。早送りボタンを押したらタイマーが1分減る。その分の賞金も加算される。巻き戻しボタンあり。その分の賞金も減る。巻き戻しボタンを押したらタイマーが1分増える。賞金には区切りをつける。

残り時間: 130:00

賞金: 0円

このアプリを作ったプロンプト

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>逃走中タイマー風アプリ</title>
  <style>
    @keyframes button-click {
        0% { transform: scale(1); }
        50% { transform: scale(1.1); }
        100% { transform: scale(1); }
    }
    @keyframes text-flash {
      0%, 100% { color: #000; }
      50% { color: #f00; }
    }
  </style>
</head>
<body>
  <div style="width: 400px; height: 400px; border: 5px solid #000; padding: 10px; box-sizing: border-box;">
    <div style="width: 100%; font-size: 24px; text-align: center; margin-bottom: 10px;">
      残り時間: <span id="timer" style="font-weight: bold;">130:00</span>
    </div>
    <div style="width: 100%; font-size: 24px; text-align: center; margin-bottom: 20px;">
      賞金: <span id="prize" style="font-weight: bold;">0円</span>
    </div>
    <div style="display: flex; justify-content: space-around; margin-bottom: 20px;">
      <input type="button" value="スタート🚀" onclick="startTimer()" style="font-size: 18px; padding: 10px; border-radius: 10px; animation: button-click 0.5s;">
      <input type="button" value="ストップ✋" onclick="stopTimer()" style="font-size: 18px; padding: 10px; border-radius: 10px; animation: button-click 0.5s;">
      <input type="button" value="リセット🔄" onclick="resetTimer()" style="font-size: 18px; padding: 10px; border-radius: 10px; animation: button-click 0.5s;">
    </div>
    <div style="display: flex; justify-content: space-around; margin-bottom: 20px;">
      <input type="button" value="早送り⏩" onclick="fastForward()" style="font-size: 18px; padding: 10px; border-radius: 10px; animation: button-click 0.5s;">
      <input type="button" value="巻き戻し⏪" onclick="rewind()" style="font-size: 18px; padding: 10px; border-radius: 10px; animation: button-click 0.5s;">
    </div>
    <div id="mission" style="width: 100%; text-align: center; font-size: 24px; margin-bottom: 20px; animation: text-flash 1s infinite;">
    </div>
    <div style="width: 100%; text-align: center; margin-bottom: 20px;">
      <input type="button" value="レバー🎚️" onclick="upgradePrize()" style="font-size: 24px; padding: 10px; border-radius: 10px; display: none;" id="lever">
    </div>
    <div style="width: 100%; font-size: 24px; text-align: center; margin-top: 20px; animation: text-flash 1s infinite;" id="result">
    </div>
  </div>

  <script>
    let timeLeft = 130 * 60; // 130 minutes in seconds
    let prize = 0;
    let prizeRate = 100;
    let timerInterval;
    let missionActive = false;
    let leverUsed = false;

    function updateDisplay() {
      const minutes = String(Math.floor(timeLeft / 60)).padStart(2, '0');
      const seconds = String(timeLeft % 60).padStart(2, '0');
      document.getElementById('timer').innerText = `${minutes}:${seconds}`;
      document.getElementById('prize').innerText = `${prize.toLocaleString()}円`;
    }

    function startTimer() {
      if (timerInterval) return;
      timerInterval = setInterval(() => {
        if (timeLeft > 0) {
          timeLeft--;
          prize += prizeRate;

          if (timeLeft === 70 * 60) {
            missionActive = true;
            document.getElementById('mission').innerText = '賞金単価をアップせよ✨';
            document.getElementById('lever').style.display = 'inline-block';
          }

          if (timeLeft === 60 * 60) {
            if (!leverUsed) {
              prizeRate = 50;
              document.getElementById('mission').innerText = 'ミッション失敗💥';
            } else {
              document.getElementById('mission').innerText = 'ミッションクリア🎉';
            }
            document.getElementById('lever').style.display = 'none';
            setTimeout(() => {
              document.getElementById('mission').innerText = '';
            }, 5000);
          }
          
          updateDisplay();
        } else {
          clearInterval(timerInterval);
          timerInterval = null;
          document.getElementById('result').innerText = `逃げ切れば賞金 ${Math.floor(prize / 10000)}万円 💰`;
        }
      }, 1000);
    }

    function stopTimer() {
      clearInterval(timerInterval);
      timerInterval = null;
    }

    function resetTimer() {
      stopTimer();
      timeLeft = 130 * 60;
      prize = 0;
      prizeRate = 100;
      missionActive = false;
      leverUsed = false;
      document.getElementById('mission').innerText = '';
      document.getElementById('lever').style.display = 'none';
      document.getElementById('result').innerText = '';
      updateDisplay();
    }

    function fastForward() {
      if (timeLeft > 60) {
        timeLeft -= 60;
        prize += prizeRate * 60;
        updateDisplay();
      }
    }

    function rewind() {
      if (timeLeft < 130 * 60) {
        timeLeft += 60;
        prize -= prizeRate * 60;
        updateDisplay();
      }
    }

    function upgradePrize() {
      leverUsed = true;
      prizeRate += 100;
    }

    updateDisplay();
  </script>
</body>
</html>
```