body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: #020617;
            background-image: 
                radial-gradient(at 0% 0%, rgba(14, 165, 233, 0.08) 0px, transparent 50%),
                radial-gradient(at 100% 100%, rgba(29, 78, 216, 0.08) 0px, transparent 50%);
            background-attachment: fixed;
        }

        /* Hiệu ứng mờ kính Glassmorphism */
        .glass-panel {
            background: rgba(15, 23, 42, 0.7);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.06);
        }

        .glass-card {
            background: rgba(30, 41, 59, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.05);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .glass-card:hover {
            background: rgba(30, 41, 59, 0.5);
            border-color: rgba(56, 189, 248, 0.25);
            box-shadow: 0 12px 30px -10px rgba(56, 189, 248, 0.15);
            transform: translateY(-2px);
        }

        /* Thanh cuộn siêu mảnh nghệ thuật */
        ::-webkit-scrollbar {
            width: 5px;
            height: 5px;
        }
        ::-webkit-scrollbar-track {
            background: rgba(15, 23, 42, 0.4);
        }
        ::-webkit-scrollbar-thumb {
            background: rgba(56, 189, 248, 0.2);
            border-radius: 99px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: rgba(56, 189, 248, 0.5);
        }

        /* Hiệu ứng nhấp nháy LIVE */
        .pulse-live {
            animation: pulse-animation 1.6s infinite;
        }
        @keyframes pulse-animation {
            0% {
                transform: scale(0.85);
                box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
            }
            70% {
                transform: scale(1.15);
                box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
            }
            100% {
                transform: scale(0.85);
                box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
            }
        }

        /* Layout sơ đồ Bracket vuốt mượt */
        .bracket-scroll {
            display: flex;
            gap: 20px;
            overflow-x: auto;
            padding: 10px 0 20px 0;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
        }

        .bracket-column {
            flex: 0 0 280px;
            scroll-snap-align: start;
        }

        /* Bục vinh quang */
        .podium-1st {
            background: linear-gradient(135deg, rgba(251, 191, 36, 0.15) 0%, rgba(251, 191, 36, 0.02) 100%);
            border: 1px solid rgba(251, 191, 36, 0.3);
        }
        .podium-2nd {
            background: linear-gradient(135deg, rgba(226, 232, 240, 0.12) 0%, rgba(226, 232, 240, 0.02) 100%);
            border: 1px solid rgba(226, 232, 240, 0.2);
        }
        .podium-3rd {
            background: linear-gradient(135deg, rgba(245, 158, 11, 0.12) 0%, rgba(245, 158, 11, 0.02) 100%);
            border: 1px solid rgba(245, 158, 11, 0.2);
        }

        .glow-text {
            text-shadow: 0 0 20px rgba(56, 189, 248, 0.35);
        }
    

/* Compact cards update */
.glass-panel{padding:.75rem!important;border-radius:.75rem!important}
.match-card .teams{margin:.35rem 0!important}
.match-card img{width:32px!important;height:24px!important}

.glass-panel{padding:.75rem!important}.grid{gap:.75rem!important}