/* LOOPNODE | INDUSTRIAL HUD SYSTEM 2026 */

/* Целимся в .hud-text, чтобы точно перекрыть всё */
body .video-container .hud-overlay .hud-text {
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;      /* Тот самый жирный Black */
    font-size: 10px !important;       /* Компактный размер */
    letter-spacing: 0.5em !important;  /* Экстремальный интервал */
    text-transform: uppercase !important;
    color: #ffffff !important;
    opacity: 1 !important;            /* Убираем прозрачность Tailwind */
    font-style: normal !important;
}

/* Специфические отступ для правой части */
.hud-meta {
    opacity: 0.35 !important;         /* Приглушаем только мета-данные */
}

/* ЛОГИКА ПЛЕЕРА */
.video-container video { 
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
    transform: translate3d(0, 0, 0) !important; 
    backface-visibility: hidden !important;
}

.video-container:hover video { transform: scale(1.04) !important; }

.hud-overlay {
    position: absolute;
    inset: 0;
    z-index: 20;
    opacity: 0;
    transition: opacity 0.4s ease !important;
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent 20%, transparent 80%, rgba(0,0,0,0.5) 100%) !important;
}

.video-container:hover .hud-overlay { opacity: 1 !important; }

/* Прогресс-бар */
.progress-container {
    height: 2px;
    background: rgba(255, 255, 255, 0.1);
    transition: height 0.2s ease;
}
.video-container:hover .progress-container { height: 4px; }
.progress-bar { height: 100%; background: #fff; width: 0%; }