/* Hide default cursor */
body {
    cursor: pointer !important;
}

.glitter {
    position: fixed;
    pointer-events: none;
    z-index: 9999;
    background: linear-gradient(135deg, #FFD700 0%, #FFEC8B 50%, #FFD700 100%);
    box-shadow: 0 0 10px 2px rgba(255, 215, 0, 0.8);
    animation: glitter-fade;
    transform-origin: center;
    opacity: 0;
    will-change: transform, opacity;
    clip-path: polygon(
            50% 0%,
            60% 40%,
            100% 50%,
            60% 60%,
            50% 100%,
            40% 60%,
            0% 50%,
            40% 40%
    );
}

@keyframes glitter-fade {
    0% {
        transform: scale(0.2) rotate(0deg);
        opacity: 0;
    }
    20% {
        opacity: 0.9;
    }
    50% {
        transform: scale(1) rotate(45deg);
        opacity: 1;
        box-shadow: 0 0 15px 4px rgba(255, 215, 0, 0.9);
    }
    100% {
        transform: scale(0.5) rotate(90deg);
        opacity: 0;
        box-shadow: 0 0 5px 1px rgba(255, 215, 0, 0.4);
    }
}

.glitters-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9998;
    overflow: hidden;
}

/* Disable on touch devices */
@media (pointer: coarse) {
    body {
        cursor: default !important;
    }
    .glitters-container {
        display: none;
    }
}