/**
 * Blink for decorative background eyes (dark_anim).
 * Parent sides use CSS `scale` (not transform) — lid blink uses transform: scaleY
 * with fill-box origin, so parent scale and lid animation compose independently.
 */

[data-eyes="blink"] .eye-lid {
    transform-box: fill-box;
    transform-origin: center;
    animation: decorative-eyes-blink var(--blink-duration, 4.2s) var(--blink-delay, 0s) ease-in-out infinite;
    animation-play-state: paused;
}

[data-eyes="blink"] .scene.is-in-view .eye-lid {
    animation-play-state: running;
}

[data-eyes="blink"] .eye-pupil {
    pointer-events: none;
}

@keyframes decorative-eyes-blink {
    0%,
    42%,
    52%,
    100% {
        transform: scaleY(1);
    }

    46%,
    48% {
        transform: scaleY(0.06);
    }
}

[data-eyes="blink"] .eye--1 {
    --blink-duration: 3.8s;
    --blink-delay: 0.2s;
}

[data-eyes="blink"] .eye--2 {
    --blink-duration: 4.6s;
    --blink-delay: 1.1s;
}

[data-eyes="blink"] .eye--3 {
    --blink-duration: 5.1s;
    --blink-delay: 0.55s;
}

[data-eyes="blink"] .eye--4 {
    --blink-duration: 3.4s;
    --blink-delay: 2.2s;
}

[data-eyes="blink"] .eye--5 {
    --blink-duration: 4.9s;
    --blink-delay: 0.05s;
}

[data-eyes="blink"] .eye--6 {
    --blink-duration: 4.1s;
    --blink-delay: 1.7s;
}

[data-eyes="blink"] .eye--7 {
    --blink-duration: 5.4s;
    --blink-delay: 0.9s;
}

[data-eyes="blink"] .eye--8 {
    --blink-duration: 3.6s;
    --blink-delay: 2.8s;
}

[data-eyes="blink"] .eye--9 {
    --blink-duration: 4.4s;
    --blink-delay: 1.4s;
}

[data-eyes="blink"] .eye--10 {
    --blink-duration: 5s;
    --blink-delay: 0.35s;
}

[data-eyes="blink"] .eye--11 {
    --blink-duration: 3.9s;
    --blink-delay: 2s;
}

[data-eyes="blink"] .eye--12 {
    --blink-duration: 4.7s;
    --blink-delay: 0.7s;
}

[data-eyes="blink"] .eye--13 {
    --blink-duration: 5.2s;
    --blink-delay: 1.5s;
}

[data-eyes="blink"] .eye--14 {
    --blink-duration: 3.5s;
    --blink-delay: 2.5s;
}

[data-eyes="blink"] .eye--15 {
    --blink-duration: 4.3s;
    --blink-delay: 0.4s;
}

[data-eyes="blink"] .eye--16 {
    --blink-duration: 4.8s;
    --blink-delay: 1.9s;
}

[data-eyes="blink"] .eye--17 {
    --blink-duration: 5.3s;
    --blink-delay: 0.8s;
}

@media (prefers-reduced-motion: reduce) {
    [data-eyes="blink"] .eye-lid {
        animation: none;
    }
}