/* Hide scrollbars */
        ::-webkit-scrollbar {
            display: none;
        }

        html {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Prevent text selection */
        * {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .loader {
            width: fit-content;
            font-size: 40px;
            font-family: system-ui, sans-serif;
            font-weight: bold;
            text-transform: uppercase;
            color: transparent;
            -webkit-text-stroke: 1px #ffffff;
            background: linear-gradient(-60deg, transparent 45%, #ffffff 0 55%, transparent 0) 0/300% 100% no-repeat;
            -webkit-background-clip: text;
            background-clip: text;
            animation: loading 2s linear infinite;
        }

        .text-gradient {
            background: linear-gradient(rgb(255, 255, 255) 0%, rgb(173, 173, 173) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .container-opacity {
            opacity: 0;
        }

        /* Fix cho nút Discord - Override text-gradient */
        .discord-button {
            color: white !important;
            -webkit-text-fill-color: white !important;
            background-clip: border-box !important;
            -webkit-background-clip: border-box !important;
        }

        /* Fix cho clan tag - chỉ có border trắng */
        .clan-tag {
            color: white !important;
            -webkit-text-fill-color: white !important;
            background: transparent !important;
            border: 1px solid white !important;
            box-shadow: none !important;
        }

        /* Màu đỏ nhẹ cho sự cố kỹ thuật */
        .incident-tag {
            color: #ef4444 !important;
            -webkit-text-fill-color: #ef4444 !important;
            background-clip: border-box !important;
            -webkit-background-clip: border-box !important;
        }

        @keyframes loading {
            0% {
                background-position: 100%;
            }
        }

        /* Mobile responsive */
        @media (max-width: 768px) {
            .mobile-discord-widget {
                position: static !important;
                width: 100% !important;
                height: 400px !important;
                margin-top: 20px !important;
                left: auto !important;
                top: auto !important;
            }
        }