<canvas id="fireworksCanvas"></canvas>
  <div id="message">タップしてください</div>

  <div id="settings">
    <button id="autoButton">自動打ち上げ</button>
    <label>余韻の調整: <span id="fadeValue">0.01</span></label>
    <input type="range" id="fadeSlider" min="0.001" max="0.05" step="0.001" value="0.01">
    <label>一度に上がる花火の数: <span id="fireworkCountValue">1</span></label>
    <input type="range" id="fireworkCountSlider" min="1" max="10" value="1">
    <label>背景を表示: <input type="checkbox" id="gradientToggle" checked></label>
    <label>残像: <input type="checkbox" id="trailToggle" checked></label>
    <label>夜空の星を表示する: <input type="checkbox" id="nightStarToggle" checked></label>
  </div>

  <div id="gearIcon">⚙️</div>