const canvas = document.getElementById('sceneCanvas');
const ctx = canvas.getContext('2d');

// Gradient background
const bgGradient = ctx.createLinearGradient(0, 0, 0, canvas.height);
bgGradient.addColorStop(0, '#e0f7fa');
bgGradient.addColorStop(1, '#bbdefb');
ctx.fillStyle = bgGradient;
ctx.fillRect(0, 0, canvas.width, canvas.height);

// Center point for ripples
const centerX = canvas.width / 2;
const centerY = canvas.height / 2;
let rippleRadius = 0;
let rippleOpacity = 0.8;
let growing = true;

function drawAISymbol(x, y, size) {
    ctx.save();
    ctx.translate(x, y);

    // Outer circle
    const gradient = ctx.createRadialGradient(0, 0, 5, 0, 0, size);
    gradient.addColorStop(0, '#4fc3f7');
    gradient.addColorStop(1, '#0288d1');
    ctx.fillStyle = gradient;
    ctx.beginPath();
    ctx.arc(0, 0, size, 0, Math.PI * 2);
    ctx.fill();

    // Inner circuit pattern
    ctx.strokeStyle = '#ffffff';
    ctx.lineWidth = 2;
    for (let i = 0; i < 8; i++) {
        const angle = i