@media (prefers-reduced-motion: no-preference) {
    .interaction-pulse {
        position: fixed;
        z-index: 2147483645;
        width: 10px;
        height: 10px;
        margin: -5px 0 0 -5px;
        pointer-events: none;
        border: 1px solid #d6ffe6;
        border-radius: 50%;
        box-shadow: 0 0 13px #00ff75, inset 0 0 8px #00ff75;
        animation: interaction-pulse .58s ease-out forwards;
    }

    .interaction-target {
        animation: interaction-hit .3s steps(2,end);
    }

    @keyframes interaction-pulse {
        to { transform: scale(16); opacity: 0; border-width: 0; }
    }

    @keyframes interaction-hit {
        0% { filter: brightness(1.6) drop-shadow(0 0 8px #00ff75); transform: translate(1px,-1px); }
        45% { transform: translate(-1px,1px); }
        100% { filter: none; transform: none; }
    }
}

dialog h1,
dialog h2,
dialog h3,
[role="dialog"] h1,
[role="dialog"] h2,
[role="dialog"] h3 {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}