/* ========================================
   PERFORMANCE MODE - Balanced Beauty & Performance
   Keep it beautiful but smooth!
   ======================================== */

body.performance-mode {
    /* TẮT background animations (nặng nhất) */
    .time-block::before {
        animation: none !important;
    }
    
    /* GIỮ text-shadow cho team (đẹp) nhưng giảm cho countdown */
    .time-value {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8) !important; /* Giảm glow */
    }
    
    .campaign-title {
        text-shadow: 0 2px 8px rgba(0, 255, 255, 0.3) !important; /* Giảm glow */
    }
    
    /* GIỮ team avatar shadows (đẹp!) */
    .team-avatar-wrapper {
        box-shadow: 0 0 15px var(--glow-color) !important; /* Giảm 1 nửa */
    }
    
    .team-name {
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important; /* Vẫn đẹp */
    }
    
    /* TẮT backdrop-filter (cực nặng!) */
    .team-overlay {
        backdrop-filter: none !important;
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.95) 0%,
            rgba(10, 14, 39, 0.98) 100%
        ) !important;
    }
    
    /* V2 Overlay - làm sáng background để ảnh rõ hơn */
    .team-overlay-v2 {
        backdrop-filter: none !important;
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.88) 0%,
            rgba(10, 14, 39, 0.92) 100%
        ) !important;
    }
    
    /* V2 Avatar - làm sáng ảnh */
    .team-avatar-v2 {
        filter: brightness(1.15) contrast(1.08) !important;
    }
    
    /* V2 Avatar wrapper - giữ glow đẹp */
    .team-avatar-wrapper-v2 {
        box-shadow: 0 0 25px var(--glow-color) !important;
    }
    
    /* Fade out particles (vẫn chạy nhưng mờ đi) */
    #particles canvas {
        opacity: 0.1 !important; /* Mờ nhẹ, vẫn thấy một chút */
        transition: opacity 0.5s ease-out !important;
        pointer-events: none !important;
    }
    
    /* ULTRA SMOOTH SCROLL - TỐI ƯU CHO TV! */
    .team-scroll-track {
        will-change: transform !important;
        /* Force GPU rendering */
        transform: translate3d(0, 0, 0) !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        /* Optimize rendering */
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        image-rendering: -webkit-optimize-contrast !important;
    }
    
    /* Optimize team cards during scroll */
    .team-card {
        /* Force GPU layer for each card */
        transform: translateZ(0) !important;
        -webkit-transform: translateZ(0) !important;
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
    }
    
    /* Optimize avatar rendering */
    .team-avatar {
        image-rendering: -webkit-optimize-contrast !important;
        -webkit-backface-visibility: hidden !important;
        backface-visibility: hidden !important;
    }
    
    /* TẮT countdown hover effects (không cần) */
    .time-block:hover {
        transform: scale(1) !important; /* No scale */
        box-shadow: 0 5px 20px rgba(0, 255, 255, 0.2) !important; /* Light shadow */
    }
    
    /* GIỮ team hover effect (đẹp!) */
    .team-card:hover {
        transform: translateY(-5px) !important; /* Keep hover */
    }
    
    .team-card:hover .team-avatar-wrapper {
        box-shadow: 0 0 25px var(--glow-color) !important; /* Glow on hover */
    }
}