/**
 * ============================================================================
 * File Location: /www/wwwroot/payorget.com/app/Modules/Core/Auth/Assets/css/cursor-snake.css
 * Purpose: Snake with SVG curved connections
 * ============================================================================
 */

#snake-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
}

#snake-svg {
    filter: blur(1px);
}

.snake-segment {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 10000;
}

/* Gradient colors for segments */
.snake-segment:nth-child(1) { 
    background: radial-gradient(circle, #ff6ec7 0%, #ff3864 100%);
    box-shadow: 0 0 25px #ff6ec7, 0 0 50px #ff3864;
}
.snake-segment:nth-child(2) { 
    background: radial-gradient(circle, #ff3864 0%, #ff6090 100%);
    box-shadow: 0 0 20px #ff3864;
}
.snake-segment:nth-child(3) { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.snake-segment:nth-child(4) { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
.snake-segment:nth-child(5) { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.snake-segment:nth-child(6) { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.snake-segment:nth-child(7) { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); }
.snake-segment:nth-child(8) { background: linear-gradient(135deg, #30cfd0 0%, #330867 100%); }
.snake-segment:nth-child(n+9) { background: #667eea; opacity: 0.8; }
.snake-segment:nth-child(n+15) { opacity: 0.6; }
.snake-segment:nth-child(n+25) { opacity: 0.4; }
.snake-segment:nth-child(n+30) { opacity: 0.3; }

/* Celebration animation */
.snake-segment.celebrate {
    animation: celebrate 0.5s ease;
}

@keyframes celebrate {
    0%, 100% { 
        transform: translate(-50%, -50%) scale(1) rotate(0deg); 
    }
    50% { 
        transform: translate(-50%, -50%) scale(1.5) rotate(180deg);
        filter: brightness(2);
    }
}

/* Head glow */
.snake-segment:nth-child(1) {
    animation: glow 1.5s ease-in-out infinite;
}

@keyframes glow {
    0%, 100% { 
        filter: brightness(1);
    }
    50% { 
        filter: brightness(1.3);
    }
}