/* Moth Mode - Translucent red gradient eyes */

/* Moth Eyes Overlay */
.moth-eyes {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15vw;
    transition: opacity 0.5s ease;
    
    /* BLEND MODE - Color dodge for maximum brightness! */
    mix-blend-mode: color-dodge;
}

.moth-eyes.hidden {
    opacity: 0;
    pointer-events: none;
}

/* Individual moth eye */
.moth-eye {
    width: 30vw;
    height: 30vw;
    max-width: 500px;
    max-height: 500px;
    min-width: 150px;
    min-height: 150px;
    border-radius: 50%;
    position: relative;
    
    /* BRIGHTER smooth gradient spread */
    background: radial-gradient(
        circle at center,
        rgba(255, 50, 50, 1.0) 0%,
        rgba(255, 40, 40, 0.95) 5%,
        rgba(255, 30, 30, 0.9) 10%,
        rgba(255, 20, 20, 0.85) 15%,
        rgba(240, 20, 20, 0.75) 20%,
        rgba(220, 10, 10, 0.65) 25%,
        rgba(200, 10, 10, 0.55) 30%,
        rgba(180, 5, 5, 0.45) 35%,
        rgba(160, 5, 5, 0.38) 40%,
        rgba(140, 0, 0, 0.32) 45%,
        rgba(120, 0, 0, 0.26) 50%,
        rgba(100, 0, 0, 0.20) 55%,
        rgba(80, 0, 0, 0.15) 60%,
        rgba(60, 0, 0, 0.11) 65%,
        rgba(50, 0, 0, 0.08) 70%,
        rgba(40, 0, 0, 0.06) 75%,
        rgba(30, 0, 0, 0.04) 80%,
        rgba(20, 0, 0, 0.02) 85%,
        rgba(10, 0, 0, 0.01) 90%,
        transparent 100%
    );
    
    /* Faster, stronger pulse */
    animation: moth-breathe 3s ease-in-out infinite;
    transition: all 0.3s ease;
    
    /* Slight blur for softer burn effect */
    filter: blur(3px);
}

.moth-eye-left {
    animation-delay: 0s;
}

.moth-eye-right {
    animation-delay: 0.3s;
}

/* Inner pupil */
.moth-eye::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
    height: 30%;
    border-radius: 50%;
    background: radial-gradient(
        circle at center,
        rgba(139, 0, 0, 0.9) 0%,
        rgba(100, 0, 0, 0.7) 50%,
        rgba(60, 0, 0, 0.5) 100%
    );
}

/* Smoothed outer glow - brighter */
.moth-eye::after {
    content: '';
    position: absolute;
    top: -40%;
    left: -40%;
    right: -40%;
    bottom: -40%;
    border-radius: 50%;
    background: radial-gradient(
        circle at center,
        rgba(255, 20, 20, 0.25) 0%,
        rgba(255, 10, 10, 0.15) 20%,
        rgba(255, 5, 5, 0.10) 40%,
        rgba(200, 0, 0, 0.06) 60%,
        rgba(150, 0, 0, 0.03) 80%,
        transparent 100%
    );
    filter: blur(50px);
}

/* Stronger pulse animation - more noticeable */
@keyframes moth-breathe {
    0%, 100% { 
        opacity: 0.6;
        transform: scale(0.95);
    }
    50% { 
        opacity: 1.0;
        transform: scale(1.15);
    }
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .moth-eyes {
        gap: 20vw;
    }
    
    .moth-eye {
        width: 25vw;
        height: 25vw;
    }
}

/* Fullscreen adjustments - eyes stay centered */
:fullscreen .moth-eyes,
:-webkit-full-screen .moth-eyes,
:-moz-full-screen .moth-eyes {
    gap: 15vw;
}