/* Diskretno privlacenje paznje nakon ulaska. */
.pma-link::before {
    content: "";
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 1%;
    width: calc(var(--pma-width) * 1.03);
    height: 91%;
    border-radius: 48% 48% 42% 42%;
    background: radial-gradient(ellipse at 52% 45%, rgba(42, 6, 25, .34) 0%, rgba(128, 12, 63, .18) 48%, rgba(128, 12, 63, 0) 76%);
    box-shadow: 0 0 28px rgba(233, 30, 99, .20);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    pointer-events: none;
}

.pma-left .pma-link::before {
    right: auto;
    left: 0;
}

.pma-character {
    position: relative;
    z-index: 1;
}

.pma-enter .pma-character {
    animation:
        pma-step .34s ease-in-out 4,
        pma-sensual-sway 4.2s 1.8s ease-in-out infinite;
}

.pma-enter .pma-bubble {
    animation:
        pma-pop .4s 1.28s cubic-bezier(.2,1.7,.4,1) forwards,
        pma-bubble-pulse 4.2s 2.1s ease-in-out infinite;
}

@keyframes pma-sensual-sway {
    0%, 68%, 100% { transform: translateY(0) rotate(0deg); }
    74% { transform: translateY(-3px) rotate(-1.4deg); }
    80% { transform: translateY(0) rotate(1.2deg); }
    86% { transform: translateY(-2px) rotate(-.7deg); }
    92% { transform: translateY(0) rotate(.3deg); }
}

@keyframes pma-bubble-pulse {
    0%, 68%, 100% { filter: brightness(1); }
    78% { filter: brightness(1.08); }
    84% { filter: brightness(1); }
    90% { filter: brightness(1.08); }
}

@media (prefers-reduced-motion: reduce) {
    .pma-enter .pma-character,
    .pma-enter .pma-bubble { animation: none; }
    .pma-enter .pma-bubble { opacity: 1; transform: scale(1); }
}