/* Custom cursor: browsers cap cursor images (~128px); we ship 24×24. */
html {
    cursor: url("/images/cursor-tnt.png") 12 12, auto;
}

*,
*::before,
*::after {
    cursor: inherit;
}

/* Link click explosion (see /js/site.js) */
@keyframes explosion-pop {
    from {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0.35);
    }

    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.2);
    }
}

.explosion-fx {
    position: fixed;
    left: 0;
    top: 0;
    width: 96px;
    height: auto;
    pointer-events: none;
    z-index: 2147483647;
    animation: explosion-pop 0.32s ease-out forwards;
}