/* duel.css - Styles specifically for Duel Mode */

.duel-btn-numpad {
    background-color: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f8fafc;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0.75rem 0;
    border-radius: 1rem;
    transition: all 0.2s;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.duel-btn-numpad:hover {
    background-color: rgba(30, 41, 59, 0.8);
    transform: scale(1.05);
}

.duel-btn-numpad:active {
    transform: scale(0.95);
    background-color: rgba(51, 65, 85, 0.8);
}

.bg-danger {
    background-color: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.5) !important;
}

.bg-success {
    background-color: rgba(34, 197, 94, 0.2);
    border-color: rgba(34, 197, 94, 0.5) !important;
}

.text-danger {
    color: #ef4444;
}

.text-success {
    color: #22c55e;
}

.pulse-border {
    animation: pulseBorder 1.5s infinite;
}

@keyframes pulseBorder {
    0% {
        box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(249, 115, 22, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(249, 115, 22, 0);
    }
}