style.css

/* Custom animations */
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

.win-animation {
    animation: pulse 1.5s ease-in-out;
    background-color: rgba(74, 222, 128, 0.1);
}

.loss-animation {
    animation: pulse 1.5s ease-in-out;
    background-color: rgba(248, 113, 113, 0.1);
}

/* Match history item styling */
.match-item {
    transition: all 0.3s ease;
}

.match-item:hover {
    transform: translateX(4px);
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .match-details {
        flex-direction: column;
    }
}