Bubble Shooter

<div style="text-align:center; background:#111; padding:20px; color:#0f0;">
  <h3>Test Bubble Shooter</h3>
  <canvas id="c" width="400" height="300" style="border:2px solid #0f0; background:#000;"></canvas>
</div>

<script>
  const c = document.getElementById('c');
  const ctx = c.getContext('2d');
  ctx.fillStyle = '#f00';
  ctx.beginPath();
  ctx.arc(200, 150, 40, 0, Math.PI*2);
  ctx.fill();
  ctx.font = '20px Arial';
  ctx.fillStyle = '#fff';
  ctx.fillText('Test Circle', 130, 160);
  
  alert('If you see this popup → JS works! (then check for red circle on canvas)');
</script>