@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;900&display=swap');
        :root { --accent: #3b82f6; --bg: #020617; }
        body { background-color: var(--bg); color: #e2e8f0; font-family: 'Inter', sans-serif; overflow-x: hidden; }
        .font-mono { font-family: 'JetBrains Mono', monospace; }
        
        /* Sidebar Pro con transiciones suaves */
        #sidebar { width: 80px; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); background: rgba(3, 7, 18, 0.98); backdrop-filter: blur(15px); border-right: 1px solid rgba(59, 130, 246, 0.1); }
        #sidebar:hover { width: 260px; border-right: 1px solid rgba(59, 130, 246, 0.4); }
        .menu-text { opacity: 0; transition: 0.3s; white-space: nowrap; font-size: 0.75rem; font-weight: 900; letter-spacing: 0.1em; }
        #sidebar:hover .menu-text { opacity: 1; }
        
        .glass { background: rgba(15, 23, 42, 0.6); border: 1px solid rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border-radius: 20px; transition: all 0.3s ease; }
        .glass:hover { border-color: rgba(59, 130, 246, 0.3); transform: translateY(-2px); }
        
        /* Scanline Animado */
        .scanline { width: 100%; height: 3px; background: rgba(59, 130, 246, 0.2); position: absolute; animation: scan 6s linear infinite; z-index: 50; pointer-events: none; }
        @keyframes scan { 0% { top: -10%; } 100% { top: 110%; } }
        
        .glow-text { text-shadow: 0 0 20px rgba(59, 130, 246, 0.6); }
        .player-row { transition: all 0.2s ease; border-left: 3px solid transparent; }
        .player-row:hover { background: rgba(59, 130, 246, 0.15); border-left-color: var(--accent); transform: translateX(10px); cursor: pointer; }

        /* Custom Scrollbar estilo Hacker */
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: #020617; }
        ::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #3b82f6; }

        /* ANIMACIÓN PERSONALIZADA PARA LA COPA PNG LOCAL */
        @keyframes floatTrophy {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(2deg); }
        }
        .trophy-glow {
            /* Brillo sutil azul que combina con la terminal */
            filter: drop-shadow(0 0 35px rgba(59, 130, 246, 0.5)) brightness(1.1);
            /* Entrada pro + flotación infinita */
            animation: backInUp 2s ease-out, floatTrophy 4s ease-in-out infinite 2s;
        }
        
        @keyframes progressAnim {
    0% { width: 0%; opacity: 0; }
    100% { width: 100%; opacity: 1; }
}

.animate-progress {
    animation: progressAnim 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}