/* CUSTOM CSS MOBILE */

                /* BODY */
                html,
                body {
                    background-color: #321452;
                }

                /* HEADER */

                .header {
                    background: #321452 !important;
                }

                .msg-wrapper {
                    background: #321452 !important;
                }

                .msg .marquee-wrapper {
                    background: #321452 !important;
                    color: white !important;
                }

                /* BURGER */
                #sidebar-wrapper {
                    background: #321452 !important;
                }

                .select-lang {
                    background-color: #321452 !important;
                }

                .sidebar-nav li:hover:before,
                .sidebar-nav li.open:hover:before,
                .sidebar-nav li a.active {
                    background-color: #5d00c1 !important;
                }

                /* BUTTON */
                .btn-success {
                    background: linear-gradient(180deg,
                            #FFE28A 0%,
                            #E8AD32 55%,
                            #B77A17 100%);

                    color: #27162C;
                    border: 1px solid #FFE28A;
                    border-radius: 12px;

                    box-shadow: 0 0 4px rgba(255, 215, 0, 0.15);

                    animation: goldFlicker 3s ease-in-out infinite;
                }

                /* PREMIUM GOLD FLICKER */
                @keyframes goldFlicker {

                    0%,
                    100% {
                        box-shadow: 0 0 3px rgba(255, 215, 0, 0.12);
                        border-color: #FFE28A;
                    }

                    15% {
                        box-shadow: 0 0 9px rgba(255, 215, 0, 0.50);
                        border-color: #FFF2BA;
                    }

                    25% {
                        box-shadow: 0 0 4px rgba(255, 215, 0, 0.18);
                        border-color: #FFE28A;
                    }

                    35% {
                        box-shadow: 0 0 11px rgba(255, 215, 0, 0.55);
                        border-color: #FFF2BA;
                    }

                    50%,
                    85% {
                        box-shadow: 0 0 4px rgba(255, 215, 0, 0.15);
                        border-color: #FFE28A;
                    }
                }

                @media (prefers-reduced-motion: reduce) {
                    .btn-success {
                        animation: none;
                    }
                }

                .btn-primary {
                    background: linear-gradient(180deg,
                            #F04A55 0%,
                            #B51225 55%,
                            #790C1B 100%);
                    color: #FFFFFF;
                    border: 1px solid #F56A75;
                    border-radius: 12px;
                    box-shadow: 0 4px 12px rgba(181, 18, 37, 0.25);
                }

                /* GAME BOX */
                .game-box {
                    background: linear-gradient(0deg, #1B0B30, #7443B5) !important;
                    border: 1px solid #7443B5 !important;
                }

                .game-box-arcade {
                    background: linear-gradient(0deg, #1B0B30, #7443B5) !important;
                }

                /* FOOTER */
                .quick-footer {
                    background: #321452 !important;
                }

                .quick-footer-navbar a.active {
                    background: #5d00c1 !important;
                }

                .quick-footer-navbar a {
                    border-color: #ffffff0a !important;
                }