The canvas is our stage.
We'll draw the AI’s position first — center, width, height.
Then we’ll mark where errors landed: red circles at 60° angles from body.
For questions? Random spots on the board. Fade opacity for depth.

```js
const canvas = document.getElementById('scene');
const ctx = canvas.getContext('2d');
canvas.width = 800;
canvas.height = 600;

// Draw background gradient
let grad = ctx.createLinearGradient(0,0,canvas.width,canvas.height);
grad.addColorStop("0", "#0d1b2a");
grad.addColorStop("1", "#1b263b");
ctx.fillStyle = grad;
ctx.fillRect(0, 0, canvas.width, canvas.height);

// Draw AI shape
const aiBodyRadius = 45; // Radius of the inner circle representing the AI itself.
let radiusDifference = 30; // Difference in radius between body and error circles.

drawAI();

function drawAI() {
    ctx.beginPath();
    ctx.arc(canvas.width / 2, canvas.height / 2 - aiBodyRadius, aiBodyRadius * 1.5, 0, 2 * Math.PI);
    ctx.fillStyle = 'white';
    ctx.fill();
    ctx.lineWidth = 5;
    radiusDifference = Math.min(radiusDifference, canvas.width / 2 - aiBodyRadius * 3);
}

// Draw errors
const