/* MDUCちゃん隠しホバーアニメーション */

/* staring.png -> glancing.png ホバーアニメーション */
.mduc-speech-image img[src*="staring.png"] {
    transition: all 0.3s ease;
}

.mduc-speech-image:hover img[src*="staring.png"] {
    content: url('/img/mduc-chan/glancing.png');
    transform: scale(1.05);
}

/* pondering.png -> understood.png ホバーアニメーション */
.mduc-speech-image img[src*="pondering.png"] {
    transition: all 0.3s ease;
}

.mduc-speech-image:hover img[src*="pondering.png"] {
    content: url('/img/mduc-chan/understood.png');
    transform: scale(1.02);
}

/* hello.png -> good-work.png ホバーアニメーション */
.mduc-speech-image img[src*="hello.png"] {
    transition: all 0.3s ease;
}

.mduc-speech-image:hover img[src*="hello.png"] {
    content: url('/img/mduc-chan/good-work.png');
    transform: rotate(5deg) scale(1.03);
}

/* please.png -> thank-you.png ホバーアニメーション */
.mduc-speech-image img[src*="please.png"] {
    transition: all 0.3s ease;
}

.mduc-speech-image:hover img[src*="please.png"] {
    content: url('/img/mduc-chan/thank-you.png');
    transform: scale(1.05);
    filter: drop-shadow(0 12px 20px rgba(243, 152, 0, 0.4));
}

/* shining.png -> sparkle.png ホバーアニメーション */
.mduc-speech-image img[src*="shining.png"] {
    transition: all 0.3s ease;
}

.mduc-speech-image:hover img[src*="shining.png"] {
    content: url('/img/mduc-chan/sparkle.png');
    transform: scale(1.1) rotate(-5deg);
    filter: drop-shadow(0 8px 16px rgba(243, 152, 0, 0.5));
}

/* congratulations.png -> celebration.png ホバーアニメーション */
.mduc-speech-image img[src*="congratulations.png"] {
    transition: all 0.3s ease;
}

.mduc-speech-image:hover img[src*="congratulations.png"] {
    content: url('/img/mduc-chan/celebration.png');
    transform: scale(1.08) rotate(3deg);
    filter: drop-shadow(0 10px 20px rgba(243, 152, 0, 0.4));
}

/* pat.png -> happy.png ホバーアニメーション */
.mduc-speech-image img[src*="pat.png"] {
    transition: all 0.3s ease;
}

.mduc-speech-image:hover img[src*="pat.png"] {
    content: url('/img/mduc-chan/happy.png');
    transform: scale(1.05);
    filter: drop-shadow(0 8px 16px rgba(243, 152, 0, 0.35));
}

/* looking-forward.png -> gratitude.png ホバーアニメーション */
.mduc-speech-image img[src*="looking-forward.png"] {
    transition: all 0.3s ease;
}

.mduc-speech-image:hover img[src*="looking-forward.png"] {
    content: url('/img/mduc-chan/gratitude.png');
    transform: scale(1.04) rotate(-2deg);
}

/* 隠しアニメーション - クリック時の特別な反応 */
.mduc-speech-image {
    cursor: pointer;
    position: relative;
}

.mduc-speech-image::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    background: #F39800;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
}

.mduc-speech-image:active::after {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0.3;
}

/* プルプル震えアニメーション（ランダムトリガー用） */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10% { transform: translateX(-2px) rotate(-1deg); }
    20% { transform: translateX(2px) rotate(1deg); }
    30% { transform: translateX(-2px) rotate(-1deg); }
    40% { transform: translateX(2px) rotate(1deg); }
    50% { transform: translateX(-1px) rotate(-0.5deg); }
    60% { transform: translateX(1px) rotate(0.5deg); }
    70% { transform: translateX(-1px) rotate(-0.5deg); }
    80% { transform: translateX(1px) rotate(0.5deg); }
    90% { transform: translateX(-0.5px); }
}

.mduc-shake {
    animation: shake 0.6s ease-in-out;
}

/* アイテムホバー時の隠し反応 */
.mduc-speech-container:hover {
    transform: translateY(-2px);
    transition: transform 0.3s ease;
}

/* レスポンシブ対応 */
@media (max-width: 767px) {
    .mduc-speech-image:hover img {
        transform: scale(1.02) !important;
    }
    
    .mduc-speech-container:hover {
        transform: none;
    }
}