/* Hikaye Arsivi — Interactive Quiz Animations & Styles */
@keyframes ha-bounce {
    0%,100% { transform: scale(1); }
    30% { transform: scale(1.08); }
    50% { transform: scale(0.95); }
    70% { transform: scale(1.03); }
}
@keyframes ha-shake {
    0%,100% { transform: translateX(0); }
    15% { transform: translateX(-6px); }
    30% { transform: translateX(6px); }
    45% { transform: translateX(-4px); }
    60% { transform: translateX(4px); }
    75% { transform: translateX(-2px); }
}
@keyframes ha-glow-g {
    0% { box-shadow: 0 0 0 0 rgba(34,197,94,.5); }
    70% { box-shadow: 0 0 0 12px rgba(34,197,94,0); }
    100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}
@keyframes ha-glow-r {
    0% { box-shadow: 0 0 0 0 rgba(239,68,68,.5); }
    70% { box-shadow: 0 0 0 12px rgba(239,68,68,0); }
    100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); }
}
@keyframes ha-fadeUp {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes ha-pulse {
    0%,100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}
.ha-qopt:hover:not(:disabled) {
    background: linear-gradient(135deg, #f3e8ff, #ede9fe) !important;
    border-color: #c084fc !important;
    transform: translateX(4px);
}
.ha-qopt {
    transition: all .25s cubic-bezier(.4,0,.2,1) !important;
}
.ha-qopt:disabled {
    pointer-events: none;
}