body {
    box-sizing: border-box;
}
.wire-slot {
    transition: all 0.3s ease;
}
.wire-slot:hover {
    transform: scale(1.05);
}
.correct-answer {
    animation: pulse 0.5s ease-in-out;
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.shake {
    animation: shake 0.5s ease-in-out;
}
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}
.status-correct {
    background: radial-gradient(circle, #10b981, #059669);
    box-shadow: 0 0 20px #10b981;
    animation: glow 1.5s ease-in-out infinite alternate;
}
@keyframes glow {
    from { box-shadow: 0 0 20px #10b981; }
    to { box-shadow: 0 0 30px #10b981, 0 0 40px #10b981; }
}
.hidden {
    display: none;
}
#info-modal {
    background-color: rgba(0, 0, 0, 0.7);
}