#controls {
    position: absolute;
    bottom: 10%;
    left: 5%;
    width: 100px;
    height: 100px;
    pointer-events: none;
    display: none;
}

#joystick-outer {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    pointer-events: auto;
}

#joystick-inner {
    position: absolute;
    width: 40%;
    height: 40%;
    top: 30%;
    left: 30%;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    pointer-events: none;
}