Duda del Tiro al blanco

Compañeros buenas tardes les comparto para ver si alguno me puede ayudar con este código, al cual no encuentro el error, les agradezco si alguno me podría aclarar la duda de porque no se visualiza la circunferencia. Muchas gracias!

<canvas width="600"height="400"> </canvas>

<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");
    pincel.fillStyle = "lightgray"; //propiedad
    pincel.fillRect(0,0,600,400); //función

    var radio = 10;
    var xAleatorio;
    var yAleatorio;

    function disenharCircunferencia(x,y,radio,color) {
        pincel.fillStyle = color;
        pincel.beginPath();
        pincel.arc(x,y,radio,0,2*Math.PI);
        pincel.fill();
    }

    function limpiarPantalla() {

        pincel.clearRect(0,0,600,400);
    }

    var x = 0;

    function disenharObjetivo(x,y) {
        disenharCircunferencia(x,y,radio + 20,"red");
        disenharCircunferencia(x,y,radio + 10, "white");
        disenharCircunferencia(x,y,radio,"red");
    }

    function sortearPosicion(maximo) {

        return Math.floor(Math.random()*maximo);
    }

    function actualizarPantalla() {

        limpiarPantalla();
        xAleatorio = sortearPosicion(600);
        yAleatorio = sortearPOsicion(400);
        disenharObjetivo(xAleatorio,yAleatorio);
        x++;
    }

    setInterval(actualizarPantalla,1000);

    function disparar(evento) {

        var x = evento.pageX - pantalla.offsetLeft;
        var y = evento.pageY - pantalla.offsetTop;

        if ((x < xAleatorio + radio)&&
            (x > xAleatorio - radio)&&
            (y < yAleatorio + radio)&&
            (y > yAleatorio - radio)) {
            alert("Tiro Certero");
        }
    }

    pantalla.onclick = disparar;

</script>