<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>