/* Coin styling */
#coin {
    width: 80px;
    height: 80px;
    user-select: none;
    background: transparent;
    position: absolute;
    user-select: none;
    transition: transform 0.1s ease;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    z-index: 1000 !important;
    touch-action: none;
    cursor: url('CursorHand.png') 24 24, auto;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
}

body {
    overflow: hidden;
}


#coinSpawn {
    width: fit-content;
}



#coin:active {
    /* cursor: grabbing; */
}

#coin.dragging {
    /* cursor: grabbing; */
    z-index: 9999;
}

#coinImage {
    transition: transform 0.2s ease;
}

#coinFrame {
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

/* Spinning animation */
#coin.spinning #coinImage {
    animation: wobble 0.1s ease-in-out infinite;
}

@keyframes wobble {
    0%, 100% {
        transform: rotate(-2deg);
    }
    50% {
        transform: rotate(2deg);
    }
}