/* Estilos Personalizados sobre Tailwind */
.custom-scroll::-webkit-scrollbar { width: 6px; }
.custom-scroll::-webkit-scrollbar-track { background: #f1f1f1; }
.custom-scroll::-webkit-scrollbar-thumb { background: #c7c7c7; border-radius: 10px; }
.custom-scroll::-webkit-scrollbar-thumb:hover { background: #a0a0a0; }

.dark-scroll::-webkit-scrollbar-track { background: #1f2937; }
.dark-scroll::-webkit-scrollbar-thumb { background: #4b5563; }

.rank-1 { background: linear-gradient(135deg, #FFD700 0%, #FDB931 100%); color: white; }
.rank-2 { background: linear-gradient(135deg, #E0E0E0 0%, #BDBDBD 100%); color: white; }
.rank-3 { background: linear-gradient(135deg, #CD7F32 0%, #A0522D 100%); color: white; }

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}
.shake-animation { animation: shake 0.4s ease-in-out; }

@keyframes scaleUp {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}
.modal-enter { animation: scaleUp 0.2s ease-out forwards; }