/*
 * Lion2 Signal — Wave 2 shell/media integration, immutable revision 2.
 *
 * Rejoin the original shell layer. Important declarations in an earlier named
 * layer outrank legacy unlayered important declarations; a new layer name would
 * reverse that protection and allow the bundled Lion1 skin to reappear.
 */

@layer lion2-signal-shell {
    /* ----------------------------------------------------------------------
     * Main slides: mount the reference-directed v2 art without colour filters.
     * nth-child is the deterministic fallback; semantic filenames keep admin
     * reorder and Swiper clones attached to the correct role in modern clients.
     * ------------------------------------------------------------------- */

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide:nth-child(5n + 1) {
        --signal-wave2-current-slide: var(--signal-wave2-slide-sports) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide:nth-child(5n + 2) {
        --signal-wave2-current-slide: var(--signal-wave2-slide-live) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide:nth-child(5n + 3) {
        --signal-wave2-current-slide: var(--signal-wave2-slide-fast) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide:nth-child(5n + 4) {
        --signal-wave2-current-slide: var(--signal-wave2-slide-casino) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide:nth-child(5n) {
        --signal-wave2-current-slide: var(--signal-wave2-slide-slot) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide:has(img[src*='lion2-slide-sports']) {
        --signal-wave2-current-slide: var(--signal-wave2-slide-sports) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide:has(img[src*='lion2-slide-live']) {
        --signal-wave2-current-slide: var(--signal-wave2-slide-live) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide:has(img[src*='lion2-slide-fast']) {
        --signal-wave2-current-slide: var(--signal-wave2-slide-fast) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide:has(img[src*='lion2-slide-casino']) {
        --signal-wave2-current-slide: var(--signal-wave2-slide-casino) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide:has(img[src*='lion2-slide-slot']) {
        --signal-wave2-current-slide: var(--signal-wave2-slide-slot) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide {
        overflow: hidden !important;
        background-color: #080a0b !important;
        background-image: var(--signal-wave2-current-slide) !important;
        background-position: center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        filter: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide > :is(a, img) {
        min-height: 100% !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide > img,
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide > a > img {
        filter: none !important;
        mix-blend-mode: normal !important;
        opacity: 1 !important;
        object-fit: cover !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide .signal-main-slide-copy {
        border-left-color: var(--signal-wave2-yellow) !important;
        background: linear-gradient(90deg, rgb(5 7 8 / 88%), rgb(5 7 8 / 58%) 72%, transparent) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide .signal-main-slide-copy small {
        color: var(--signal-wave2-yellow) !important;
        -webkit-text-fill-color: var(--signal-wave2-yellow) !important;
    }

    /* Six live bays use the generated 3x2 steel medallion atlas. */
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .signal-hero-market-panel > span:nth-child(1) {
        --signal-wave2-medallion-position: 0% 0%;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .signal-hero-market-panel > span:nth-child(2) {
        --signal-wave2-medallion-position: 50% 0%;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .signal-hero-market-panel > span:nth-child(3) {
        --signal-wave2-medallion-position: 100% 0%;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .signal-hero-market-panel > span:nth-child(4) {
        --signal-wave2-medallion-position: 0% 100%;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .signal-hero-market-panel > span:nth-child(5) {
        --signal-wave2-medallion-position: 50% 100%;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .signal-hero-market-panel > span:nth-child(6) {
        --signal-wave2-medallion-position: 100% 100%;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .signal-hero-market-panel > span::before {
        content: '' !important;
        background-color: #0a0c0d !important;
        background-image: var(--signal-wave2-sport-medallions) !important;
        background-position: var(--signal-wave2-medallion-position, 0% 0%) !important;
        background-size: 300% 200% !important;
        background-repeat: no-repeat !important;
        filter: none !important;
        box-shadow: 0 1px 4px rgb(0 0 0 / 70%) !important;
    }

    /* ----------------------------------------------------------------------
     * Main category artwork, quiet steel/yellow hover and readable panels.
     * ------------------------------------------------------------------- */

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpmenu1 > a[data-category='sports'] {
        background-image: var(--signal-wave2-tile-sports) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpmenu1 > a[data-category='live'] {
        background-image: var(--signal-wave2-tile-live) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpmenu1 > a[data-category='casino'] {
        background-image: var(--signal-wave2-tile-casino) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpmenu1 > a[data-category='slot'] {
        background-image: var(--signal-wave2-tile-slot) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpmenu1 > a[data-category='mini'] {
        background-image: var(--signal-wave2-tile-mini) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpmenu1 > a[data-category='virtual'] {
        background-image: var(--signal-wave2-tile-virtual) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpmenu1 > a {
        background-position: center 42% !important;
        background-size: cover !important;
        filter: none !important;
        transition: box-shadow .18s ease, border-color .18s ease !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpmenu1 > a:is(:hover, :focus-visible) {
        border-color: var(--signal-wave2-yellow) !important;
        filter: none !important;
        outline: 2px solid rgb(255 211 22 / 84%) !important;
        outline-offset: -4px !important;
        box-shadow:
            inset 0 0 0 1px rgb(255 255 255 / 14%),
            inset 0 -6px var(--signal-wave2-muted-yellow),
            0 7px 18px rgb(0 0 0 / 48%) !important;
        transform: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .main_notice_area .notice_box:first-child .inn {
        background-image:
            linear-gradient(90deg, rgb(4 7 8 / 70%), rgb(4 7 8 / 18%)),
            var(--signal-wave2-panel-notice) !important;
        background-position: center !important;
        background-size: cover !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .main_notice_area .notice_box:last-child .inn {
        background-image:
            linear-gradient(90deg, rgb(4 7 8 / 68%), rgb(4 7 8 / 16%)),
            var(--signal-wave2-panel-event) !important;
        background-position: center !important;
        background-size: cover !important;
    }

    /* ----------------------------------------------------------------------
     * Left image-backed service shortcuts. Keep the real DOM labels and links.
     * ------------------------------------------------------------------- */

    body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos
        .lion-left-promo:is(.lion-left-promo--casino, .lion-left-promo--slot) {
        isolation: isolate !important;
        border-color: #686a66 !important;
        border-image: none !important;
        background-color: #0a0c0d !important;
        background-position: center, center 42% !important;
        background-size: cover, cover !important;
        background-repeat: no-repeat !important;
        box-shadow:
            inset 0 0 0 1px rgb(255 255 255 / 13%),
            inset 0 -3px var(--signal-wave2-muted-yellow),
            0 4px 10px rgb(0 0 0 / 46%) !important;
        filter: none !important;
    }

    body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos
        .lion-left-promo--casino {
        background-image:
            linear-gradient(90deg, rgb(3 5 6 / 20%), rgb(3 5 6 / 78%) 58%, rgb(3 5 6 / 92%)),
            var(--signal-wave2-tile-casino) !important;
    }

    body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos
        .lion-left-promo--slot {
        background-image:
            linear-gradient(90deg, rgb(3 5 6 / 20%), rgb(3 5 6 / 78%) 58%, rgb(3 5 6 / 92%)),
            var(--signal-wave2-tile-slot) !important;
    }

    body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos
        .lion-left-promo:is(.lion-left-promo--casino, .lion-left-promo--slot) > :is(i, span) {
        position: relative !important;
        z-index: 1 !important;
        color: #f4f3eb !important;
        text-shadow: 0 2px 3px #000 !important;
    }

    body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos
        .lion-left-promo:is(.lion-left-promo--casino, .lion-left-promo--slot) > i {
        color: var(--signal-wave2-yellow) !important;
    }

    body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos
        .lion-left-promo:is(.lion-left-promo--casino, .lion-left-promo--slot):is(:hover, :focus-visible) {
        border-color: var(--signal-wave2-yellow) !important;
        outline: 2px solid rgb(255 211 22 / 74%) !important;
        outline-offset: -3px !important;
        filter: none !important;
        box-shadow:
            inset 0 0 0 1px rgb(255 255 255 / 20%),
            inset 0 -4px var(--signal-wave2-yellow),
            0 5px 14px rgb(0 0 0 / 54%) !important;
    }

    /* ----------------------------------------------------------------------
     * Right service art. The v3 bitmap supplies the bright steel plate; live
     * title/subtitle/CTA stay transparent above it and remain selectable.
     * ------------------------------------------------------------------- */

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner:nth-child(4n + 1) {
        --signal-wave2-current-right: var(--signal-wave2-right-customer) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner:nth-child(4n + 2) {
        --signal-wave2-current-right: var(--signal-wave2-right-channel) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner:nth-child(4n + 3) {
        --signal-wave2-current-right: var(--signal-wave2-right-domain) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner:nth-child(4n) {
        --signal-wave2-current-right: var(--signal-wave2-right-official) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner:has(.signal-banner-label--customer),
    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner:has(> img[src*='right-customer']) {
        --signal-wave2-current-right: var(--signal-wave2-right-customer) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner:has(.signal-banner-label--channel),
    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner:has(> img[src*='right-channel']) {
        --signal-wave2-current-right: var(--signal-wave2-right-channel) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner:has(.signal-banner-label--domain),
    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner:has(> img[src*='right-domain']) {
        --signal-wave2-current-right: var(--signal-wave2-right-domain) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner:has(.signal-banner-label--official),
    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner:has(> img[src*='right-official']) {
        --signal-wave2-current-right: var(--signal-wave2-right-official) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner {
        overflow: hidden !important;
        border: 1px solid #6c6e6b !important;
        border-bottom: 4px solid var(--signal-wave2-muted-yellow) !important;
        border-image: none !important;
        border-radius: 0 !important;
        background-color: #a7a7a1 !important;
        background-image: var(--signal-wave2-current-right) !important;
        background-position: center !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        filter: none !important;
        box-shadow:
            inset 0 0 0 1px rgb(255 255 255 / 32%),
            0 5px 12px rgb(0 0 0 / 48%) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner > img {
        filter: none !important;
        mix-blend-mode: normal !important;
        opacity: 1 !important;
        object-fit: cover !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > .signal-service-banner:is(:hover, :focus-visible) {
        border-color: var(--signal-wave2-yellow) !important;
        border-bottom-color: var(--signal-wave2-yellow) !important;
        filter: none !important;
        outline: 2px solid rgb(255 211 22 / 72%) !important;
        outline-offset: -3px !important;
        box-shadow:
            inset 0 0 0 1px rgb(255 255 255 / 48%),
            0 6px 15px rgb(0 0 0 / 56%) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        .signal-banner-label {
        inset: 5% 3% 5% 39% !important;
        padding: 4px clamp(4px, .42vw, 8px) !important;
        overflow: hidden !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--signal-wave2-steel-ink) !important;
        text-shadow: 0 1px rgb(255 255 255 / 72%) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        .signal-banner-label > strong {
        color: #111415 !important;
        -webkit-text-fill-color: #111415 !important;
        font-size: clamp(13px, .78vw, 15px) !important;
        letter-spacing: -.035em !important;
        text-shadow: 0 1px rgb(255 255 255 / 76%) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        .signal-banner-label > small {
        color: #343839 !important;
        -webkit-text-fill-color: #343839 !important;
        font-weight: 800 !important;
        font-size: clamp(10px, .61vw, 11px) !important;
        text-shadow: 0 1px rgb(255 255 255 / 62%) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        .signal-banner-cta {
        border: 1px solid #725b00 !important;
        background:
            var(--signal-part-key-yellow) center / 100% 100% no-repeat,
            #d8ac00 !important;
        color: #080a0b !important;
        -webkit-text-fill-color: #080a0b !important;
        box-shadow: inset 0 1px rgb(255 255 255 / 42%) !important;
    }

    /* Dark provider rack: preserve the 34 live sprite marks and their labels. */
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .footer {
        background:
            linear-gradient(180deg, rgb(6 8 9 / 94%), rgb(2 3 4 / 98%)),
            var(--signal-part-concrete) center / 256px 256px repeat,
            #050708 !important;
        box-shadow:
            inset 0 0 0 1px rgb(255 255 255 / 5%),
            inset 0 16px 28px rgb(0 0 0 / 42%),
            0 7px 18px rgb(0 0 0 / 46%) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .footer_logos {
        padding: 7px !important;
        border: 1px solid #343839 !important;
        background:
            radial-gradient(circle at 1px 1px, rgb(150 153 149 / 16%) 1px, transparent 1.5px) 0 0 / 9px 9px,
            linear-gradient(180deg, #101314, #060809) !important;
        filter: none !important;
        opacity: 1 !important;
        box-shadow:
            inset 0 0 0 2px #050607,
            inset 0 0 20px #000 !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .footer_logos ul li,
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .footer_logos ul li[class^='ft_logos_'] {
        box-sizing: border-box !important;
        border: 1px solid rgb(115 119 117 / 15%) !important;
        background-color: rgb(4 6 7 / 56%) !important;
        filter: grayscale(1) contrast(1.08) brightness(1.55) !important;
        opacity: .96 !important;
        transition: filter .16s ease, border-color .16s ease, box-shadow .16s ease !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .footer_logos ul li:is(:hover, :focus-visible) {
        border-color: rgb(255 211 22 / 54%) !important;
        filter: grayscale(.82) sepia(.12) brightness(1.08) !important;
        opacity: 1 !important;
        box-shadow: inset 0 -2px var(--signal-wave2-muted-yellow) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .footer .copyright {
        padding: 6px 8px !important;
        border-top: 1px solid #343839 !important;
        background: #07090a !important;
        color: #858b89 !important;
        letter-spacing: .09em !important;
    }

    @media screen and (min-width: 981px) {
        /* One stable EXIT plate for both guest login and authenticated console. */
        body.lion2-skin.lion-skin[data-lion-page='home']
            .right_content#sidebar-right#sidebar-right .rightMenu > .r_banner::after {
            display: flex !important;
            box-sizing: border-box !important;
            width: 100% !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: clamp(110px, 7.74vw, 197px) !important;
            aspect-ratio: 16 / 9 !important;
            padding: 9% 10% 7% !important;
            border: 0 !important;
            border-image: none !important;
            content: 'EXIT A2 →' !important;
            background-color: #9b9c98 !important;
            background-image: var(--signal-wave2-exit-plate) !important;
            background-position: center !important;
            background-size: 100% 100% !important;
            background-repeat: no-repeat !important;
            color: #303434 !important;
            font: 900 clamp(24px, 2.14vw, 54px)/1 var(--signal-font-display) !important;
            letter-spacing: .08em !important;
            text-shadow:
                0 1px rgb(255 255 255 / 62%),
                0 2px 2px rgb(0 0 0 / 24%) !important;
            filter: none !important;
            box-shadow: 0 6px 16px rgb(0 0 0 / 42%) !important;
        }
    }

    /* ----------------------------------------------------------------------
     * Mobile drawers: eliminate every active Lion jungle/bronze surface and
     * assemble both rails from the existing Signal cap/mid/bottom parts.
     * ------------------------------------------------------------------- */

    @media screen and (max-width: 980px) {
        body.lion2-skin.lion-skin .left_content.active,
        body.lion2-skin.lion-skin .right_content.active {
            box-sizing: border-box !important;
            overflow: hidden !important;
            border: 8px solid transparent !important;
            border-image: var(--signal-part-frame-heavy) var(--signal-slice-frame-heavy) / 8px / 0 stretch !important;
            background-color: #07090a !important;
            box-shadow: 0 0 30px rgb(0 0 0 / 76%) !important;
        }

        body.lion2-skin.lion-skin .left_content.active {
            background-image:
                linear-gradient(90deg, rgb(202 201 193 / 10%), transparent 42%),
                var(--signal-part-rail-left-top),
                var(--signal-part-rail-left-bottom),
                var(--signal-part-rail-left-mid),
                var(--signal-part-concrete) !important;
            background-position: center, left top, left bottom, left top, center !important;
            background-size: cover, 100% auto, 100% auto, 100% auto, 192px 192px !important;
            background-repeat: no-repeat, no-repeat, no-repeat, repeat-y, repeat !important;
        }

        body.lion2-skin.lion-skin .right_content.active {
            background-image:
                linear-gradient(270deg, rgb(202 201 193 / 10%), transparent 42%),
                var(--signal-part-rail-right-top),
                var(--signal-part-rail-right-bottom),
                var(--signal-part-rail-right-mid),
                var(--signal-part-concrete) !important;
            background-position: center, right top, right bottom, right top, center !important;
            background-size: cover, 100% auto, 100% auto, 100% auto, 192px 192px !important;
            background-repeat: no-repeat, no-repeat, no-repeat, repeat-y, repeat !important;
        }

        body.lion2-skin.lion-skin :is(.left_content, .right_content).active > .scrollFrame {
            background: transparent !important;
            scrollbar-color: #727674 #111415 !important;
        }

        body.lion2-skin.lion-skin .left_content.active .freematch h4 {
            border: 6px solid transparent !important;
            border-image: var(--signal-part-frame-heavy) var(--signal-slice-frame-heavy) / 6px / 0 stretch !important;
            background:
                var(--signal-part-title-signal) center / 100% 100% no-repeat,
                #202526 !important;
            color: var(--signal-wave2-yellow) !important;
            box-shadow: none !important;
        }

        body.lion2-skin.lion-skin .left_content.active .leftMenu .menu {
            border: 6px solid transparent !important;
            border-image: var(--signal-part-frame-heavy) var(--signal-slice-frame-heavy) / 6px / 0 stretch !important;
            background:
                var(--signal-part-concrete) center / 192px 192px repeat,
                #0c0f10 !important;
            box-shadow: inset 0 0 18px rgb(0 0 0 / 58%) !important;
        }

        body.lion2-skin.lion-skin .left_content.active .leftMenu .menu > a,
        body.lion2-skin.lion-skin .left_content.active .leftMenu .menu > a.ybg {
            border: 1px solid #4d5252 !important;
            border-radius: 0 !important;
            background:
                var(--signal-part-key-dark) center / 100% 100% no-repeat,
                #15191a !important;
            color: #e7e9e5 !important;
            box-shadow: none !important;
            text-shadow: 0 1px 2px #000 !important;
        }

        body.lion2-skin.lion-skin .left_content.active .leftMenu .menu
            > a:is(:first-child, .ybg, .menu-active, .is-current, [aria-current='page']) {
            border-color: #806800 !important;
            background:
                var(--signal-part-key-yellow) center / 100% 100% no-repeat,
                #d8ac00 !important;
            color: #090b0c !important;
            text-shadow: 0 1px rgb(255 255 255 / 34%) !important;
        }

        body.lion2-skin.lion-skin .left_content.active .leftMenu .menu > a i {
            color: var(--signal-wave2-yellow) !important;
        }

        body.lion2-skin.lion-skin .left_content.active .leftMenu .menu
            > a:is(:first-child, .ybg, .menu-active, .is-current, [aria-current='page']) i {
            color: #090b0c !important;
        }

        body.lion2-skin.lion-skin .left_content.active .sports-left-search {
            border: 6px solid transparent !important;
            border-image: var(--signal-part-frame-heavy) var(--signal-slice-frame-heavy) / 6px / 0 stretch !important;
            background:
                var(--signal-part-concrete) center / 192px 192px repeat,
                #0c0f10 !important;
        }

        body.lion2-skin.lion-skin .left_content.active .sports-left-search__form {
            background:
                var(--signal-part-input-well) center / 100% 100% no-repeat,
                #090b0c !important;
        }

        body.lion2-skin.lion-skin .left_content.active .sports-left-search__button {
            background:
                var(--signal-part-key-dark) center / 100% 100% no-repeat,
                #171a1b !important;
            color: var(--signal-wave2-yellow) !important;
        }

        body.lion2-skin.lion-skin .right_content.active .rightMenu
            > :is(.login_box, .lion-account-console),
        body.lion2-skin.lion-skin .right_content.active
            :is(.lion-main-betslip, .lion-betslip-panel) {
            border: 7px solid transparent !important;
            border-image: var(--signal-part-frame-heavy) var(--signal-slice-frame-heavy) / 7px / 0 stretch !important;
            background:
                var(--signal-part-concrete) center / 192px 192px repeat,
                #0b0e0f !important;
            color: var(--signal-wave2-steel-copy) !important;
            box-shadow: inset 0 0 22px rgb(0 0 0 / 48%) !important;
        }

        body.lion2-skin.lion-skin .right_content.active .lion-main-betslip {
            min-height: calc(100dvh - var(--lion-mobile-header-height) - 28px) !important;
        }

        body.lion2-skin.lion-skin .right_content.active
            :is(.lion-account-console, .lion-main-betslip, .lion-betslip-panel) .bgy,
        body.lion2-skin.lion-skin .right_content.active .lion-main-betslip .bgy.title {
            border-bottom: 1px solid #6f710f !important;
            background:
                var(--signal-part-title-signal) center / 100% 100% no-repeat,
                #202526 !important;
            color: var(--signal-wave2-yellow) !important;
            text-shadow: 0 1px 2px #000 !important;
        }

        body.lion2-skin.lion-skin .right_content.active .lion-account-balance {
            border-color: #454a4a !important;
            background:
                var(--signal-part-input-well) center / 100% 100% no-repeat,
                #090b0c !important;
            color: #e8eae6 !important;
        }

        body.lion2-skin.lion-skin .right_content.active .login_box input {
            min-height: 44px !important;
            border: 1px solid #555b5a !important;
            border-radius: 0 !important;
            background:
                var(--signal-part-input-well) center / 100% 100% no-repeat,
                #090b0c !important;
            color: #f0f1ec !important;
            box-shadow: inset 0 0 10px rgb(0 0 0 / 68%) !important;
        }

        body.lion2-skin.lion-skin .right_content.active .login_box input:focus {
            border-color: var(--signal-wave2-yellow) !important;
            outline: 2px solid rgb(255 211 22 / 45%) !important;
            outline-offset: 1px !important;
        }

        body.lion2-skin.lion-skin .right_content.active .login_box .btn_login {
            min-height: 44px !important;
            border: 1px solid #806800 !important;
            border-radius: 0 !important;
            background:
                var(--signal-part-key-yellow) center / 100% 100% no-repeat,
                #d8ac00 !important;
            color: #080a0b !important;
            box-shadow: inset 0 1px rgb(255 255 255 / 35%) !important;
            text-shadow: 0 1px rgb(255 255 255 / 32%) !important;
        }

        body.lion2-skin.lion-skin .right_content.active .login_box .btn_login.btn_join {
            border-color: #555b5a !important;
            background:
                var(--signal-part-key-dark) center / 100% 100% no-repeat,
                #161a1b !important;
            color: var(--signal-wave2-yellow) !important;
            text-shadow: 0 1px 2px #000 !important;
        }

        body.lion2-skin.lion-skin .right_content.active .rmenu a,
        body.lion2-skin.lion-skin .right_content.active
            :is(.lion-main-betslip, .lion-betslip-panel)
            :is(.lion-slip-tabs button, .betmoney button) {
            border-color: #454a4a !important;
            background:
                var(--signal-part-key-dark) center / 100% 100% no-repeat,
                #171a1b !important;
            color: #e8eae6 !important;
        }

        body.lion2-skin.lion-skin .right_content.active
            :is(.lion-main-betslip, .lion-betslip-panel)
            :is(.lion-slip-tabs button.active, .betbtn) {
            border-color: #806800 !important;
            background:
                var(--signal-part-key-yellow) center / 100% 100% no-repeat,
                #d8ac00 !important;
            color: #080a0b !important;
            text-shadow: 0 1px rgb(255 255 255 / 34%) !important;
        }

        body.lion2-skin.lion-skin .right_content.active .lion-slip-empty {
            border-color: #353a3a !important;
            background:
                linear-gradient(180deg, rgb(7 9 10 / 94%), rgb(12 15 16 / 96%)),
                var(--signal-part-concrete) center / 192px 192px repeat !important;
            color: #aeb3b0 !important;
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    body.lion2-skin.lion-skin .mpmenu1 > a,
    body.lion2-skin.lion-skin .lion-left-promo,
    body.lion2-skin.lion-skin .footer_logos ul li {
        transition: none !important;
    }
}