/* The model follows the pointer without blocking links underneath it. */
#live2d-widget {
    pointer-events: none !important;
}

/* Keep the same model on small screens with a smaller visual footprint. */
@media (max-width: 640px), (max-height: 560px) {
    #live2d-widget {
        right: -18px !important;
        bottom: -36px !important;
        transform: scale(0.6);
        transform-origin: right bottom;
    }
}

/* On short phones, leave the two rows of navigation buttons unobscured. */
@media (max-width: 640px) and (max-height: 740px) {
    #live2d-widget {
        right: -10.5px !important;
        bottom: -21px !important;
        transform: scale(0.35);
    }
}