::-webkit-scrollbar {
            display: none;
        }

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

        body {
            font-family: "El Messiri", sans-serif;
        }

        .gold-gradient {
            background: linear-gradient(45deg, #ffd700, #ffa500);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .frosted-bg {
            background: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(8px);
        }

        .blob-bg {
            position: absolute;
            z-index: -1;
            opacity: 0.3;
        }

        .pulse-bg {
            animation: pulse 1.5s infinite;
        }

        @keyframes pulse {
            0% {
                background-color: #6a40c9;
            }

            50% {
                background-color: #bfa0ff;
            }

            100% {
                background-color: #6a40c9;
            }
        }

        svg {
            width: 80%;
            height: auto;
            overflow: visible;
            margin: 0 auto;
            display: block;
        }

        svg text {
            text-anchor: middle;
            dominant-baseline: middle;
            text-transform: uppercase;
            animation: stroke 4s infinite alternate;
            stroke-width: 1.5;
            stroke: #6a40c9;
            font-size: 70px;
            fill: rgba(106, 64, 201, 0);
        }

        @keyframes stroke {
            0% {
                fill: rgba(106, 64, 201, 0);
                stroke: #b795fa;
                stroke-dashoffset: 20%;
                stroke-dasharray: 0 40%;
                stroke-width: 2;
            }

            60% {
                fill: rgba(106, 64, 201, 0);
                stroke: #bc5cd4;
            }

            80% {
                fill: rgba(106, 64, 201, 0);
                stroke: #e100ff;
                stroke-width: 4;
            }

            100% {
                fill: #aa5ef1d8;
                stroke: rgba(106, 64, 201, 0);
                stroke-dashoffset: -20%;
                stroke-dasharray: 40% 0;
                stroke-width: 0;
            }
        }

        .wave-box-neu {
            background: linear-gradient(145deg, #ffffff, #e6dbfa);
            box-shadow: 8px 8px 16px #c8bade, -8px -8px 16px #ffffff;
            position: relative;
        }

        .marquee {
            overflow: hidden;
            white-space: nowrap;
            position: relative;
        }

        .marquee-content {
            display: inline-flex;
            gap: 1rem;
            animation: scroll-right 15s linear infinite;
        }

        .slot-icon {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            flex-shrink: 0;
            box-shadow: 4px 4px 8px #c8bade, -4px -4px 8px #ffffff;
        }

        .highlighted {
            width: 80px !important;
            height: 80px !important;
            transform: scale(1.2);
            border: 3px solid #ffd700;
            box-shadow: 0 0 15px rgba(255, 215, 0, 0.8);
        }

        .back-icon {
            transition: transform 0.3s ease, color 0.3s ease;
        }

        .back-icon:hover {
            transform: scale(1.2) rotate(-10deg);
            color: #ffd700;
        }

        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #e9d8fd;
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb {
            background: #6a40c9;
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #bfa0ff;
        }

        @keyframes scroll-right {
            0% {
                transform: translateX(-50%);
            }

            100% {
                transform: translateX(0);
            }
        }

        @keyframes shake {
            0%,
            100% {
                transform: translateX(0);
            }

            25% {
                transform: translateX(-5px);
            }

            75% {
                transform: translateX(5px);
            }
        }

        .animate-shake {
            animation: shake 0.3s;
        }

        .shadow-glow {
            box-shadow: 0 0 20px rgba(106, 64, 201, 0.8);
        }

        .marquee-content.stopped {
            animation: none !important;
        }

        .disabled-btn {
            opacity: 0.5;
            cursor: not-allowed;
        }

        .history-card {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .history-card .lottie-container {
            width: 100px;
            height: 100px;
        }

        @keyframes gradientShift {
            0% {
                background-position: 0% 50%;
            }

            100% {
                background-position: 200% 50%;
            }
        }

        .animate-blob {
            animation: blob 6s infinite;
        }

        .animation-delay-2000 {
            animation-delay: 2s;
        }
            @keyframes shine {
                0% {
                    background-position: 0% 50%;
                }

                100% {
                    background-position: 200% 50%;
                }
            }