/* ——— Riktig-svar effekter ——— */
/* Glow rundt mål/knapp */
.success-glow {
    box-shadow: 0 0 0 2px rgba(22, 163, 74, .5), 0 0 18px rgba(22, 163, 74, .35);
    transition: box-shadow .2s ease;
}

/* Pop på score/streak */
@keyframes popPulse {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(1.25);
    }

    100% {
        transform: scale(1);
    }
}

#scoreVal.score-pop,
#streakVal.streak-pop {
    animation: popPulse .6s ease;
}

/* Konfetti */
.confetti-host {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9999;
}

.confetti-piece {
    position: absolute;
    top: -10px;
    border-radius: 2px;
    opacity: .95;
    transform: translateY(0) rotate(0deg);
    animation-name: confettiFall, confettiSpin;
    animation-timing-function: ease-in, linear;
    animation-iteration-count: 1, infinite;
}

@keyframes confettiFall {
    to {
        transform: translateY(96vh);
        opacity: 1;
    }
}

@keyframes confettiSpin {
    from {
        rotate: 0deg;
    }

    to {
        rotate: 360deg;
    }
}

/* Vennlig poeng-toast */
.win-toast {
    position: fixed;
    left: 50%;
    top: 16%;
    transform: translate(-50%, -20%) scale(.9);
    opacity: 0;
    background: #0f1a12;
    border: 1px solid var(--ok);
    color: #d9ffe8;
    padding: 10px 14px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
    z-index: 9999;
    transition: transform .2s ease, opacity .2s ease;
    pointer-events: none;
}

.win-toast.show {
    opacity: 1;
    transform: translate(-50%, -20%) scale(1);
}