/*
 * Lion2 Signal — artwork second polish, immutable revision 34.
 *
 * This is the final post-bundle presentation layer. It only refines geometry,
 * material, typography and motion. Routes, administrator content, live text,
 * canvas behavior and application state remain owned by the existing modules.
 */

/* Lion2 final checkpoint: 2026-08-30 virtual-sports broadcast console, audited controls */

/*
 * Cache-safe ownership for the new lintel part. Bunny may retain an older
 * mutable registry response, so the immutable final layer carries the three
 * tokens that its border-image composition requires.
 */
body.lion2-skin {
    --signal-part-page-lintel: url('/skin/lion2_main/images/signal/parts-v2/frames/signal-page-lintel-9s-v1.webp');
    --signal-slice-page-lintel-y: 58;
    --signal-slice-page-lintel-x: 96;
}

/* --------------------------------------------------------------------------
 * Page-title lintel: one real nine-slice frame with route-aware live artwork.
 * ----------------------------------------------------------------------- */

body.lion2-skin.lion-skin[data-lion-heading-ready='true'][data-lion-family]
    #ajax-content#ajax-content#ajax-content
    .signal-page-heading {
    box-sizing: border-box !important;
    min-height: 92px !important;
    padding: 17px 34px 15px 42px !important;
    overflow: hidden !important;
    border: 18px solid transparent !important;
    border-width: 16px 22px !important;
    border-image-source: var(--signal-part-page-lintel) !important;
    border-image-slice: var(--signal-slice-page-lintel-y) var(--signal-slice-page-lintel-x) !important;
    border-image-width: 16px 22px !important;
    border-image-outset: 0 !important;
    border-image-repeat: stretch !important;
    background:
        linear-gradient(90deg, rgb(5 7 8 / 92%) 0 34%, rgb(5 7 8 / 62%) 68%, rgb(5 7 8 / 28%)),
        url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') center 44% / cover no-repeat !important;
    box-shadow: 0 10px 24px rgb(0 0 0 / 34%) !important;
}

body.lion2-skin.lion-skin[data-lion-heading-ready='true'][data-lion-family]
    #ajax-content#ajax-content#ajax-content
    .signal-page-heading > .signal-page-heading__surface {
    z-index: 0 !important;
    inset: 0 !important;
    background:
        linear-gradient(90deg, rgb(5 7 8 / 94%) 0 36%, rgb(5 7 8 / 60%) 68%, rgb(5 7 8 / 22%)),
        url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') center 44% / cover no-repeat !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

body.lion2-skin.lion-skin[data-lion-heading-ready='true'][data-lion-family]
    #ajax-content#ajax-content#ajax-content
    .signal-page-heading > :not(.signal-page-heading__surface) {
    position: relative !important;
    z-index: 2 !important;
}

body.lion2-skin.lion-skin[data-lion-heading-ready='true'][data-lion-family][data-lion-route='ranking']
    #ajax-content#ajax-content#ajax-content .w_tournament_ranking .signal-page-heading > .signal-page-heading__surface,
body.lion2-skin.lion-skin[data-lion-heading-ready='true'][data-lion-family][data-lion-route='rolling-king']
    #ajax-content#ajax-content#ajax-content .w_honor_ranking .signal-page-heading > .signal-page-heading__surface,
body.lion2-skin.lion-skin[data-lion-heading-ready='true'][data-lion-family][data-lion-route='hall-of-fame']
    #ajax-content#ajax-content#ajax-content .w_honor_ranking .signal-page-heading > .signal-page-heading__surface {
    background:
        linear-gradient(90deg, rgb(4 8 10 / 95%) 0 32%, rgb(4 8 10 / 58%) 64%, rgb(4 8 10 / 16%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-ranking-v2.webp') 72% center / cover no-repeat !important;
}

body.lion2-skin.lion-skin[data-lion-heading-ready='true'][data-lion-family][data-lion-route='point']
    #ajax-content#ajax-content#ajax-content .w_point .signal-page-heading > .signal-page-heading__surface {
    background:
        linear-gradient(90deg, rgb(5 8 13 / 95%) 0 40%, rgb(5 8 13 / 52%) 70%, rgb(5 8 13 / 14%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-point-v2.webp') center / cover no-repeat !important;
}

body.lion2-skin.lion-skin[data-lion-heading-ready='true'][data-lion-family][data-lion-route='join']
    #ajax-content#ajax-content#ajax-content .w_join .signal-page-heading > .signal-page-heading__surface,
body.lion2-skin.lion-skin[data-lion-heading-ready='true'][data-lion-family][data-lion-route='recommend']
    #ajax-content#ajax-content#ajax-content .w_recommend .signal-page-heading > .signal-page-heading__surface {
    background:
        linear-gradient(90deg, rgb(7 8 12 / 95%) 0 40%, rgb(7 8 12 / 52%) 70%, rgb(7 8 12 / 12%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-join-v2.webp') center / cover no-repeat !important;
}

body.lion2-skin.lion-skin[data-lion-heading-ready='true'][data-lion-family][data-lion-route='roulette']
    #ajax-content#ajax-content#ajax-content .w_roulette .signal-page-heading > .signal-page-heading__surface {
    background:
        linear-gradient(90deg, rgb(8 8 9 / 94%) 0 36%, rgb(8 8 9 / 50%) 68%, rgb(8 8 9 / 12%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-roulette-v2.webp') center 42% / cover no-repeat !important;
}

/* The production edge keeps immutable CSS bodies aggressively. Repeat the
 * semantic family connections in this new filename so every rendered hero
 * advances atomically with the title lintel. */
body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content .page.w_honor_ranking :is(
    .honor-hero,
    .honor-empty-stage
) {
    background:
        linear-gradient(90deg, rgb(4 8 10 / 95%) 0 34%, rgb(4 8 10 / 60%) 64%, rgb(4 8 10 / 18%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-ranking-v2.webp') 72% center / cover no-repeat !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content .page.w_point
    #point_treasury .point-treasury__balance {
    background:
        linear-gradient(90deg, rgb(5 9 14 / 93%) 0 40%, rgb(5 9 14 / 58%) 72%, rgb(5 9 14 / 20%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-point-v2.webp') 66% center / cover no-repeat !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content .page.w_join .join-placeholder-stage {
    background:
        linear-gradient(90deg, rgb(7 10 12 / 93%) 0 38%, rgb(7 10 12 / 54%) 68%, rgb(7 10 12 / 16%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-join-v2.webp') center / cover no-repeat,
        #101416 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content .page.w_recommend .recommend-hero-visual {
    background:
        linear-gradient(90deg, rgb(7 10 12 / 20%), rgb(7 10 12 / 58%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-join-v2.webp') 62% center / cover no-repeat,
        #101416 !important;
}

/* --------------------------------------------------------------------------
 * Layout-critical sportsbook and shell typography corrections.
 * ----------------------------------------------------------------------- */

@media screen and (min-width: 981px) {
    body.lion2-skin.lion-skin #ajax-content#ajax-content .w_europe
        .sports-list .game_list li :is(.home_odd, .away_odd) {
        display: inline-flex !important;
        width: auto !important;
        min-width: 44px !important;
        flex: 0 0 44px !important;
        align-items: center !important;
        justify-content: center !important;
        padding-inline: 5px !important;
        line-height: 1.2 !important;
        overflow-wrap: normal !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .w_special
        .sports-list .game_list :is(li.l_time, .cross-time-row .l_time) {
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        flex: 0 0 112px !important;
        padding-inline: 7px !important;
        overflow: hidden !important;
        line-height: 1.25 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
    }

    body.lion2-skin .left_content .leftMenu .menu > a,
    body.lion2-skin #sidebar .leftMenu .menu > a {
        font-size: clamp(12px, .68vw, 14px) !important;
        line-height: 1.15 !important;
    }

    body.lion2-skin .right_content .lion-level-name,
    body.lion2-skin #sidebar-right .lion-level-name {
        font-size: 12px !important;
        line-height: 1 !important;
    }

    body.lion2-skin .right_content .signal-quick-label,
    body.lion2-skin #sidebar-right .signal-quick-label {
        font-size: 11px !important;
        line-height: 1.1 !important;
    }

    body.lion2-skin .right_content .signal-service-banner small,
    body.lion2-skin #sidebar-right .signal-service-banner small {
        font-size: 11px !important;
        line-height: 1.35 !important;
    }

    body.lion2-skin[data-lion-page='home'] #ajax-content .signal-hero-market-panel > span > b {
        font-size: clamp(12px, .74vw, 15px) !important;
        line-height: 1 !important;
    }

    body.lion2-skin[data-lion-page='home'] #ajax-content .signal-hero-market-panel > span > small {
        font-size: clamp(10px, .58vw, 12px) !important;
        line-height: 1 !important;
        letter-spacing: .08em !important;
    }
}

/* --------------------------------------------------------------------------
 * Home composition: stronger live type, equal board wells and fixed cards.
 * ----------------------------------------------------------------------- */

@media screen and (min-width: 981px) {
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .signal-main-slide-copy {
        width: min(590px, 62%) !important;
        padding: clamp(17px, 1.7vw, 28px) clamp(23px, 2.4vw, 38px) !important;
        border-left-width: clamp(6px, .55vw, 9px) !important;
        background: linear-gradient(90deg, rgb(3 5 6 / 92%), rgb(3 5 6 / 66%) 68%, transparent) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .signal-main-slide-copy strong,
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .signal-hero-copy strong {
        font-size: clamp(34px, 2.85vw, 54px) !important;
        line-height: 1.02 !important;
        letter-spacing: -.055em !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .signal-main-slide-copy > span,
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .signal-hero-subtitle {
        margin-top: 12px !important;
        font-size: clamp(15px, 1.05vw, 19px) !important;
        line-height: 1.35 !important;
    }
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
    .main_notice_area {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
    .main_notice_area .notice_box,
body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
    .main_notice_area .notice_box .inn {
    height: 214px !important;
    min-height: 214px !important;
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
    .main_notice_area .notice_box .inn {
    grid-template-rows: 46px minmax(0, 1fr) !important;
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
    .main_notice_area .notice_box h1 {
    box-sizing: border-box !important;
    height: 46px !important;
    min-height: 46px !important;
    padding-inline: 12px !important;
    border: 8px solid transparent !important;
    border-width: 7px 12px !important;
    border-image-source: var(--signal-part-page-lintel) !important;
    border-image-slice: var(--signal-slice-page-lintel-y) var(--signal-slice-page-lintel-x) !important;
    border-image-width: 7px 12px !important;
    border-image-repeat: stretch !important;
    background:
        linear-gradient(180deg, #d2d1cb 0%, #aaa9a3 48%, #7f8281 100%) !important;
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
    .main_notice_area .notice_box .table_wrap {
    height: 168px !important;
    min-height: 168px !important;
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
    .main_notice_area .lion-main-board-empty span {
    font-size: 14px !important;
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content .mpmenu1 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
    .mpmenu1 > a:not(.mobile) {
    position: relative !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    border: 9px solid transparent !important;
    border-image-source: url('/skin/lion2_main/images/signal/parts-v2/frames/signal-part-frame-heavy-9s-v1.webp') !important;
    border-image-slice: 72 fill !important;
    border-image-width: 9px !important;
    background-position: center !important;
    background-size: cover !important;
    box-shadow: 0 7px 16px rgb(0 0 0 / 34%) !important;
    transition: filter .18s ease, box-shadow .18s ease !important;
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
    .mpmenu1 > a:not(.mobile):is(:hover, :focus-visible) {
    filter: brightness(1.08) contrast(1.04) !important;
    box-shadow: 0 9px 22px rgb(0 0 0 / 46%), inset 0 0 0 2px rgb(255 212 0 / 42%) !important;
}

/* --------------------------------------------------------------------------
 * Roulette: retain the live canvas while giving it a coherent instrument bay.
 * ----------------------------------------------------------------------- */

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content .page.w_roulette .roulette_wrap {
    isolation: isolate !important;
    min-height: 760px !important;
    padding: 22px 20px 24px !important;
    overflow: hidden !important;
    border: 12px solid transparent !important;
    border-image-source: url('/skin/lion2_main/images/signal/parts-v2/frames/signal-part-frame-heavy-9s-v1.webp') !important;
    border-image-slice: 72 fill !important;
    border-image-width: 12px !important;
    background:
        radial-gradient(circle at 50% 36%, rgb(255 212 0 / 12%), transparent 29%),
        linear-gradient(180deg, rgb(5 8 9 / 24%) 0 52%, rgb(5 8 9 / 88%) 86%),
        url('/skin/lion2_main/images/campaign/families/lion2-family-roulette-v2.webp') center 40% / cover no-repeat,
        url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') center / cover no-repeat !important;
    box-shadow: inset 0 0 80px rgb(0 0 0 / 48%), 0 12px 28px rgb(0 0 0 / 38%) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_circle {
    filter: saturate(.72) contrast(1.16) brightness(.86) drop-shadow(0 16px 24px rgb(0 0 0 / 56%)) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_canvas {
    isolation: isolate !important;
    border-radius: 50% !important;
    filter: drop-shadow(0 14px 20px rgb(0 0 0 / 48%)) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_canvas::before,
body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_canvas::after {
    position: absolute !important;
    z-index: 4 !important;
    border-radius: 50% !important;
    content: '' !important;
    pointer-events: none !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_canvas::before {
    inset: 1.5% !important;
    border: clamp(3px, .45vw, 7px) solid #4e5354 !important;
    box-shadow:
        inset 0 0 0 2px #111415,
        inset 0 0 22px rgb(0 0 0 / 58%),
        0 0 0 2px rgb(255 212 0 / 34%) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_canvas::after {
    inset: 8.5% !important;
    border: 1px solid rgb(255 212 0 / 48%) !important;
    box-shadow: inset 0 0 18px rgb(0 0 0 / 42%) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_canvas canvas {
    border-radius: 50% !important;
    filter: none !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_btn {
    overflow: hidden !important;
    border: 7px solid #34393a !important;
    border-radius: 50% !important;
    background:
        radial-gradient(circle at 44% 36%, #fff3a0 0 5%, #ffd400 28%, #b89000 68%, #171a1b 70%) !important;
    box-shadow: inset 0 0 0 3px #0a0c0d, 0 7px 20px rgb(0 0 0 / 60%) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_btn #roulette_start {
    transition: color .16s ease, text-shadow .16s ease !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_btn #roulette_start:is(:hover, :focus-visible) {
    color: #000 !important;
    text-shadow: 0 1px 0 rgb(255 255 255 / 48%) !important;
}

/* --------------------------------------------------------------------------
 * Sparse boards and finance columns: deliberate composition, not dead space.
 * ----------------------------------------------------------------------- */

body.lion2-skin #ajax-content .w_notice .notice-card-list:has(> :only-child),
body.lion2-skin #ajax-content .w_notice .notice-card-list:has(> :nth-child(2):last-child) {
    box-sizing: border-box !important;
    min-height: clamp(320px, 45vh, 540px) !important;
    align-content: start !important;
    padding: clamp(12px, 2vw, 24px) !important;
    border: 1px solid #4d5456 !important;
    border-bottom: 5px solid #ffd400 !important;
    background:
        linear-gradient(90deg, rgb(7 10 11 / 52%), rgb(7 10 11 / 28%)),
        url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') center 58% / cover no-repeat !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_notice #notice_list_wrap {
    background-color: transparent !important;
    background-image: none !important;
}

body.lion2-skin #ajax-content .w_notice .notice-card-list:has(> :only-child) {
    grid-template-columns: minmax(0, 720px) !important;
    align-content: center !important;
    justify-content: center !important;
}

body.lion2-skin #ajax-content .w_notice .notice-card-list:has(> :nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.lion2-skin #ajax-content .w_notice .notice-card-list > .notice-card {
    align-self: start !important;
    background: #151a1c !important;
    box-shadow: 0 8px 20px rgb(0 0 0 / 34%) !important;
    transition: border-color .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

body.lion2-skin #ajax-content .w_notice .notice-card-list > .notice-card:is(:hover, :focus-within) {
    border-color: #ffd400 !important;
    filter: brightness(1.04) !important;
    box-shadow: 0 10px 24px rgb(0 0 0 / 44%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_notice .notice-card-list > .notice-empty:only-child,
body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_notice #board_mount > .notice-empty:only-child {
    box-sizing: border-box !important;
    width: min(680px, 88%) !important;
    min-height: 168px !important;
    padding: 32px 38px !important;
    border: 9px solid transparent !important;
    border-left-width: 12px !important;
    border-image-source: url('/skin/lion2_main/images/signal/parts-v2/frames/signal-part-frame-heavy-9s-v1.webp') !important;
    border-image-slice: 72 fill !important;
    border-image-width: 9px 9px 9px 12px !important;
    background:
        linear-gradient(90deg, rgb(8 11 12 / 97%), rgb(8 11 12 / 88%)),
        var(--signal-part-concrete) center / 192px 192px repeat !important;
    color: #f0eee7 !important;
    font-family: var(--signal-font-display) !important;
    font-size: clamp(17px, 1.3vw, 22px) !important;
    font-weight: 800 !important;
    box-shadow: 12px 14px 0 rgb(0 0 0 / 34%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_notice #board_mount:has(> .notice-empty:only-child) {
    display: grid !important;
    min-height: clamp(320px, 46vh, 520px) !important;
    place-items: center !important;
    padding: clamp(18px, 3vw, 38px) !important;
    background:
        linear-gradient(180deg, rgb(5 8 9 / 18%), rgb(5 8 9 / 84%)),
        url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') center 58% / cover no-repeat !important;
}

@media screen and (min-width: 981px) {
    body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .forColumn {
        grid-template-columns: minmax(0, 1.14fr) minmax(330px, .86fr) !important;
        align-items: stretch !important;
        gap: 16px !important;
    }

    body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .forColumn > :is(.col.m1, .col.m2) {
        align-self: stretch !important;
    }

    body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw)
        .forColumn > .col.m1 > .rectBox {
        height: 100% !important;
        min-height: 100% !important;
    }

    body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .forColumn > .col.m2 {
        align-self: start !important;
    }

    body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw)
        .forColumn > .col.m2 > .rectBox {
        position: sticky !important;
        top: 12px !important;
        height: auto !important;
        min-height: 0 !important;
        background:
            linear-gradient(180deg, rgb(12 16 17 / 86%), rgb(7 10 11 / 96%)),
            url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') 70% center / cover no-repeat !important;
    }

    body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw)
        .forColumn > .col.m2 .payment_method {
        display: flex !important;
        min-height: 0 !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw)
        .forColumn > .col.m2 .payment_method > .row {
        min-height: 0 !important;
        align-items: start !important;
        flex: 0 0 auto !important;
    }
}

/* --------------------------------------------------------------------------
 * Attendance and betting history: tactile states and stable numeric tracks.
 * ----------------------------------------------------------------------- */

body.lion2-skin #ajax-content .w_attendance .attendance-header-card {
    background:
        linear-gradient(90deg, rgb(15 19 20 / 94%), rgb(15 19 20 / 74%)),
        url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') center 36% / cover no-repeat !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 4%), 0 8px 18px rgb(0 0 0 / 28%) !important;
}

body.lion2-skin #ajax-content .w_attendance .attendance-calendar-card {
    background:
        linear-gradient(rgb(8 11 12 / 90%), rgb(8 11 12 / 96%)),
        url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') center / cover no-repeat !important;
}

body.lion2-skin #ajax-content .w_attendance #date_list :is(
    .wd14.day,
    .bg-attendance-blue2,
    .bg-attendance-none-blue2
) {
    position: relative !important;
    min-height: clamp(76px, 6.8vw, 104px) !important;
    background-color: rgb(15 20 21 / 92%) !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 3%) !important;
}

body.lion2-skin #ajax-content .w_attendance #date_list .bg-attendance-blue2 {
    border: 2px solid #ffd400 !important;
    background:
        linear-gradient(135deg, rgb(255 212 0 / 13%), transparent 52%),
        #111718 !important;
}

body.lion2-skin #ajax-content .w_attendance #date_list .bg-attendance-none-blue2 {
    border: 1px solid #444b4d !important;
    opacity: .72 !important;
}

body.lion2-skin #ajax-content .w_attendance .attendance-day-empty::before {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgb(255 212 0 / 34%) !important;
    border-radius: 0 !important;
    background:
        repeating-linear-gradient(135deg, rgb(255 212 0 / 10%) 0 4px, transparent 4px 8px),
        #0b0f10 !important;
    box-shadow: inset 0 0 0 4px rgb(0 0 0 / 28%) !important;
    transform: rotate(45deg) !important;
}

@media screen and (min-width: 981px) {
    body.lion2-skin #ajax-content .w_mybet :is(.betting_title, .betting_content) > .gscore {
        box-sizing: border-box !important;
        width: 66px !important;
        min-width: 66px !important;
        flex: 0 0 66px !important;
        padding-inline: 3px !important;
        overflow-wrap: normal !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
    }

    body.lion2-skin #ajax-content .w_mybet .betting_title > .gscore {
        font-size: 11px !important;
        letter-spacing: -.04em !important;
    }

    body.lion2-skin #ajax-content .w_mybet .betting_content > :is(.gscore, .gdate, .gresult),
    body.lion2-skin #ajax-content .w_mybet .betting_content > :is(.gscore, .gdate, .gresult) * {
        overflow-wrap: normal !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
    }

    body.lion2-skin #ajax-content .w_mybet .betting_content > .gscore {
        min-width: 0 !important;
    }

    body.lion2-skin #ajax-content .w_mybet .betting_content > .gdate {
        min-width: 0 !important;
    }

    body.lion2-skin #ajax-content .w_mybet .betting_content > .gresult {
        min-width: 0 !important;
    }

    body.lion2-skin #ajax-content .w_mybet .betting_content > .gresult .bet-badge {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        padding-inline: 4px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

body.lion2-skin #ajax-content .w_mybet .mybet-bulk-actions > .mybet-delete-selected {
    border: 1px solid #d85e58 !important;
    background: #171a1b !important;
    color: #ff8b84 !important;
    box-shadow: inset 4px 0 0 #d85e58 !important;
    transition: background-color .16s ease, color .16s ease, border-color .16s ease !important;
}

body.lion2-skin #ajax-content .w_mybet .mybet-bulk-actions > .mybet-delete-selected:is(:hover, :focus-visible) {
    border-color: #ff8b84 !important;
    background: #2a1718 !important;
    color: #fff !important;
}

/* --------------------------------------------------------------------------
 * Provider/game cards and empty stages: one chassis, source color preserved.
 * ----------------------------------------------------------------------- */

body.lion2-skin #ajax-content :is(
    #provider_list,
    #favorite_list,
    #mini_game_list,
    #lotus_game_list,
    #tokengame_list,
    #mingo_list
) .live-game-cont {
    position: relative !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 8px solid transparent !important;
    border-image-source: url('/skin/lion2_main/images/signal/parts-v2/frames/signal-part-frame-heavy-9s-v1.webp') !important;
    border-image-slice: 72 fill !important;
    border-image-width: 8px !important;
    background: #101415 !important;
    box-shadow: 0 7px 16px rgb(0 0 0 / 34%) !important;
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}

body.lion2-skin #ajax-content :is(
    #provider_list,
    #favorite_list,
    #mini_game_list,
    #lotus_game_list,
    #tokengame_list,
    #mingo_list
) .live-game-cont:is(:hover, :focus-within) {
    filter: brightness(1.05) contrast(1.03) !important;
    box-shadow: 0 11px 24px rgb(0 0 0 / 46%), inset 0 0 0 1px rgb(255 212 0 / 34%) !important;
    transform: translateY(-2px) !important;
}

body.lion2-skin #ajax-content :is(
    #provider_list,
    #favorite_list,
    #mini_game_list,
    #lotus_game_list,
    #tokengame_list,
    #mingo_list
) .live-game-cont > .el-row {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    background:
        linear-gradient(180deg, rgb(255 255 255 / 3%), transparent 28%),
        #101415 !important;
}

body.lion2-skin #ajax-content :is(
    #provider_list,
    #favorite_list,
    #mini_game_list,
    #lotus_game_list,
    #tokengame_list,
    #mingo_list
) .live-game-cont > .el-row > img:first-child:not(.live-play) {
    object-position: center 34% !important;
    filter: none !important;
    transition: filter .18s ease, transform .28s cubic-bezier(.2, .7, .2, 1) !important;
}

body.lion2-skin #ajax-content :is(
    #provider_list,
    #favorite_list,
    #mini_game_list,
    #lotus_game_list,
    #tokengame_list,
    #mingo_list
) .live-game-cont:is(:hover, :focus-within) > .el-row > img:first-child:not(.live-play) {
    filter: none !important;
    transform: scale(1.025) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content #mingo_list
    .live-game-cont > .el-row::after {
    position: absolute !important;
    z-index: 2 !important;
    inset: 0 0 52px !important;
    display: block !important;
    background:
        linear-gradient(180deg, rgb(5 8 9 / 4%) 0 48%, rgb(5 8 9 / 34%) 100%),
        linear-gradient(90deg, rgb(255 212 0 / 9%), transparent 34% 66%, rgb(255 212 0 / 7%)) !important;
    box-shadow: inset 0 0 24px rgb(0 0 0 / 38%) !important;
    content: '' !important;
    pointer-events: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content #mingo_list
    .live-game-cont > .el-row > img:first-child:not(.live-play) {
    filter: grayscale(.58) sepia(.12) saturate(.62) contrast(1.16) brightness(.78) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content #mingo_list
    .live-game-cont:is(:hover, :focus-within) > .el-row > img:first-child:not(.live-play) {
    filter: grayscale(.34) sepia(.08) saturate(.76) contrast(1.18) brightness(.9) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content #provider_list
    .live-game-cont > .el-row > img[src*='/images/game-cards/virtual/'] {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    object-position: center !important;
}

body.lion2-skin #ajax-content :is(
    .signal-game-empty,
    .signal-realtime-empty,
    .coupon-empty-state,
    .customer-empty-state,
    .esport-launch-shell
) {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border: 10px solid transparent !important;
    border-image-source: url('/skin/lion2_main/images/signal/parts-v2/frames/signal-part-frame-heavy-9s-v1.webp') !important;
    border-image-slice: 72 fill !important;
    border-image-width: 10px !important;
    background:
        linear-gradient(90deg, rgb(7 10 11 / 93%) 0 42%, rgb(7 10 11 / 70%) 72%, rgb(7 10 11 / 50%)),
        url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') center / cover no-repeat !important;
    box-shadow: inset 0 0 50px rgb(0 0 0 / 34%), 0 10px 24px rgb(0 0 0 / 30%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_coupon .coupon-empty-state {
    position: relative !important;
    isolation: isolate !important;
    min-height: clamp(290px, 42vh, 460px) !important;
    align-content: end !important;
    overflow: hidden !important;
    padding: clamp(18px, 3vw, 38px) !important;
    border: 10px solid transparent !important;
    border-image-source: url('/skin/lion2_main/images/signal/parts-v2/frames/signal-part-frame-heavy-9s-v1.webp') !important;
    border-image-slice: 72 fill !important;
    border-image-width: 10px !important;
    background:
        linear-gradient(180deg, rgb(5 8 9 / 12%) 0 40%, rgb(5 8 9 / 94%) 82%),
        url('/skin/lion2_main/images/campaign/families/lion2-family-point-v2.webp') center 56% / cover no-repeat !important;
    color: #f2f0e9 !important;
    box-shadow: inset 0 0 68px rgb(0 0 0 / 38%), 0 10px 24px rgb(0 0 0 / 32%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_coupon .coupon-empty-state > :is(.coupon-empty-state__title, .coupon-empty-state__body) {
    position: relative !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
    width: min(560px, 100%) !important;
    margin-inline: 0 !important;
    text-align: left !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_coupon .coupon-empty-state__title {
    padding: 18px 22px 7px 26px !important;
    border-top: 1px solid #535b5d !important;
    border-right: 1px solid #535b5d !important;
    border-left: 7px solid #ffd400 !important;
    background: rgb(8 11 12 / 94%) !important;
    color: #f2f0e9 !important;
    font-family: var(--signal-font-display) !important;
    font-size: clamp(21px, 2vw, 30px) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_coupon .coupon-empty-state__body {
    padding: 5px 22px 18px 26px !important;
    border-right: 1px solid #535b5d !important;
    border-bottom: 1px solid #535b5d !important;
    border-left: 7px solid #ffd400 !important;
    background: rgb(8 11 12 / 94%) !important;
    color: #bfc5c5 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_questions .bbsl_wrap:has(> .bbsl_item_container--empty:only-child) {
    display: grid !important;
    min-height: clamp(340px, 48vh, 520px) !important;
    place-items: center !important;
    padding: clamp(16px, 3vw, 38px) !important;
    overflow: hidden !important;
    border: 10px solid transparent !important;
    border-image-source: url('/skin/lion2_main/images/signal/parts-v2/frames/signal-part-frame-heavy-9s-v1.webp') !important;
    border-image-slice: 72 fill !important;
    border-image-width: 10px !important;
    background-color: #080b0c !important;
    background-image:
        linear-gradient(180deg, rgb(5 8 9 / 8%) 0 38%, rgb(5 8 9 / 94%) 84%),
        url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') !important;
    background-position: center, center 58% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    box-shadow: inset 0 0 74px rgb(0 0 0 / 42%), 0 10px 24px rgb(0 0 0 / 32%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_questions .bbsl_item_container.bbsl_item_container--empty {
    position: relative !important;
    box-sizing: border-box !important;
    width: min(640px, 90%) !important;
    min-height: 112px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 22px 24px 22px 28px !important;
    border: 1px solid #535b5d !important;
    border-left: 7px solid #ffd400 !important;
    background: rgb(8 11 12 / 94%) !important;
    color: #f2f0e9 !important;
    font-family: var(--signal-font-display) !important;
    font-size: clamp(18px, 1.7vw, 25px) !important;
    font-weight: 800 !important;
    text-align: left !important;
    box-shadow: 10px 12px 0 rgb(0 0 0 / 30%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_questions .bbsl_item_container--empty::before {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    place-items: center !important;
    margin-right: 15px !important;
    border: 1px solid #75630a !important;
    background:
        repeating-linear-gradient(135deg, rgb(255 212 0 / 24%) 0 4px, transparent 4px 8px),
        #171a1b !important;
    color: #ffd400 !important;
    box-shadow: inset 0 0 0 4px #090b0c !important;
    content: '?' !important;
    font-family: var(--signal-font-display) !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.lion2-skin #ajax-content .signal-game-empty {
    min-height: clamp(250px, 38vh, 440px) !important;
}

/* Ranking, realtime and external-service empty states must still feel like
 * occupied rooms in the same venue. Live copy stays in the DOM; these layers
 * only provide a route-appropriate environment and a readable quiet field. */
body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_tournament_ranking #ranking-event-list:has(> .ranking-empty) {
    position: relative !important;
    display: grid !important;
    min-height: clamp(360px, 48vh, 520px) !important;
    align-items: center !important;
    overflow: hidden !important;
    padding: clamp(22px, 3vw, 44px) !important;
    border: 10px solid transparent !important;
    border-image-source: url('/skin/lion2_main/images/signal/parts-v2/frames/signal-part-frame-heavy-9s-v1.webp') !important;
    border-image-slice: 72 fill !important;
    border-image-width: 10px !important;
    background:
        linear-gradient(90deg, rgb(5 8 9 / 96%) 0 36%, rgb(5 8 9 / 72%) 54%, rgb(5 8 9 / 14%) 78%),
        url('/skin/lion2_main/images/campaign/families/lion2-family-ranking-v2.webp') 72% center / cover no-repeat !important;
    box-shadow: inset 0 0 64px rgb(0 0 0 / 42%), 0 10px 24px rgb(0 0 0 / 32%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_tournament_ranking #ranking-event-list > .ranking-empty {
    box-sizing: border-box !important;
    width: min(520px, 52%) !important;
    min-height: 118px !important;
    align-content: center !important;
    justify-self: center !important;
    padding: 24px 26px 24px 30px !important;
    border: 1px solid #535b5d !important;
    border-left: 7px solid #ffd400 !important;
    background: linear-gradient(90deg, rgb(8 11 12 / 97%), rgb(8 11 12 / 88%)) !important;
    color: #f2f0e9 !important;
    font-family: var(--signal-font-display) !important;
    font-size: clamp(19px, 1.55vw, 25px) !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    box-shadow: 10px 12px 0 rgb(0 0 0 / 30%) !important;
}

/* Virtual and Mingo collections continue as a deliberate game-floor stage,
 * avoiding the appearance of a short card row abandoned in an empty page. */
@media screen and (min-width: 981px) {
    body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
        .virtualgame-page-image + .page #provider_list {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
        :is(.virtualgame-page-image + .page #provider_list, .lion-mingo-hero + #mingo_list)::after {
        display: block !important;
        min-height: clamp(190px, 22vw, 280px) !important;
        grid-column: 1 / -1 !important;
        border: 8px solid transparent !important;
        border-image-source: url('/skin/lion2_main/images/signal/parts-v2/frames/signal-part-frame-heavy-9s-v1.webp') !important;
        border-image-slice: 72 fill !important;
        border-image-width: 8px !important;
        background:
            linear-gradient(180deg, rgb(5 8 9 / 18%) 0 42%, rgb(5 8 9 / 92%) 100%),
            url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') center 58% / cover no-repeat !important;
        box-shadow: inset 0 0 64px rgb(0 0 0 / 48%) !important;
        content: '' !important;
        pointer-events: none !important;
    }
}

/* Five compact quick actions still need their complete Korean labels at the
 * narrow desktop rail width. Two balanced lines are clearer than ellipsis. */
body.lion2-skin.lion-skin .right_content#sidebar-right#sidebar-right
    .rmenu .signal-quick-label {
    display: grid !important;
    width: min(3.2em, 100%) !important;
    min-height: 2.1em !important;
    place-items: center !important;
    overflow: visible !important;
    font-size: 10px !important;
    letter-spacing: -.08em !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: break-all !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_coupon .coupon-delete-action {
    border-color: #75630a !important;
    background-color: #151a1c !important;
    background-image:
        repeating-linear-gradient(135deg, rgb(255 212 0 / 12%) 0 4px, transparent 4px 8px),
        var(--signal-part-key-dark) !important;
    color: #f0d477 !important;
    -webkit-text-fill-color: #f0d477 !important;
    box-shadow: inset 0 0 0 2px #090b0c !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_coupon .coupon-empty-state__body {
    color: #e0e3df !important;
    -webkit-text-fill-color: #e0e3df !important;
    opacity: 1 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_coupon .coupon-empty-state--blocked {
    border-left: 7px solid #ffd400 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_memo #memo_list_card .memo-delete-placeholder {
    font-size: 14px !important;
    line-height: 1.25 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_mybet .mybet-section.is-mybet-blocked .mybet-bulk-actions {
    display: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_mybet .mybet-empty-state--blocked {
    min-height: clamp(210px, 32vh, 360px) !important;
    border-style: solid !important;
    background:
        linear-gradient(90deg, rgb(5 8 9 / 94%) 0 44%, rgb(5 8 9 / 68%) 100%),
        url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') center 58% / cover no-repeat !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_mybet .mybet-empty-state--blocked .mybet-empty-state__description {
    font-size: 14px !important;
    line-height: 1.45 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .page.w_questions .bbsl_item_container--blocked {
    border-left-color: #ffd400 !important;
    color: #f2f0e9 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .w_realtime .signal-realtime-empty,
body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .w_realtime #realtime_list > .width-full.display-center:has(.p-t-24) {
    background-color: #080b0c !important;
    background-image:
        linear-gradient(90deg, rgb(5 8 9 / 38%), rgb(5 8 9 / 8%) 50%, rgb(5 8 9 / 38%)),
        linear-gradient(180deg, rgb(5 8 9 / 8%) 0 46%, rgb(5 8 9 / 58%) 100%),
        url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') !important;
    background-position: center, center, center 58% !important;
    background-repeat: no-repeat !important;
    background-size: cover, cover, cover !important;
    box-shadow: inset 0 0 78px rgb(0 0 0 / 42%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .w_realtime .signal-realtime-empty > :is(.signal-realtime-empty__beacon, h2, p) {
    position: relative !important;
    z-index: 2 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content .esport-launch-shell {
    min-height: clamp(430px, 52vh, 590px) !important;
    padding: 10px !important;
    border: 10px solid transparent !important;
    border-image-source: url('/skin/lion2_main/images/signal/parts-v2/frames/signal-part-frame-heavy-9s-v1.webp') !important;
    border-image-slice: 72 fill !important;
    border-image-width: 10px !important;
    background: #080b0c !important;
    box-shadow: inset 0 0 60px rgb(0 0 0 / 36%), 0 10px 24px rgb(0 0 0 / 30%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .esport-launch-shell > #esport-loading.esport-status {
    min-height: clamp(400px, 49vh, 550px) !important;
    place-content: center start !important;
    padding: clamp(28px, 5vw, 70px) !important;
    border: 0 !important;
    background-color: #080b0c !important;
    background-image:
        linear-gradient(90deg, rgb(5 8 9 / 92%) 0 34%, rgb(5 8 9 / 48%) 55%, rgb(5 8 9 / 8%) 78%),
        linear-gradient(180deg, rgb(5 8 9 / 8%), rgb(5 8 9 / 52%)),
        url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') !important;
    background-position: center, center, center 58% !important;
    background-repeat: no-repeat !important;
    background-size: cover, cover, cover !important;
    color: #f2f0e9 !important;
    text-align: left !important;
    box-shadow: inset 0 0 78px rgb(0 0 0 / 40%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
    .esport-launch-shell > #esport-loading.esport-status > p {
    box-sizing: border-box !important;
    width: min(560px, 54%) !important;
    margin: 0 !important;
    padding: 22px 24px 22px 28px !important;
    border: 1px solid #535b5d !important;
    border-left: 7px solid #ffd400 !important;
    background: linear-gradient(90deg, rgb(8 11 12 / 97%), rgb(8 11 12 / 88%)) !important;
    color: #f2f0e9 !important;
    font-family: var(--signal-font-display) !important;
    font-size: clamp(17px, 1.35vw, 22px) !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    box-shadow: 10px 12px 0 rgb(0 0 0 / 30%) !important;
}

/* --------------------------------------------------------------------------
 * Mobile: keep the compact shell, separate counts from sport medallions.
 * ----------------------------------------------------------------------- */

@media screen and (min-width: 1366px) and (max-width: 1413px) {
    body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .sports-left-search__form {
        grid-template-columns: minmax(0, 1fr) 36px !important;
    }

    body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .sports-left-search__button {
        box-sizing: border-box !important;
        width: 36px !important;
        min-width: 36px !important;
    }
}

@media screen and (min-width: 481px) and (max-width: 980px) {
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpmenu1 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media screen and (max-width: 480px) {
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpmenu1 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media screen and (max-width: 980px) {
    body.lion2-skin.lion-skin[data-lion-heading-ready='true'][data-lion-family]
        #ajax-content#ajax-content#ajax-content
        .signal-page-heading {
        min-height: 76px !important;
        padding: 9px 13px 8px 18px !important;
        border-width: 11px 14px !important;
        border-image-width: 11px 14px !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .main_notice_area {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .main_notice_area .notice_box,
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .main_notice_area .notice_box .inn {
        height: auto !important;
        min-height: 208px !important;
    }

    body.lion2-skin #ajax-content .w_notice .notice-card-list:has(> :only-child),
    body.lion2-skin #ajax-content .w_notice .notice-card-list:has(> :nth-child(2):last-child) {
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 9px !important;
    }

    body.lion2-skin #ajax-content :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
        .spo_jong .sports-type {
        position: relative !important;
    }

    body.lion2-skin #ajax-content :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
        .spo_jong .sports-type > small {
        position: absolute !important;
        z-index: 3 !important;
        top: 3px !important;
        right: 3px !important;
        display: inline-flex !important;
        width: auto !important;
        min-width: 22px !important;
        height: 18px !important;
        align-items: center !important;
        justify-content: center !important;
        padding-inline: 4px !important;
        border: 1px solid rgb(255 212 0 / 62%) !important;
        border-radius: 0 !important;
        background: rgb(5 7 8 / 92%) !important;
        color: #ffd400 !important;
        font-size: 10px !important;
        line-height: 1 !important;
        pointer-events: none !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .w_realtime .spo-scroll-wrap {
        position: relative !important;
        box-sizing: border-box !important;
        padding-inline: 44px !important;
        overflow: hidden !important;
        border: 1px solid #4e5557 !important;
        border-bottom: 4px solid #ffd400 !important;
        background: #0b0e0f !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .w_realtime
        .spo-scroll-wrap > .spo_jong {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        border: 0 !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .w_realtime
        .spo-scroll-wrap > :is(.spo-arrow-left, .spo-arrow-right) {
        position: absolute !important;
        z-index: 8 !important;
        top: 0 !important;
        bottom: 0 !important;
        display: inline-flex !important;
        box-sizing: border-box !important;
        width: 44px !important;
        min-width: 44px !important;
        height: auto !important;
        min-height: 44px !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background:
            repeating-linear-gradient(135deg, rgb(255 212 0 / 10%) 0 4px, transparent 4px 8px),
            #15191a !important;
        color: #ffd400 !important;
        font-size: 31px !important;
        line-height: 1 !important;
        opacity: 1 !important;
        transform: none !important;
        transition: opacity .16s ease, color .16s ease, background-color .16s ease !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .w_realtime
        .spo-scroll-wrap > .spo-arrow-left {
        right: auto !important;
        left: 0 !important;
        border-right: 1px solid #4e5557 !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .w_realtime
        .spo-scroll-wrap > .spo-arrow-right {
        right: 0 !important;
        left: auto !important;
        border-left: 1px solid #4e5557 !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .w_realtime
        .spo-scroll-wrap > :is(.spo-arrow-left, .spo-arrow-right):is(:hover, :focus-visible) {
        background-color: #ffd400 !important;
        color: #080a0b !important;
        outline: 2px solid #fff3a0 !important;
        outline-offset: -3px !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .w_realtime
        .spo-scroll-wrap > :is(.spo-arrow-left, .spo-arrow-right).is-hidden {
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .w_realtime
        .spo-scroll-wrap.no-scroll > :is(.spo-arrow-left, .spo-arrow-right) {
        display: none !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .w_realtime
        .spo-scroll-wrap.no-scroll {
        padding-inline: 0 !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content .page.w_roulette .roulette_wrap {
        min-height: clamp(560px, 150vw, 720px) !important;
        padding: 10px 8px 16px !important;
        border-width: 8px !important;
        border-image-width: 8px !important;
    }

    body.lion2-skin #ajax-content .w_attendance #date_list :is(
        .wd14.day,
        .bg-attendance-blue2,
        .bg-attendance-none-blue2
    ) {
        min-height: 58px !important;
    }

    body.lion2-skin #ajax-content .w_attendance .attendance-day-empty::before {
        width: 22px !important;
        height: 22px !important;
    }

    body.lion2-skin #ajax-content :is(
        #provider_list,
        #favorite_list,
        #mini_game_list,
        #lotus_game_list,
        #tokengame_list,
        #mingo_list
    ) .live-game-cont {
        border-width: 6px !important;
        border-image-width: 6px !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
        .page.w_tournament_ranking #ranking-event-list:has(> .ranking-empty) {
        min-height: 330px !important;
        align-items: end !important;
        padding: 12px !important;
        border-width: 7px !important;
        border-image-width: 7px !important;
        background:
            linear-gradient(180deg, rgb(5 8 9 / 10%) 0 38%, rgb(5 8 9 / 94%) 78%),
            url('/skin/lion2_main/images/campaign/families/lion2-family-ranking-v2.webp') 69% center / cover no-repeat !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
        .page.w_tournament_ranking #ranking-event-list > .ranking-empty,
    body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
        .esport-launch-shell > #esport-loading.esport-status > p {
        width: 100% !important;
        min-height: 0 !important;
        padding: 16px 17px !important;
        border-left-width: 5px !important;
        font-size: 17px !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
        .w_realtime .signal-realtime-empty,
    body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
        .w_realtime #realtime_list > .width-full.display-center:has(.p-t-24) {
        min-height: 420px !important;
        background-position: 56% center !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content .esport-launch-shell {
        min-height: 390px !important;
        border-width: 7px !important;
        border-image-width: 7px !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
        .esport-launch-shell > #esport-loading.esport-status {
        min-height: 360px !important;
        place-content: end stretch !important;
        padding: 12px !important;
        background-image:
            linear-gradient(180deg, rgb(5 8 9 / 8%) 0 36%, rgb(5 8 9 / 94%) 82%),
            url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp') !important;
        background-position: center, 58% center !important;
        background-repeat: no-repeat !important;
        background-size: cover, cover !important;
    }
}

/* --------------------------------------------------------------------------
 * Compact desktop account access: the continuous rail is not yet wide enough
 * at 981–1237px, so expose the canonical right panel as an accessible drawer.
 * ----------------------------------------------------------------------- */

@layer lion2-signal-shell {
@media screen and (min-width: 981px) and (max-width: 1237px) {
    html.side-panel-open,
    body.lion2-skin.side-panel-open {
        overflow: hidden !important;
    }

    body.lion2-skin.lion-skin[data-lion-page] .top_wrap .userm_wrap ul.submenu {
        box-sizing: border-box !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin-right: 52px !important;
        justify-self: stretch !important;
        transform: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    body.lion2-skin.lion-skin .top_wrap .m_menu_pc_btn {
        position: absolute !important;
        z-index: 1803 !important;
        top: clamp(17px, 1.55vw, 21px) !important;
        right: clamp(8px, .84vw, 12px) !important;
        bottom: auto !important;
        left: auto !important;
        display: inline-flex !important;
        box-sizing: border-box !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 48px !important;
        min-height: 44px !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border: 1px solid #5d6263 !important;
        border-bottom: 3px solid var(--signal-yellow-hot, #ffd316) !important;
        border-radius: 0 !important;
        background:
            var(--signal-part-key-dark) center / 100% 100% no-repeat,
            #151819 !important;
        color: var(--signal-yellow-hot, #ffd316) !important;
        box-shadow:
            inset 0 0 0 2px #070809,
            inset 0 1px rgb(255 255 255 / 16%),
            0 3px 9px rgb(0 0 0 / 42%) !important;
        clip-path: none !important;
        cursor: pointer !important;
        filter: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        visibility: visible !important;
    }

    body.lion2-skin.lion-skin .top_wrap .m_menu_pc_btn > span {
        display: block !important;
        width: auto !important;
        height: auto !important;
        color: inherit !important;
        font-size: 0 !important;
        line-height: 1 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.lion2-skin.lion-skin .top_wrap .m_menu_pc_btn > span::before {
        display: block !important;
        color: inherit !important;
        content: '\25a4' !important;
        font-family: Arial, sans-serif !important;
        font-size: 20px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    body.lion2-skin.lion-skin .top_wrap .m_menu_pc_btn:is(:hover, :focus-visible),
    body.lion2-skin.lion-skin .top_wrap .m_menu_pc_btn[aria-expanded='true'] {
        border-color: var(--signal-yellow-hot, #ffd316) !important;
        background:
            var(--signal-part-key-yellow) center / 100% 100% no-repeat,
            #d8ac00 !important;
        color: #080a0b !important;
        filter: none !important;
        transform: none !important;
    }

    body.lion2-skin.lion-skin .top_wrap .m_menu_pc_btn:focus-visible {
        outline: 2px solid var(--signal-yellow-hot, #ffd316) !important;
        outline-offset: 2px !important;
    }

    body.lion2-skin.lion-skin .right_content#sidebar-right#sidebar-right.active {
        position: fixed !important;
        z-index: 1802 !important;
        top: var(--lion-desktop-header-height, 126px) !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;
        display: block !important;
        box-sizing: border-box !important;
        width: min(390px, calc(100vw - 24px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 24px) !important;
        height: calc(100dvh - var(--lion-desktop-header-height, 126px)) !important;
        min-height: 0 !important;
        max-height: calc(100dvh - var(--lion-desktop-header-height, 126px)) !important;
        padding: 10px !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;
        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-repeat: no-repeat, no-repeat, no-repeat, repeat-y, repeat !important;
        background-size: cover, 100% auto, 100% auto, 100% auto, 192px 192px !important;
        box-shadow: 0 0 30px rgb(0 0 0 / 76%) !important;
        opacity: 1 !important;
        overscroll-behavior: contain;
        pointer-events: auto !important;
        transform: none !important;
        visibility: visible !important;
    }

    body.lion2-skin.lion-skin .right_content#sidebar-right#sidebar-right.active > .scrollFrame {
        display: block !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        background: transparent !important;
        overscroll-behavior: contain;
        scrollbar-color: #727674 #111415;
        scrollbar-width: thin;
    }

    body.lion2-skin.lion-skin .right_content#sidebar-right#sidebar-right.active .rightMenu,
    body.lion2-skin.lion-skin .right_content#sidebar-right#sidebar-right.active .rightMenu
        > :is(.login_box, .user_body, .r_banner) {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.lion2-skin.lion-skin .lion-side-panel-backdrop {
        position: fixed !important;
        z-index: 1800 !important;
        inset: var(--lion-desktop-header-height, 126px) 0 0 !important;
        display: none !important;
        background: rgb(0 0 0 / 62%) !important;
        pointer-events: none !important;
        touch-action: none;
    }

    body.lion2-skin.lion-skin .lion-side-panel-backdrop.active {
        display: block !important;
        pointer-events: auto !important;
    }
}
}

/* --------------------------------------------------------------------------
 * Mybet selectable rows: CDN-safe Signal plate.
 *
 * The edge can retain an old compressed body for the mutable 70-detail file.
 * Repeat the complete native-checkbox presentation in this immutable layer so
 * the 44px target, visual plate and keyboard states advance atomically.
 * ----------------------------------------------------------------------- */

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet
    input[type='checkbox'][name='betNo'] {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    display: inline-grid !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    flex: 0 0 44px !important;
    place-items: center !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0a0e10 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet
    input[type='checkbox'][name='betNo']::before {
    content: '' !important;
    display: block !important;
    grid-area: 1 / 1 !important;
    width: 30px !important;
    height: 30px !important;
    border: 1px solid #596164 !important;
    background:
        repeating-linear-gradient(135deg, rgb(255 255 255 / 4%) 0 1px, transparent 1px 5px),
        linear-gradient(145deg, #2a3033 0%, #151a1c 58%, #090c0e 100%) !important;
    box-shadow:
        inset 0 0 0 3px #0a0e10,
        inset 0 1px 0 rgb(255 255 255 / 11%),
        3px 3px 0 rgb(0 0 0 / 45%) !important;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet
    input[type='checkbox'][name='betNo']::after {
    content: '' !important;
    display: block !important;
    grid-area: 1 / 1 !important;
    width: 8px !important;
    height: 15px !important;
    margin-top: -3px !important;
    border: solid currentcolor !important;
    border-width: 0 4px 4px 0 !important;
    opacity: 0 !important;
    transform: rotate(45deg) scale(.72) !important;
    transform-origin: center !important;
    transition: opacity .14s ease, transform .14s ease !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet
    input[type='checkbox'][name='betNo']:hover:not(:disabled)::before {
    border-color: #ffd400 !important;
    box-shadow:
        inset 0 0 0 3px #0a0e10,
        inset 0 1px 0 rgb(255 255 255 / 14%),
        0 0 0 1px rgb(255 212 0 / 22%),
        3px 3px 0 rgb(0 0 0 / 45%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet
    input[type='checkbox'][name='betNo']:checked::before {
    border-color: #ffe263 !important;
    background:
        repeating-linear-gradient(135deg, rgb(255 255 255 / 13%) 0 1px, transparent 1px 5px),
        linear-gradient(145deg, #ffe263 0%, #ffd400 55%, #b99100 100%) !important;
    box-shadow:
        inset 0 0 0 3px rgb(74 58 0 / 26%),
        inset 0 1px 0 rgb(255 255 255 / 36%),
        0 0 12px rgb(255 212 0 / 22%),
        3px 3px 0 rgb(0 0 0 / 48%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet
    input[type='checkbox'][name='betNo']:checked::after {
    opacity: 1 !important;
    transform: rotate(45deg) scale(1) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet
    input[type='checkbox'][name='betNo']:focus-visible {
    outline: 2px solid #66e7ff !important;
    outline-offset: -3px !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet
    input[type='checkbox'][name='betNo']:disabled {
    opacity: .45 !important;
    cursor: not-allowed !important;
}

@media (prefers-reduced-motion: reduce) {
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-main-slide-copy,
    body.lion2-skin.lion-skin #ajax-content#ajax-content .w_realtime
        .spo-scroll-wrap > :is(.spo-arrow-left, .spo-arrow-right),
    body.lion2-skin #ajax-content .w_roulette :is(.roulette_circle, .roulette_canvas, .roulette_btn),
    body.lion2-skin #ajax-content .w_notice .notice-card-list > .notice-card,
    body.lion2-skin #ajax-content .w_mybet .mybet-bulk-actions > .mybet-delete-selected,
    body.lion2-skin #ajax-content :is(
        #provider_list,
        #favorite_list,
        #mini_game_list,
        #lotus_game_list,
        #tokengame_list,
        #mingo_list
    ) .live-game-cont,
    body.lion2-skin #ajax-content :is(
        #provider_list,
        #favorite_list,
        #mini_game_list,
        #lotus_game_list,
        #tokengame_list,
        #mingo_list
    ) .live-game-cont > .el-row > img:first-child:not(.live-play) {
        animation: none !important;
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* --------------------------------------------------------------------------
 * Memo detail: restore the intended Signal correspondence grid.
 *
 * The legacy cleanup layer hid the visual column while leaving the 220px +
 * content grid intact. Pin every child to its intended track and keep rich
 * message content bounded at desktop and handheld widths.
 * ----------------------------------------------------------------------- */

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
    #memo_list_card .memo_content:not([hidden]) {
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr) !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
    #memo_list_card .memo_content[hidden] {
    display: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
    #memo_list_card .memo-detail-visual {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 26px 24px !important;
    border-right: 1px solid rgb(190 133 48 / 42%) !important;
    background:
        radial-gradient(circle, rgb(113 74 27 / 14%), transparent 62%),
        linear-gradient(90deg, rgb(2 2 1 / 22%), transparent) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
    #memo_list_card .memo-detail-medallion {
    display: block !important;
    width: 142px !important;
    max-width: 100% !important;
    aspect-ratio: 1 !important;
    background:
        url('/skin/lion2_main/images/signal/parts-v2/controls/signal-part-medallion-v1.webp')
        center / contain no-repeat !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
    #memo_list_card .memo-detail-panel {
    grid-column: 2 / -1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
    #memo_list_card :is(.memo-content-label, .memocont, .memo-content-body, .memo-content-footer) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
    #memo_list_card .memo-content-body {
    overflow-wrap: anywhere !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
    #memo_list_card .memo-content-body :is(img, video, svg, canvas, iframe) {
    max-width: 100% !important;
    height: auto !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
    #memo_list_card .memo-content-body :is(table, pre) {
    display: block !important;
    max-width: 100% !important;
    overflow-x: auto !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
    #memo_list_card .memo-content-body pre {
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
    #memo_list_card .memo-content-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    overflow: hidden !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
    #memo_list_card .memo-content-meta {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    gap: 22px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
    #memo_list_card .memo-content-meta span {
    min-width: 0 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
    #memo_list_card .memo-collapse-button {
    position: static !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 108px !important;
    max-width: 160px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    transform: none !important;
}

@media (width <= 767px) {
    body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
        #memo_list_card .memo_content:not([hidden]) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
        #memo_list_card .memo-detail-visual {
        position: absolute !important;
        z-index: 3 !important;
        top: 9px !important;
        right: 14px !important;
        grid-column: 1 !important;
        display: block !important;
        width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
        #memo_list_card .memo-detail-medallion {
        display: block !important;
        width: 42px !important;
        height: 42px !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
        #memo_list_card .memo-detail-panel {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
        #memo_list_card .memo-content-footer {
        flex-flow: row nowrap !important;
        gap: 8px !important;
        min-height: 62px !important;
        padding: 9px 12px 9px 16px !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
        #memo_list_card .memo-content-meta {
        flex: 1 1 auto !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        width: auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
        #memo_list_card .memo-content-meta :is(.memo-content-sender, .memo-content-date) {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo
        #memo_list_card .memo-collapse-button {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 70px !important;
        max-width: 108px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 10px !important;
    }
}

/* --------------------------------------------------------------------------
 * Wave 2 six-family artwork system.
 *
 * Every bitmap is text-free. Family identity is carried by space, machinery
 * and light while titles, values and controls remain live DOM content. URLs
 * are declared inside matching body scopes so inactive families are not
 * fetched by the browser.
 * ----------------------------------------------------------------------- */

body.lion2-skin[data-lion-family='home'] {
    --signal-family-scene-desktop: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-home-scene-desktop-v1.webp');
    --signal-family-scene-mobile: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-home-scene-mobile-v1.webp');
    --signal-family-panel-desktop: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-home-panel-desktop-v1.webp');
    --signal-family-panel-mobile: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-home-panel-mobile-v1.webp');
    --signal-family-scene: var(--signal-family-scene-desktop);
    --signal-family-panel: var(--signal-family-panel-desktop);
    --signal-wave2-panel-notice: var(--signal-family-scene);
    --signal-wave2-panel-event: var(--signal-family-panel);
}

body.lion2-skin[data-lion-family='finance'] {
    --signal-family-scene-desktop: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-finance-scene-desktop-v1.webp');
    --signal-family-scene-mobile: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-finance-scene-mobile-v1.webp');
    --signal-family-panel-desktop: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-finance-panel-desktop-v1.webp');
    --signal-family-panel-mobile: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-finance-panel-mobile-v1.webp');
    --signal-family-scene: var(--signal-family-scene-desktop);
    --signal-family-panel: var(--signal-family-panel-desktop);
}

body.lion2-skin[data-lion-family='board'] {
    --signal-family-scene-desktop: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-board-scene-desktop-v1.webp');
    --signal-family-scene-mobile: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-board-scene-mobile-v1.webp');
    --signal-family-panel-desktop: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-board-panel-desktop-v1.webp');
    --signal-family-panel-mobile: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-board-panel-mobile-v1.webp');
    --signal-family-scene: var(--signal-family-scene-desktop);
    --signal-family-panel: var(--signal-family-panel-desktop);
}

body.lion2-skin[data-lion-family='sports'] {
    --signal-family-scene-desktop: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-sports-scene-desktop-v1.webp');
    --signal-family-scene-mobile: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-sports-scene-mobile-v1.webp');
    --signal-family-panel-desktop: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-sports-panel-desktop-v1.webp');
    --signal-family-panel-mobile: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-sports-panel-mobile-v1.webp');
    --signal-family-scene: var(--signal-family-scene-desktop);
    --signal-family-panel: var(--signal-family-panel-desktop);
}

body.lion2-skin[data-lion-family='game'] {
    --signal-family-scene-desktop: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-game-scene-desktop-v1.webp');
    --signal-family-scene-mobile: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-game-scene-mobile-v1.webp');
    --signal-family-panel-desktop: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-game-panel-desktop-v1.webp');
    --signal-family-panel-mobile: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-game-panel-mobile-v1.webp');
    --signal-family-scene: var(--signal-family-scene-desktop);
    --signal-family-panel: var(--signal-family-panel-desktop);
}

body.lion2-skin[data-lion-family='account'] {
    --signal-family-scene-desktop: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-account-scene-desktop-v1.webp');
    --signal-family-scene-mobile: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-account-scene-mobile-v1.webp');
    --signal-family-panel-desktop: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-account-panel-desktop-v1.webp');
    --signal-family-panel-mobile: url('/skin/lion2_main/images/signal/parts-v4/families/signal-family-account-panel-mobile-v1.webp');
    --signal-family-scene: var(--signal-family-scene-desktop);
    --signal-family-panel: var(--signal-family-panel-desktop);
}

/* Page-family scene ownership is coupled to a real content wrapper. This keeps
 * finance action-only routes from repainting an unrelated page left in place
 * behind their modal. More specific route artwork from earlier revisions (for
 * ranking, point, join/recommend and roulette) intentionally remains intact. */
body.lion2-skin.lion-skin[data-lion-family='finance']
    #ajax-content#ajax-content#ajax-content :is(
        .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_roulette
    ) .signal-page-heading,
body.lion2-skin.lion-skin[data-lion-family='board']
    #ajax-content#ajax-content#ajax-content :is(
        .w_notice, .w_rule, .w_questions, .w_event, .w_quiz_event,
        .w_attendance, .w_memo, .w_free, .w_customer
    ) .signal-page-heading,
body.lion2-skin.lion-skin[data-lion-family='sports']
    #ajax-content#ajax-content#ajax-content :is(
        .w_mybet, .w_result, .w_cross, .w_special, .w_realtime,
        .w_inplay, .w_europe, .w_betSlip
    ) .signal-page-heading,
body.lion2-skin.lion-skin[data-lion-family='game']
    #ajax-content#ajax-content#ajax-content :is(
        .w_tournament_ranking, .w_honor_ranking, .w_stream, .w_casino,
        .w_slot, .w_slot_favorite, .w_mini, .w_minigame, .w_virtualgame,
        .w_tokengame, .w_lotus, .w_holdem, .w_mingo, .w_esport
    ) .signal-page-heading,
body.lion2-skin.lion-skin[data-lion-family='game']
    #ajax-content#ajax-content#ajax-content :is(
        .casino-page-hero--casino, .casino-page-hero--slot
    ).signal-page-heading,
body.lion2-skin.lion-skin[data-lion-family='account']
    #ajax-content#ajax-content#ajax-content :is(
        .w_myinfo, .w_join, .w_recommend, .spa-error-page
    ) .signal-page-heading {
    background:
        linear-gradient(90deg, rgb(4 6 7 / 97%) 0 31%, rgb(4 6 7 / 68%) 58%, rgb(4 6 7 / 15%) 82%),
        var(--signal-family-scene) 62% center / cover no-repeat !important;
}

body.lion2-skin.lion-skin[data-lion-family='finance']
    #ajax-content#ajax-content#ajax-content :is(
        .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_roulette
    ) .signal-page-heading > .signal-page-heading__surface,
body.lion2-skin.lion-skin[data-lion-family='board']
    #ajax-content#ajax-content#ajax-content :is(
        .w_notice, .w_rule, .w_questions, .w_event, .w_quiz_event,
        .w_attendance, .w_memo, .w_free, .w_customer
    ) .signal-page-heading > .signal-page-heading__surface,
body.lion2-skin.lion-skin[data-lion-family='sports']
    #ajax-content#ajax-content#ajax-content :is(
        .w_mybet, .w_result, .w_cross, .w_special, .w_realtime,
        .w_inplay, .w_europe, .w_betSlip
    ) .signal-page-heading > .signal-page-heading__surface,
body.lion2-skin.lion-skin[data-lion-family='game']
    #ajax-content#ajax-content#ajax-content :is(
        .w_tournament_ranking, .w_honor_ranking, .w_stream, .w_casino,
        .w_slot, .w_slot_favorite, .w_mini, .w_minigame, .w_virtualgame,
        .w_tokengame, .w_lotus, .w_holdem, .w_mingo, .w_esport
    ) .signal-page-heading > .signal-page-heading__surface,
body.lion2-skin.lion-skin[data-lion-family='game']
    #ajax-content#ajax-content#ajax-content :is(
        .casino-page-hero--casino, .casino-page-hero--slot
    ).signal-page-heading > .signal-page-heading__surface,
body.lion2-skin.lion-skin[data-lion-family='account']
    #ajax-content#ajax-content#ajax-content :is(
        .w_myinfo, .w_join, .w_recommend, .spa-error-page
    ) .signal-page-heading > .signal-page-heading__surface {
    background:
        linear-gradient(90deg, rgb(4 6 7 / 97%) 0 31%, rgb(4 6 7 / 64%) 58%, rgb(4 6 7 / 12%) 82%),
        var(--signal-family-scene) 62% center / cover no-repeat !important;
}

/* Finance: vault panel hierarchy, tactile inputs and ledger rows. */
body.lion2-skin.lion-skin[data-lion-family='finance'] #ajax-content#ajax-content#ajax-content#ajax-content
    :is(.page.w_deposit, .page.w_withdraw) .forColumn > .col > .rectBox {
    box-sizing: border-box !important;
    border: 7px solid transparent !important;
    border-image: var(--signal-part-frame-heavy) var(--signal-slice-frame-heavy) / 7px / 0 stretch !important;
    background:
        linear-gradient(110deg, rgb(8 11 12 / 96%) 0 48%, rgb(8 11 12 / 69%) 75%, rgb(8 11 12 / 42%)),
        var(--signal-family-panel) right top / auto 520px no-repeat,
        var(--signal-part-concrete) center / 192px 192px repeat !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 6%), 9px 11px 0 rgb(0 0 0 / 28%) !important;
}

/* The legacy guide wrapper used an opaque concrete fill, hiding the family
 * artwork already owned by the right-hand vault chassis. Recompose that exact
 * cover so the machinery remains visible without reducing copy contrast. */
body.lion2-skin.lion-skin[data-lion-family='finance'] #ajax-content#ajax-content#ajax-content#ajax-content
    :is(.page.w_deposit, .page.w_withdraw) .forColumn > .col.m2 > .rectBox > .payment_method {
    background-color: transparent !important;
    background-image:
        linear-gradient(180deg, rgb(5 8 9 / 34%) 0 220px, rgb(5 8 9 / 82%) 560px, rgb(5 8 9 / 96%) 820px),
        var(--signal-family-panel),
        var(--signal-part-concrete) !important;
    background-repeat: no-repeat, no-repeat, repeat !important;
    background-position: center top, right -64px top, center !important;
    background-size: 100% 860px, auto 620px, 192px 192px !important;
}

body.lion2-skin.lion-skin[data-lion-family='finance'] #ajax-content#ajax-content#ajax-content#ajax-content
    :is(.page.w_deposit, .page.w_withdraw, .page.w_point, .page.w_coupon) :is(
        input:not([type='checkbox']):not([type='radio']), select, textarea
    ) {
    border: 5px solid transparent !important;
    border-image: var(--signal-part-input-well) var(--signal-slice-control) / 5px / 0 stretch !important;
    background-color: #080b0c !important;
    background-image: var(--signal-part-input-well) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    box-shadow: inset 0 2px 8px rgb(0 0 0 / 72%) !important;
}

body.lion2-skin.lion-skin[data-lion-family='finance'] #ajax-content#ajax-content#ajax-content#ajax-content
    :is(.page.w_deposit, .page.w_withdraw, .page.w_point, .page.w_coupon) :is(
        .list_history, table
    ) :is(th, td) {
    border-color: #4d5455 !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 3%) !important;
}

body.lion2-skin.lion-skin[data-lion-family='finance'] #ajax-content#ajax-content#ajax-content#ajax-content
    :is(.page.w_deposit, .page.w_withdraw, .page.w_point, .page.w_coupon) :is(
        .list_history, table
    ) th {
    background-color: #222829 !important;
    background-image: var(--signal-part-title-signal) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}

body.lion2-skin.lion-skin[data-lion-family='finance'] #ajax-content#ajax-content#ajax-content#ajax-content
    :is(.page.w_deposit, .page.w_withdraw, .page.w_point, .page.w_coupon) :is(
        .list_history, table
    ) tbody tr:nth-child(even) > td {
    background-color: #161b1c !important;
    background-image: var(--signal-part-notice-well) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}

/* Board: archive room for empty/list stages, with Korean copy kept intact. */
body.lion2-skin.lion-skin[data-lion-family='board'] #ajax-content#ajax-content#ajax-content
    .page.w_notice .notice-card-list:has(> .notice-empty:only-child),
body.lion2-skin.lion-skin[data-lion-family='board'] #ajax-content#ajax-content#ajax-content
    .page.w_questions .bbsl_wrap:has(> .bbsl_item_container--empty:only-child) {
    background:
        linear-gradient(180deg, rgb(4 7 8 / 18%) 0 34%, rgb(4 7 8 / 88%) 92%),
        var(--signal-family-panel) center / cover no-repeat !important;
}

body.lion2-skin.lion-skin[data-lion-family='board'] #ajax-content#ajax-content#ajax-content
    .page.w_notice .notice-empty,
body.lion2-skin.lion-skin[data-lion-family='board'] #ajax-content#ajax-content#ajax-content
    .page.w_questions .bbsl_item_container--empty {
    max-width: min(680px, calc(100% - 24px)) !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
}

body.lion2-skin.lion-skin[data-lion-family='board'] #ajax-content#ajax-content
    :is(.w_notice, .w_event, .w_rule, .w_questions, .w_memo, .w_free, .w_customer)
    :is(.notice-card, .bbsl_item_container, .memo-list-card, .free-list-card, .customer-list-card) {
    border-image: var(--signal-part-nav-dark) var(--signal-slice-control) / 5px / 0 stretch !important;
    background-color: #111617 !important;
    background-image: var(--signal-part-key-dark) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    box-shadow: 5px 6px 0 rgb(0 0 0 / 24%) !important;
}

/* Sports: family stage on the detail bay and a real hardware edge on every
 * match chassis. One shared compressed part is cached across the long list. */
body.lion2-skin.lion-skin[data-lion-family='sports'] #ajax-content#ajax-content
    :is(.w_europe, .w_inplay) > .sports-list {
    background:
        linear-gradient(90deg, rgb(7 10 11 / 96%) 0 58%, rgb(7 10 11 / 57%) 82%, rgb(7 10 11 / 22%)),
        var(--signal-family-panel) right top / 44% auto no-repeat,
        #090c0d !important;
    box-shadow: inset 0 0 0 1px #535b5d, 8px 10px 0 rgb(0 0 0 / 26%) !important;
}

body.lion2-skin.lion-skin[data-lion-family='sports'] #ajax-content#ajax-content
    :is(.w_europe, .w_inplay) #gameDetail_w:not(.active) {
    background:
        linear-gradient(180deg, rgb(6 9 10 / 22%), rgb(6 9 10 / 90%)),
        var(--signal-family-panel) center / cover no-repeat !important;
    box-shadow: inset 0 0 0 1px #4e5658, inset 0 0 54px rgb(0 0 0 / 42%) !important;
}

body.lion2-skin.lion-skin[data-lion-family='sports'] #ajax-content#ajax-content
    :is(.w_europe, .w_cross, .w_special, .w_realtime, .w_inplay) .game_list {
    box-sizing: border-box !important;
    border: 5px solid transparent !important;
    border-image: var(--signal-part-nav-dark) var(--signal-slice-control) / 5px / 0 stretch !important;
    background-color: #111617 !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 5%), 5px 6px 0 rgb(0 0 0 / 20%) !important;
}

/* Game: preserve provider artwork while replacing the literal mini-game
 * backing with a neutral machine bay and a tactile shared chassis. */
body.lion2-skin.lion-skin[data-lion-family='game'] #ajax-content#ajax-content #provider_list {
    box-sizing: border-box !important;
    border: 8px solid transparent !important;
    border-image: var(--signal-part-frame-heavy) var(--signal-slice-frame-heavy) / 8px / 0 stretch !important;
    background:
        linear-gradient(180deg, rgb(7 10 11 / 38%), rgb(7 10 11 / 92%)),
        var(--signal-family-panel) center top / cover no-repeat !important;
    box-shadow: inset 0 0 48px rgb(0 0 0 / 34%), 8px 10px 0 rgb(0 0 0 / 28%) !important;
}

body.lion2-skin.lion-skin[data-lion-family='game'] #ajax-content#ajax-content #provider_list
    .live-game-cont {
    background-color: #0d1112 !important;
    background-image: var(--signal-part-key-dark) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}

body.lion2-skin.lion-skin[data-lion-family='game'] #ajax-content#ajax-content #provider_list
    .live-game-cont > .el-row {
    background-color: rgb(11 15 16 / 88%) !important;
    background-image: linear-gradient(180deg, rgb(255 255 255 / 4%), transparent 34%) !important;
}

/* Account: secure-access identity plate and focused form wells. */
body.lion2-skin.lion-skin[data-lion-family='account'] #ajax-content#ajax-content#ajax-content
    #myinfo_page.page.w_myinfo .myinfo-overview {
    border: 8px solid transparent !important;
    border-image: var(--signal-part-frame-heavy) var(--signal-slice-frame-heavy) / 8px / 0 stretch !important;
    background:
        linear-gradient(90deg, rgb(7 10 11 / 96%) 0 52%, rgb(7 10 11 / 56%) 78%, rgb(7 10 11 / 18%)),
        var(--signal-family-panel) right center / auto 100% no-repeat !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 6%), 8px 10px 0 rgb(0 0 0 / 28%) !important;
}

@media (width >= 981px) {
    /* Let the parent security-vault artwork read through the value plate. */
    body.lion2-skin.lion-skin[data-lion-family='account'] #ajax-content#ajax-content#ajax-content
        #myinfo_page.page.w_myinfo .myinfo-assets {
        background-color: transparent !important;
        background-image: linear-gradient(90deg, rgb(7 10 11 / 46%), rgb(7 10 11 / 70%)) !important;
    }
}

body.lion2-skin.lion-skin[data-lion-family='account'] #ajax-content#ajax-content#ajax-content
    #myinfo_page.page.w_myinfo .myinfo-work-panel {
    border: 6px solid transparent !important;
    border-image: var(--signal-part-nav-dark) var(--signal-slice-control) / 6px / 0 stretch !important;
    background:
        linear-gradient(rgb(10 14 15 / 90%), rgb(7 10 11 / 96%)),
        var(--signal-part-concrete) center / 192px 192px repeat !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 5%), 6px 8px 0 rgb(0 0 0 / 24%) !important;
}

body.lion2-skin.lion-skin[data-lion-family='account'] #ajax-content#ajax-content#ajax-content
    :is(#myinfo_page.page.w_myinfo, .page.w_join, .page.w_recommend) :is(
        input:not([type='checkbox']):not([type='radio']), select, textarea
    ) {
    border: 5px solid transparent !important;
    border-image: var(--signal-part-input-well) var(--signal-slice-control) / 5px / 0 stretch !important;
    background-color: #080b0c !important;
    background-image: var(--signal-part-input-well) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    box-shadow: inset 0 2px 8px rgb(0 0 0 / 72%) !important;
}

/* Shared tactile roles: tabs, buttons, pagination and informational callouts
 * consume the existing raster kit instead of falling back to flat fills. */
body.lion2-skin.lion-skin[data-lion-family] #ajax-content#ajax-content :is(
    .w_deposit, .w_withdraw, .w_point, .w_coupon,
    .w_notice, .w_rule, .w_questions, .w_event, .w_memo, .w_free, .w_customer,
    .w_mybet, .w_result, .w_cross, .w_special, .w_realtime, .w_inplay, .w_europe,
    .w_casino, .w_slot, .w_virtualgame, .w_minigame,
    .w_myinfo, .w_join, .w_recommend
) :is(
    .tabs a, .tab a, [role='tab'], .el-pagination button, .pagination-area a,
    .mybet-pagination a, .amount_button, .all_amount_button, .reset_button
) {
    background-color: #151a1b !important;
    background-image: var(--signal-part-key-dark) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}

/* --------------------------------------------------------------------------
 * Phase 7 · dedicated rail artwork and readable service instruments.
 * ----------------------------------------------------------------------- */

body.lion2-skin {
    --signal-phase7-left-casino: url('/skin/lion2_main/images/campaign/left/lion2-left-casino-v1.webp');
    --signal-phase7-left-slot: url('/skin/lion2_main/images/campaign/left/lion2-left-slot-v1.webp');
    --signal-phase7-right-customer: url('/skin/lion2_main/images/campaign/right/lion2-right-customer-v6.webp');
    --signal-phase7-right-channel: url('/skin/lion2_main/images/campaign/right/lion2-right-channel-v6.webp');
    --signal-phase7-right-domain: url('/skin/lion2_main/images/campaign/right/lion2-right-domain-v6.webp');
    --signal-phase7-right-official: url('/skin/lion2_main/images/campaign/right/lion2-right-official-v6.webp');
}

/* The legacy Wave 2 rail rules intentionally live in this named layer. For
 * important declarations, layered rules outrank unlayered rules; joining the
 * same layer is therefore required for a real final override. */
@layer lion2-signal-shell {

body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos
    .lion-left-promo:is(.lion-left-promo--casino, .lion-left-promo--slot) {
    isolation: isolate !important;
    justify-content: flex-end !important;
    padding: 5px !important;
    border: 1px solid #737774 !important;
    background-color: #07090a !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    box-shadow:
        inset 0 0 0 1px rgb(255 255 255 / 14%),
        inset 0 -3px #b89300,
        0 4px 10px rgb(0 0 0 / 48%) !important;
}

body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos .lion-left-promo--casino {
    background-image: var(--signal-phase7-left-casino) !important;
}

body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos .lion-left-promo--slot {
    background-image: var(--signal-phase7-left-slot) !important;
}

body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos
    .lion-left-promo:is(.lion-left-promo--casino, .lion-left-promo--slot) > i {
    display: none !important;
}

body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos
    .lion-left-promo:is(.lion-left-promo--casino, .lion-left-promo--slot) > span {
    position: absolute !important;
    z-index: 3 !important;
    inset: 50% 4px auto 49% !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    color: #f8f8f3 !important;
    font-size: clamp(10px, .67vw, 13px) !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    line-height: 1 !important;
    text-align: center !important;
    text-shadow: 0 2px 4px #000, 0 0 8px #000 !important;
    transform: translateY(-50%) !important;
}

body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos
    .lion-left-promo:is(.lion-left-promo--casino, .lion-left-promo--slot) > span small {
    margin-top: 4px !important;
    color: #ffd400 !important;
    font-size: clamp(8px, .48vw, 10px) !important;
    letter-spacing: .1em !important;
    text-shadow: 0 1px 3px #000 !important;
}

body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos
    .lion-left-promo:is(.lion-left-promo--casino, .lion-left-promo--slot)::before {
    display: none !important;
    content: none !important;
}

body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos
    .lion-left-promo:is(.lion-left-promo--casino, .lion-left-promo--slot)::after {
    position: absolute !important;
    z-index: 2 !important;
    top: -45% !important;
    bottom: -45% !important;
    left: -48% !important;
    display: block !important;
    width: 30% !important;
    height: auto !important;
    content: '' !important;
    background: linear-gradient(
        105deg,
        transparent 0 30%,
        rgb(255 255 255 / 7%) 42%,
        rgb(255 255 255 / 58%) 50%,
        rgb(255 221 113 / 14%) 58%,
        transparent 70% 100%
    ) !important;
    opacity: 0;
    pointer-events: none !important;
    transform: skewX(-18deg) translateX(0);
    animation: lion2-left-promo-gloss 4.8s cubic-bezier(.22, .65, .35, 1) infinite;
}

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: #ffd400 !important;
    filter: brightness(1.12) contrast(1.05) !important;
    box-shadow:
        inset 0 0 0 2px rgb(255 255 255 / 18%),
        inset 0 -4px #ffd400,
        0 0 0 2px rgb(255 212 0 / 28%),
        0 6px 16px rgb(0 0 0 / 58%) !important;
}

@keyframes lion2-left-promo-gloss {
    0%, 58% {
        opacity: 0;
        transform: skewX(-18deg) translateX(0);
    }
    66% {
        opacity: .28;
    }
    82% {
        opacity: .68;
        transform: skewX(-18deg) translateX(560%);
    }
    90%, 100% {
        opacity: 0;
        transform: skewX(-18deg) translateX(620%);
    }
}

body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
    > .signal-service-banner:nth-child(4n + 1),
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-phase7-right-customer) !important;
}

body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
    > .signal-service-banner:nth-child(4n + 2),
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-phase7-right-channel) !important;
}

body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
    > .signal-service-banner:nth-child(4n + 3),
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-phase7-right-domain) !important;
}

body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
    > .signal-service-banner:nth-child(4n),
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-phase7-right-official) !important;
}

body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner > .signal-service-banner {
    border: 1px solid #686d6d !important;
    border-bottom: 4px solid #c9a000 !important;
    background-color: #07090a !important;
    background-image: var(--signal-wave2-current-right) !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    box-shadow:
        inset 0 0 0 1px rgb(255 255 255 / 13%),
        0 5px 12px rgb(0 0 0 / 54%) !important;
}

body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
    > .signal-service-banner > img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    filter: none !important;
    opacity: 1 !important;
}

body.lion2-skin.lion-skin .right_content#sidebar-right#sidebar-right .r_banner
    .signal-banner-label {
    inset: 7% 3% 7% 34% !important;
    grid-template-rows: auto auto 24px !important;
    align-content: center !important;
    gap: 3px !important;
    padding: 4px clamp(5px, .42vw, 8px) !important;
    overflow: hidden !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #f7f7f2 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    text-shadow: 0 2px 3px #000 !important;
}

body.lion2-skin.lion-skin .right_content#sidebar-right#sidebar-right .r_banner
    .signal-banner-label > strong {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: clamp(13px, .78vw, 15px) !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    line-height: 1.12 !important;
    text-shadow: 0 2px 3px #000 !important;
}

body.lion2-skin.lion-skin .right_content#sidebar-right#sidebar-right .r_banner
    .signal-banner-label > small {
    margin: 0 !important;
    color: #d7dcda !important;
    -webkit-text-fill-color: #d7dcda !important;
    font-size: clamp(10.5px, .61vw, 12px) !important;
    font-weight: 800 !important;
    letter-spacing: -.035em !important;
    line-height: 1.2 !important;
    text-shadow: 0 1px 3px #000 !important;
    white-space: nowrap !important;
}

body.lion2-skin.lion-skin .right_content#sidebar-right#sidebar-right .r_banner
    .signal-banner-cta {
    box-sizing: border-box !important;
    width: fit-content !important;
    min-width: 82px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 1px solid #ffd400 !important;
    background: linear-gradient(180deg, #ffe058, #d7aa00) !important;
    color: #080a0b !important;
    -webkit-text-fill-color: #080a0b !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-shadow: 0 1px rgb(255 255 255 / 36%) !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 44%) !important;
}

}

/* --------------------------------------------------------------------------
 * Phase 7 · geometry-safe home CTA and non-overlapping sport count readout.
 * ----------------------------------------------------------------------- */

body.lion2-skin #ajax-content#ajax-content .mpmenu1 > a .direct,
body.lion2-skin #ajax-content#ajax-content .mpmenu1 > a:hover .direct {
    position: absolute !important;
    inset: auto 9px calc(27% + 8px) 9px !important;
    display: flex !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
    background: transparent !important;
}

body.lion2-skin #ajax-content#ajax-content .mpmenu1 > a .direct-action {
    box-sizing: border-box !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content
    :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
    .spo_jong > .sports-type {
    grid-template-rows: 32px 14px 18px !important;
    box-sizing: border-box !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    align-content: center !important;
    gap: 1px !important;
    padding: 4px 3px 5px !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content
    :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
    .spo_jong > .sports-type > .signal-sport-icon {
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content
    :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
    .spo_jong > .sports-type > div {
    grid-row: 2 !important;
    align-self: center !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content
    :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
    .spo_jong > .sports-type > small {
    position: static !important;
    z-index: 3 !important;
    inset: auto !important;
    grid-row: 3 !important;
    display: inline-flex !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 26px !important;
    height: 18px !important;
    min-height: 18px !important;
    align-self: center !important;
    align-items: center !important;
    justify-self: center !important;
    justify-content: center !important;
    padding: 1px 5px !important;
    border: 1px solid #806900 !important;
    border-radius: 0 !important;
    background: #080b0c !important;
    color: #ffe45c !important;
    -webkit-text-fill-color: #ffe45c !important;
    font-family: var(--signal-font-numeric) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 2px #000 !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 6%) !important;
    pointer-events: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content
    :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
    .spo_jong > .sports-type:is(.on, [aria-selected='true']) > small {
    border-color: #080b0c !important;
    background: #080b0c !important;
    color: #fff2a8 !important;
    -webkit-text-fill-color: #fff2a8 !important;
    box-shadow:
        inset 0 0 0 1px rgb(255 212 0 / 42%),
        0 1px 3px rgb(0 0 0 / 52%) !important;
}

@media (prefers-reduced-motion: reduce) {
    body.lion2-skin #sidebar#sidebar .leftMenu .lion-left-promos
        .lion-left-promo:is(.lion-left-promo--casino, .lion-left-promo--slot)::after {
        opacity: 0 !important;
        animation: none !important;
    }
}

body.lion2-skin.lion-skin[data-lion-family] #ajax-content#ajax-content :is(
    .w_deposit, .w_withdraw, .w_point, .w_coupon,
    .w_notice, .w_rule, .w_questions, .w_event, .w_memo, .w_free, .w_customer,
    .w_mybet, .w_result, .w_cross, .w_special, .w_realtime, .w_inplay, .w_europe,
    .w_casino, .w_slot, .w_virtualgame, .w_minigame,
    .w_myinfo, .w_join, .w_recommend
) :is(
    .tabs a, .tab a, [role='tab'], .el-pagination button, .pagination-area a,
    .mybet-pagination a, .amount_button, .all_amount_button, .reset_button
):is(.active, .on, [aria-selected='true'], [aria-current='page']) {
    background-color: #ffd400 !important;
    background-image: var(--signal-part-key-yellow) !important;
    color: #080a0b !important;
}

@media (width <= 980px) {
    body.lion2-skin[data-lion-family] {
        --signal-family-scene: var(--signal-family-scene-mobile);
        --signal-family-panel: var(--signal-family-panel-mobile);
    }

    body.lion2-skin.lion-skin[data-lion-family='finance'] #ajax-content#ajax-content#ajax-content#ajax-content
        :is(.page.w_deposit, .page.w_withdraw) .forColumn > .col > .rectBox {
        border-width: 5px !important;
        border-image-width: 5px !important;
        background:
            linear-gradient(180deg, rgb(8 11 12 / 88%) 0 150px, rgb(8 11 12 / 97%) 360px),
            var(--signal-family-panel) center top / 100% auto no-repeat,
            var(--signal-part-concrete) center / 160px 160px repeat !important;
    }

    body.lion2-skin.lion-skin[data-lion-family='finance'] #ajax-content#ajax-content#ajax-content#ajax-content
        :is(.page.w_deposit, .page.w_withdraw) .forColumn > .col.m2 > .rectBox > .payment_method {
        background-image:
            linear-gradient(180deg, rgb(5 8 9 / 38%) 0 150px, rgb(5 8 9 / 90%) 410px, rgb(5 8 9 / 97%) 640px),
            var(--signal-family-panel),
            var(--signal-part-concrete) !important;
        background-position: center top, center top, center !important;
        background-size: 100% 680px, 100% auto, 160px 160px !important;
    }

    body.lion2-skin.lion-skin[data-lion-family='sports'] #ajax-content#ajax-content
        :is(.w_europe, .w_inplay) > .sports-list {
        background:
            linear-gradient(180deg, rgb(7 10 11 / 64%) 0 190px, rgb(7 10 11 / 97%) 440px),
            var(--signal-family-panel) center top / 100% auto no-repeat,
            #090c0d !important;
    }

    body.lion2-skin.lion-skin[data-lion-family='account'] #ajax-content#ajax-content#ajax-content
        #myinfo_page.page.w_myinfo .myinfo-overview {
        border-width: 6px !important;
        border-image-width: 6px !important;
        background:
            linear-gradient(180deg, rgb(7 10 11 / 74%) 0 110px, rgb(7 10 11 / 97%) 250px),
            var(--signal-family-panel) center top / 100% auto no-repeat !important;
    }

    body.lion2-skin.lion-skin[data-lion-family='board'] #ajax-content#ajax-content#ajax-content
        .page.w_notice .notice-empty,
    body.lion2-skin.lion-skin[data-lion-family='board'] #ajax-content#ajax-content#ajax-content
        .page.w_questions .bbsl_item_container--empty {
        width: calc(100% - 20px) !important;
        max-width: 100% !important;
        padding-inline: 18px !important;
        font-size: clamp(16px, 4.8vw, 20px) !important;
        line-height: 1.45 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.lion2-skin.lion-skin[data-lion-family] #ajax-content#ajax-content :is(
        .signal-page-heading, .rectBox, .notice-card, .game_list,
        .live-game-cont, .myinfo-overview, .myinfo-work-panel
    ) {
        transition-duration: .01ms !important;
    }
}

/* --------------------------------------------------------------------------
 * Phase 7 v29 — casino/slot thumbnail-ratio card system.
 *
 * Provider artwork is authored at 342x511 (portrait). Slot game artwork is
 * authored at 325x234 (landscape). The previous shared 4:3 media contract put
 * portrait art inside a landscape bay and exposed large chassis gutters.
 * These route-specific rules give each content type its native aspect ratio,
 * keep titles in a separate rail and let the grid fill every available row.
 * ----------------------------------------------------------------------- */

body.lion2-skin.lion-skin {
    --signal-provider-thumb-ratio: 342 / 511;
    --signal-slot-game-thumb-ratio: 325 / 234;
    --signal-provider-card-min: 148px;
    --signal-slot-game-card-min: 172px;
    --signal-game-title-rail: 44px;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--casino)
    #provider_list,
body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
    #provider_list:has(> :is(.slot_provider, .favorite-provider-card)) {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(var(--signal-provider-card-min), 1fr)) !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    justify-content: stretch !important;
    gap: 10px !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
    :is(#provider_list:has(> .game-item), #favorite_list) {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(var(--signal-slot-game-card-min), 1fr)) !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    justify-content: stretch !important;
    gap: 10px !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--casino)
    #provider_list > .live-game-cont,
body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
    :is(
        #provider_list > .slot_provider,
        #provider_list > .favorite-provider-card,
        #provider_list > .game-item,
        #favorite_list > .game-item
    ) {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    align-self: start !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 6px solid transparent !important;
    border-image-source: var(
        --signal-part-frame-heavy,
        url('/skin/lion2_main/images/signal/parts-v2/frames/signal-part-frame-heavy-9s-v1.webp')
    ) !important;
    border-image-slice: var(--signal-slice-frame-heavy, 72) fill !important;
    border-image-width: 6px !important;
    border-image-outset: 0 !important;
    border-image-repeat: stretch !important;
    background-color: #0d1112 !important;
    background-image: var(--signal-part-key-dark) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    box-shadow: 0 7px 16px rgb(0 0 0 / 34%) !important;
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--casino)
    #provider_list > .live-game-cont:is(:hover, :focus-within),
body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
    :is(
        #provider_list > .slot_provider,
        #provider_list > .favorite-provider-card,
        #provider_list > .game-item,
        #favorite_list > .game-item
    ):is(:hover, :focus-within) {
    filter: brightness(1.05) contrast(1.03) !important;
    box-shadow: 0 11px 24px rgb(0 0 0 / 46%), inset 0 0 0 1px rgb(255 212 0 / 34%) !important;
    transform: translateY(-2px) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--casino)
    #provider_list > .live-game-cont > .el-row,
body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
    :is(
        #provider_list > .slot_provider,
        #provider_list > .favorite-provider-card,
        #provider_list > .game-item,
        #favorite_list > .game-item
    ) > .el-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto var(--signal-game-title-rail) !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--casino)
    #provider_list > .live-game-cont > .el-row > img:first-child:not(.live-play),
body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
    #provider_list > :is(.slot_provider, .favorite-provider-card)
    > .el-row > img:first-child:not(.live-play) {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: var(--signal-provider-thumb-ratio) !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    background: #090c0d !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
    :is(#provider_list > .game-item, #favorite_list > .game-item)
    > .slot-image-container > .slot-game-image:first-child {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: var(--signal-slot-game-thumb-ratio) !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    background: #090c0d !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--casino)
    #provider_list > .live-game-cont .lion-game-card-title,
body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
    :is(#provider_list, #favorite_list) .lion-game-card-title {
    position: relative !important;
    inset: auto !important;
    z-index: 6 !important;
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: var(--signal-game-title-rail) !important;
    height: var(--signal-game-title-rail) !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 8px !important;
    overflow: hidden !important;
    border-top: 2px solid var(--signal-yellow-hot, #ffd316) !important;
    background:
        linear-gradient(180deg, rgb(255 255 255 / 5%), transparent 34%),
        #1b2021 !important;
    color: #f2f0e8 !important;
    font-family: var(--signal-font-body) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    text-shadow: 0 1px 2px #000 !important;
    white-space: normal !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--casino)
    #provider_list > .live-game-cont > .el-row > :is(.hoverw, .live-banner-blue2, .game-locked-overlay),
body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
    :is(
        #provider_list > .slot_provider,
        #provider_list > .favorite-provider-card,
        #provider_list > .game-item,
        #favorite_list > .game-item
) > .el-row > :is(.hoverw, .live-banner-blue2, .game-locked-overlay) {
    position: absolute !important;
    inset: 0 0 var(--signal-game-title-rail) !important;
    width: auto !important;
    height: auto !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--casino)
    #provider_list > .live-game-cont > .el-row::after,
body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
    :is(
        #provider_list > .slot_provider,
        #provider_list > .favorite-provider-card,
        #provider_list > .game-item,
        #favorite_list > .game-item
    ) > .el-row::after {
    display: none !important;
    content: none !important;
}

@media (width <= 520px) {
    body.lion2-skin.lion-skin {
        --signal-provider-card-min: 144px;
        --signal-slot-game-card-min: 150px;
        --signal-game-title-rail: 40px;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--casino)
        #provider_list,
    body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
        :is(#provider_list, #favorite_list) {
        gap: 7px !important;
        padding: 7px !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--casino)
        #provider_list > .live-game-cont .lion-game-card-title,
    body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
        :is(#provider_list, #favorite_list) .lion-game-card-title {
        padding: 5px 6px !important;
        font-size: 13px !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--casino)
        #provider_list > .live-game-cont,
    body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
        :is(
            #provider_list > .slot_provider,
            #provider_list > .favorite-provider-card,
            #provider_list > .game-item,
            #favorite_list > .game-item
        ) {
        border-width: 4px !important;
        border-image-width: 4px !important;
    }
}

@media (width <= 360px) {
    body.lion2-skin.lion-skin {
        --signal-provider-card-min: 132px;
        --signal-slot-game-card-min: 146px;
    }
}

@media (hover: none) {
    body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--casino)
        #provider_list > .live-game-cont > .el-row > .hoverw,
    body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
        :is(
            #provider_list > .slot_provider,
            #provider_list > .favorite-provider-card,
            #provider_list > .game-item,
            #favorite_list > .game-item
        ) > .el-row > .hoverw {
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--casino)
        #provider_list#provider_list > .live-game-cont > .el-row > .hoverw,
    body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
        #provider_list#provider_list > :is(.slot_provider, .favorite-provider-card, .game-item)
        > .el-row > .hoverw,
    body.lion2-skin.lion-skin #ajax-content#ajax-content:has(.casino-page-hero--slot)
        #favorite_list#favorite_list > .game-item > .el-row > .hoverw {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* --------------------------------------------------------------------------
 * Phase 7 v34 — Bet365-inspired virtual-sports broadcast console.
 *
 * The Lion2 shell remains untouched. Only /virtualgame and
 * /virtualgame/play use this emerald, charcoal, mint and yellow information
 * system. No third-party logo or artwork is copied; existing Lion2-owned
 * sports stills and semantic betting controls remain the source of truth.
 * ----------------------------------------------------------------------- */

body.lion2-skin.lion-skin:is(
    [data-lion-route='virtualgame'],
    [data-lion-route='virtualgame-play']
) {
    --virtual365-green-950: #031f19;
    --virtual365-green-900: #063e31;
    --virtual365-green-800: #005b45;
    --virtual365-green-700: #006a50;
    --virtual365-green-600: #087d5f;
    --virtual365-mint: #20edb3;
    --virtual365-mint-soft: #a9f7df;
    --virtual365-yellow: #f1d918;
    --virtual365-odds: #806f00;
    --virtual365-ink: #10251f;
    --virtual365-charcoal: #1f2120;
    --virtual365-panel: #2b2d2c;
    --virtual365-panel-soft: #343735;
    --virtual365-paper: #f4f6f5;
    --virtual365-paper-soft: #e6ebe8;
    --virtual365-line: #48514d;
    --virtual365-copy: #f4f6f5;
    --virtual365-muted: #a6aca9;
    --virtual365-font: Arial, 'Malgun Gothic', sans-serif;
}

body.lion2-skin.lion-skin:is(
    [data-lion-route='virtualgame'],
    [data-lion-route='virtualgame-play']
) #ajax-content#ajax-content#ajax-content
    :is(.virtualgame-page-image, .virtual-page > .page_ttl)
    > :is(.signal-page-heading__surface, .signal-page-heading__meta) {
    display: none !important;
}

body.lion2-skin.lion-skin[data-lion-family='game'][data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content
    .virtualgame-page-image.signal-page-heading::before {
    display: none !important;
    content: none !important;
    transform: none !important;
}

body.lion2-skin.lion-skin[data-lion-family='game'][data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content
    .virtualgame-page-image.signal-page-heading::after {
    display: block !important;
    content: '24H · 빠른 회차 · 실시간 배당' !important;
    transform: none !important;
}

body.lion2-skin.lion-skin[data-lion-family='game'][data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content
    .virtual-page > .page_ttl.signal-page-heading::before {
    display: block !important;
    content: 'VIRTUAL SPORTS' !important;
    transform: none !important;
}

body.lion2-skin.lion-skin[data-lion-family='game'][data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content
    .virtual-page > .page_ttl.signal-page-heading::after {
    display: block !important;
    content: '24H · FAST MARKETS' !important;
    transform: none !important;
}

/* Collection masthead and three-column broadcast cards. */
body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content .virtualgame-page-image {
    position: relative !important;
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    overflow: hidden !important;
    border: 1px solid #168467 !important;
    border-bottom: 4px solid var(--virtual365-mint) !important;
    border-image: none !important;
    border-radius: 4px 4px 0 0 !important;
    background:
        radial-gradient(circle at 82% 20%, rgb(32 237 179 / 20%), transparent 28%),
        linear-gradient(112deg, var(--virtual365-green-950), var(--virtual365-green-700) 64%, #00836a) !important;
    box-shadow: inset 0 1px rgb(255 255 255 / 9%), 0 8px 22px rgb(0 0 0 / 30%) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content .virtualgame-page-image > img.intro {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: .12 !important;
    filter: grayscale(1) contrast(1.2) brightness(.8) sepia(.2) hue-rotate(92deg) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content .virtualgame-page-image::before {
    position: absolute !important;
    inset: 20px auto auto 28px !important;
    z-index: 3 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    background: none !important;
    color: var(--virtual365-mint) !important;
    content: 'VIRTUAL SPORTS' !important;
    font-family: var(--virtual365-font) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .18em !important;
    line-height: 1 !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content .virtualgame-page-image::after {
    position: absolute !important;
    inset: auto 26px 22px auto !important;
    z-index: 3 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    background: none !important;
    color: rgb(244 246 245 / 72%) !important;
    content: '24H · 빠른 회차 · 실시간 배당' !important;
    font-family: var(--virtual365-font) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .03em !important;
    line-height: 1 !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content .virtualgame-page-image > .lion-page-title-copy {
    position: absolute !important;
    inset: 45px auto auto 27px !important;
    z-index: 3 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    color: #fff !important;
    font-family: var(--virtual365-font) !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    letter-spacing: -.04em !important;
    line-height: 1 !important;
    text-shadow: 0 2px 8px rgb(0 0 0 / 24%) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content .virtualgame-page-image + .page {
    padding: 14px !important;
    border: 1px solid #174b3d !important;
    border-top: 0 !important;
    background:
        linear-gradient(180deg, rgb(6 62 49 / 42%), transparent 190px),
        var(--virtual365-charcoal) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content .virtualgame-page-image + .page #provider_list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content .virtualgame-page-image + .page #provider_list::after {
    display: none !important;
    min-height: 0 !important;
    border: 0 !important;
    background: none !important;
    content: none !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content #provider_list > .live-game-cont {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #356156 !important;
    border-image: none !important;
    border-radius: 5px !important;
    background: var(--virtual365-green-950) !important;
    box-shadow: 0 6px 14px rgb(0 0 0 / 28%) !important;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content #provider_list > .live-game-cont:is(:hover, :focus-within) {
    border-color: var(--virtual365-mint) !important;
    box-shadow: 0 10px 24px rgb(0 0 0 / 38%), 0 0 0 1px rgb(32 237 179 / 30%) !important;
    transform: translateY(-2px) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content #provider_list > .live-game-cont > .el-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto 46px !important;
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
    border: 0 !important;
    background: var(--virtual365-green-950) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content
    #provider_list > .live-game-cont > .el-row > img:first-child {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    object-position: center !important;
    filter: saturate(.9) contrast(1.06) brightness(.9) !important;
    transition: filter 180ms ease, transform 240ms ease !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content
    #provider_list > .live-game-cont:is(:hover, :focus-within) > .el-row > img:first-child {
    filter: saturate(1.08) contrast(1.04) brightness(1.02) !important;
    transform: scale(1.025) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content
    #provider_list > .live-game-cont > .el-row > .live-banner-blue2 {
    position: absolute !important;
    inset: 0 0 46px !important;
    z-index: 2 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    background:
        linear-gradient(180deg, transparent 46%, rgb(3 31 25 / 48%) 100%),
        linear-gradient(112deg, rgb(0 106 80 / 16%), transparent 58%) !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content
    #provider_list > .live-game-cont > .el-row > .hoverw {
    position: absolute !important;
    inset: 0 0 46px !important;
    z-index: 4 !important;
    width: auto !important;
    height: auto !important;
    background: rgb(3 31 25 / 58%) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content
    #provider_list > .live-game-cont .signal-card-action {
    min-width: 104px !important;
    min-height: 38px !important;
    gap: 7px !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: var(--virtual365-mint) !important;
    color: var(--virtual365-ink) !important;
    font-family: var(--virtual365-font) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 6px 16px rgb(0 0 0 / 34%) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content
    #provider_list > .live-game-cont .lion-game-card-title {
    position: relative !important;
    inset: auto !important;
    z-index: 5 !important;
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 13px 0 31px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-top: 3px solid var(--virtual365-mint) !important;
    background: linear-gradient(90deg, var(--virtual365-green-900), #102820) !important;
    color: #fff !important;
    font-family: var(--virtual365-font) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: -.02em !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame']
    #ajax-content#ajax-content#ajax-content
    #provider_list > .live-game-cont .lion-game-card-title::before {
    position: absolute !important;
    left: 13px !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: var(--virtual365-yellow) !important;
    box-shadow: 0 0 0 3px rgb(241 217 24 / 12%) !important;
    content: '' !important;
}

/* Play masthead and navigation. */
body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow-x: clip !important;
    border: 1px solid #174b3d !important;
    border-radius: 4px !important;
    background: var(--virtual365-charcoal) !important;
    color: var(--virtual365-copy) !important;
    font-family: var(--virtual365-font) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page > .page_ttl {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
    align-items: flex-end !important;
    padding: 0 28px 19px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 4px solid var(--virtual365-mint) !important;
    border-image: none !important;
    border-radius: 3px 3px 0 0 !important;
    background:
        radial-gradient(circle at 84% 14%, rgb(32 237 179 / 18%), transparent 29%),
        linear-gradient(112deg, var(--virtual365-green-950), var(--virtual365-green-700) 67%, #00836a) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page > .page_ttl::before {
    position: absolute !important;
    inset: 19px auto auto 29px !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    background: none !important;
    color: var(--virtual365-mint) !important;
    content: 'VIRTUAL SPORTS' !important;
    font-family: var(--virtual365-font) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .18em !important;
    line-height: 1 !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page > .page_ttl::after {
    position: absolute !important;
    inset: auto 26px 22px auto !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    background: none !important;
    color: rgb(244 246 245 / 70%) !important;
    content: '24H · FAST MARKETS' !important;
    font-family: var(--virtual365-font) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page > .page_ttl > .lion-page-title-copy {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    color: #fff !important;
    font-family: var(--virtual365-font) !important;
    font-size: 27px !important;
    font-weight: 800 !important;
    letter-spacing: -.04em !important;
    line-height: 1 !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-sport-tabs {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 8px !important;
    overflow-x: auto !important;
    border: 0 !important;
    border-bottom: 1px solid #168467 !important;
    border-radius: 0 !important;
    background: var(--virtual365-green-900) !important;
    box-shadow: none !important;
    scrollbar-color: var(--virtual365-mint) var(--virtual365-green-950) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-sport-tab {
    position: relative !important;
    display: inline-flex !important;
    flex: 1 0 112px !important;
    min-width: 112px !important;
    min-height: 62px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 8px 11px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #d8e5e0 !important;
    font-family: var(--virtual365-font) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: background-color 140ms ease, color 140ms ease !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content
    .virtual-page .virtual-sport-tab:is(:hover, :focus-visible) {
    background: rgb(32 237 179 / 10%) !important;
    color: #fff !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-sport-tab.on {
    background: rgb(32 237 179 / 12%) !important;
    color: var(--virtual365-mint) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-sport-tab.on::after {
    position: absolute !important;
    inset: auto 10px 0 !important;
    height: 4px !important;
    border-radius: 4px 4px 0 0 !important;
    background: var(--virtual365-mint) !important;
    content: '' !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-sport-icon {
    display: inline-flex !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgb(255 255 255 / 14%) !important;
    border-radius: 50% !important;
    background: rgb(0 0 0 / 14%) !important;
    color: inherit !important;
    font-size: 14px !important;
    filter: none !important;
}

/* Broadcast stage: true 16:9 video, compact channel rail. */
body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-top-area {
    display: grid !important;
    grid-template-columns: 174px minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: #101614 !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-monitor-panel {
    display: flex !important;
    width: 174px !important;
    min-width: 0 !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 7px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-right: 1px solid #1d6f59 !important;
    border-radius: 0 !important;
    background: var(--virtual365-green-950) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-monitor-tab {
    position: relative !important;
    display: flex !important;
    flex: 1 1 0 !important;
    min-height: 54px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 3px !important;
    padding: 8px 10px 8px 15px !important;
    border: 0 !important;
    border-bottom: 1px solid rgb(255 255 255 / 8%) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #dce8e3 !important;
    font-family: var(--virtual365-font) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-align: left !important;
    box-shadow: none !important;
    transition: background-color 140ms ease, color 140ms ease !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content
    .virtual-page .virtual-monitor-tab:is(:hover, :focus-visible) {
    background: rgb(32 237 179 / 9%) !important;
    color: #fff !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-monitor-tab.on {
    background: var(--virtual365-green-800) !important;
    color: var(--virtual365-mint) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-monitor-tab.on::before {
    position: absolute !important;
    inset: 8px auto 8px 0 !important;
    width: 4px !important;
    border-radius: 0 3px 3px 0 !important;
    background: var(--virtual365-mint) !important;
    content: '' !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-monitor-code {
    color: var(--virtual365-muted) !important;
    font-family: var(--virtual365-font) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: .02em !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-video-panel {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #050807 !important;
    box-shadow: inset 0 0 0 1px rgb(32 237 179 / 14%) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-video-frame {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    border: 0 !important;
    background: #050807 !important;
}

/* Coupon and result board. */
body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-bottom-area {
    display: grid !important;
    grid-template-columns: minmax(0, 3fr) minmax(330px, 2fr) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 8px !important;
    padding: 0 8px 8px !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page :is(.virtual-left-col, .virtual-right-col) {
    min-width: 0 !important;
    overflow: hidden !important;
    border: 1px solid #40504a !important;
    border-radius: 3px !important;
    background: var(--virtual365-panel) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-left-league {
    display: flex !important;
    min-height: 54px !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 7px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid #227b63 !important;
    border-radius: 0 !important;
    background: var(--virtual365-green-900) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-left-league-icon {
    display: inline-flex !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgb(32 237 179 / 30%) !important;
    border-radius: 50% !important;
    background: rgb(0 0 0 / 18%) !important;
    color: var(--virtual365-mint) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .signal-virtual-league-icon {
    color: inherit !important;
    font-size: 16px !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-left-league-tabs {
    display: flex !important;
    min-width: 0 !important;
    gap: 5px !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-league-tab {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    min-height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 11px !important;
    border: 1px solid rgb(255 255 255 / 12%) !important;
    border-radius: 18px !important;
    background: rgb(0 0 0 / 14%) !important;
    color: #d6e2dd !important;
    font-family: var(--virtual365-font) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content
    .virtual-page .virtual-league-tab:is(.on, :hover, :focus-visible) {
    border-color: var(--virtual365-mint) !important;
    background: var(--virtual365-mint) !important;
    color: var(--virtual365-ink) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-game-list {
    display: grid !important;
    gap: 7px !important;
    padding: 7px !important;
    background: var(--virtual365-charcoal) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-game-item {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    border: 1px solid #c6cfca !important;
    border-left: 0 !important;
    border-radius: 3px !important;
    background: var(--virtual365-paper) !important;
    color: var(--virtual365-ink) !important;
    box-shadow: 0 2px 7px rgb(0 0 0 / 20%) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-league-info {
    display: flex !important;
    min-height: 38px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 11px !important;
    border: 0 !important;
    border-bottom: 1px solid #0d8061 !important;
    background: linear-gradient(90deg, var(--virtual365-green-900), var(--virtual365-green-700)) !important;
    color: #fff !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-league-info .league-text {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #fff !important;
    font-family: var(--virtual365-font) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-time-bar {
    display: flex !important;
    min-height: 38px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 6px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #d1d8d4 !important;
    background: var(--virtual365-paper-soft) !important;
    color: #53615b !important;
    font-family: var(--virtual365-font) !important;
    font-size: 11px !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-time-bar .time-box {
    display: inline-flex !important;
    min-height: 26px !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 8px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--virtual365-charcoal) !important;
    color: #dce3df !important;
    font-family: var(--virtual365-font) !important;
    white-space: nowrap !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-time-bar .time-txt {
    color: var(--virtual365-mint) !important;
    font-family: var(--signal-font-numeric) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    font-variant-numeric: tabular-nums !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page :is(
        .virtual-game-odds,
        .virtual-race-runners
    ) {
    gap: 5px !important;
    padding: 6px !important;
    border: 0 !important;
    background: var(--virtual365-paper) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-race-runners {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .btn-virtual-runner {
    width: 100% !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-game-unover {
    padding-top: 5px !important;
    border-top: 1px solid #d1d8d4 !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page :is(
        .btn-virtual-bet,
        .btn-virtual-runner
    ) {
    min-width: 0 !important;
    min-height: 44px !important;
    gap: 6px !important;
    padding: 7px 9px !important;
    border: 1px solid #c8d0cc !important;
    border-radius: 3px !important;
    background: #fff !important;
    color: var(--virtual365-ink) !important;
    font-family: var(--virtual365-font) !important;
    font-size: 11px !important;
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%) !important;
    transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page :is(
        .btn-virtual-bet,
        .btn-virtual-runner
    ):is(:hover, :focus-visible) {
    border-color: #63c6a9 !important;
    background: #e0f7ef !important;
    color: var(--virtual365-ink) !important;
    box-shadow: 0 0 0 2px rgb(32 237 179 / 18%) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page :is(
        .btn-virtual-bet,
        .btn-virtual-runner
    ).on {
    border-color: #d3c400 !important;
    background: var(--virtual365-yellow) !important;
    color: #16251f !important;
    box-shadow: inset 0 -2px rgb(130 116 0 / 18%), 0 0 0 2px rgb(241 217 24 / 22%) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .btn-virtual-vs {
    display: flex !important;
    min-width: 42px !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: #dce3df !important;
    color: #53615b !important;
    font-family: var(--virtual365-font) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page :is(
        .btn-virtual-bet .odds-val,
        .runner-odds
    ) {
    min-width: 42px !important;
    margin-left: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--virtual365-odds) !important;
    font-family: var(--signal-font-numeric) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    font-variant-numeric: tabular-nums !important;
    text-align: right !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page :is(
        .btn-virtual-bet.on .odds-val,
        .btn-virtual-runner.on .runner-odds
    ) {
    color: var(--virtual365-green-900) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-pick-label {
    min-width: 25px !important;
    height: 24px !important;
    padding: 0 6px !important;
    border: 1px solid #b6c0bb !important;
    border-radius: 2px !important;
    background: #edf1ef !important;
    color: var(--virtual365-green-800) !important;
    font-family: var(--virtual365-font) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 22px !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .btn-virtual-bet.on .virtual-pick-label {
    border-color: rgb(6 62 49 / 25%) !important;
    background: rgb(255 255 255 / 45%) !important;
    color: var(--virtual365-green-900) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .btn-virtual-runner .runner-num {
    border: 0 !important;
    border-radius: 2px !important;
    background: var(--virtual365-green-900) !important;
    color: #fff !important;
    font-family: var(--signal-font-numeric) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-history-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #227b63 !important;
    border-radius: 0 !important;
    background: var(--virtual365-green-900) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-history-tab {
    position: relative !important;
    display: flex !important;
    min-height: 54px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #d6e2dd !important;
    font-family: var(--virtual365-font) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content
    .virtual-page .virtual-history-tab:is(:hover, :focus-visible) {
    background: rgb(32 237 179 / 8%) !important;
    color: #fff !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-history-tab.on {
    background: transparent !important;
    color: var(--virtual365-mint) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-history-tab.on::after {
    position: absolute !important;
    inset: auto 20px 0 !important;
    height: 4px !important;
    border-radius: 3px 3px 0 0 !important;
    background: var(--virtual365-mint) !important;
    content: '' !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-history-content {
    min-height: 360px !important;
    max-height: 720px !important;
    overflow: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--virtual365-paper) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-result-header {
    min-height: 38px !important;
    border: 0 !important;
    border-bottom: 1px solid #176b55 !important;
    background: var(--virtual365-green-800) !important;
    color: #fff !important;
    font-family: var(--virtual365-font) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-result-row {
    min-height: 38px !important;
    border: 0 !important;
    border-bottom: 1px solid #d5dcd8 !important;
    background: #f7f8f7 !important;
    color: #34443e !important;
    font-family: var(--virtual365-font) !important;
    font-size: 10px !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-result-row:nth-child(even) {
    background: #edf1ef !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page .virtual-empty {
    min-height: 120px !important;
    padding: 28px !important;
    border: 0 !important;
    background: var(--virtual365-paper) !important;
    color: #65726c !important;
    font-family: var(--virtual365-font) !important;
}

/* Keyboard focus must remain distinct from hover and selected states. */
body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    #ajax-content#ajax-content#ajax-content .virtual-page :is(
        .virtual-sport-tab,
        .virtual-monitor-tab,
        .virtual-history-tab
    ):focus-visible {
    position: relative !important;
    z-index: 2 !important;
    outline: 2px solid var(--virtual365-mint) !important;
    outline-offset: -3px !important;
    box-shadow: inset 0 0 0 1px var(--virtual365-green-950) !important;
}

/* Route-specific right betslip: neutral summary, mint action.
 * This block rejoins the owning shell layer so its important declarations
 * outrank the earlier industrial frame/key artwork without fake specificity. */
@layer lion2-signal-shell {
body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel {
    overflow: hidden !important;
    border: 1px solid #14785e !important;
    border-image: none !important;
    border-radius: 3px !important;
    background: var(--virtual365-charcoal) !important;
    background-image: none !important;
    color: var(--virtual365-copy) !important;
    font-family: var(--virtual365-font) !important;
    box-shadow: 0 8px 20px rgb(0 0 0 / 34%) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel .bgy.title {
    min-height: 44px !important;
    border: 0 !important;
    border-bottom: 3px solid var(--virtual365-mint) !important;
    background: var(--virtual365-green-900) !important;
    background-image: none !important;
    color: #fff !important;
    font-family: var(--virtual365-font) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel #virtual_cart {
    min-height: 54px !important;
    padding: 8px !important;
    border-bottom: 1px solid #46504c !important;
    background: #191d1b !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel :is(
        .virtual-cart-empty,
        .virtual-cart-item,
        .virtual-cart-item .cart-inner
    ) {
    border: 0 !important;
    border-radius: 3px !important;
    background: var(--virtual365-paper) !important;
    color: var(--virtual365-ink) !important;
    font-family: var(--virtual365-font) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel :is(
        .virtual-cart-league,
        .virtual-cart-teams
    ) {
    color: #43534c !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel .virtual-cart-pick {
    color: var(--virtual365-green-900) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel .virtual-cart-pick .cart-odds {
    border: 0 !important;
    border-radius: 2px !important;
    background: var(--virtual365-yellow) !important;
    color: var(--virtual365-ink) !important;
    font-family: var(--signal-font-numeric) !important;
    font-weight: 900 !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel :is(.betinput, .betinput2) {
    border-color: #46504c !important;
    background: #202522 !important;
    color: #d5ddda !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel #virtual_bettingprice {
    border: 1px solid #708078 !important;
    border-radius: 2px !important;
    background: #f6f8f7 !important;
    color: var(--virtual365-ink) !important;
    font-family: var(--signal-font-numeric) !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel .betmoney {
    gap: 4px !important;
    padding: 6px !important;
    background: #171b19 !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel .betmoney button {
    min-height: 42px !important;
    border: 1px solid #52615a !important;
    border-radius: 2px !important;
    background: #2c332f !important;
    background-image: none !important;
    color: #f0f3f1 !important;
    font-family: var(--signal-font-numeric) !important;
    font-weight: 700 !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel .betmoney button:is(:hover, :focus-visible) {
    border-color: var(--virtual365-mint) !important;
    background: #0e6049 !important;
    color: #fff !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel :is(
        #virtual_total_odd,
        #virtual_total_odd_amount
    ) {
    color: var(--virtual365-yellow) !important;
    font-family: var(--signal-font-numeric) !important;
    font-weight: 900 !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel .betbtn_wrap {
    padding: 9px !important;
    background: #111513 !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel .betbtn {
    min-height: 52px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: var(--virtual365-mint) !important;
    background-image: none !important;
    color: var(--virtual365-ink) !important;
    font-family: var(--virtual365-font) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    box-shadow: inset 0 -3px rgb(0 89 65 / 18%), 0 5px 14px rgb(0 0 0 / 24%) !important;
    text-shadow: none !important;
    transition: filter 140ms ease, transform 140ms ease !important;
}

body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
    .right_content#sidebar-right#sidebar-right .lion-betslip-panel .betbtn:is(:hover, :focus-visible) {
    filter: brightness(1.05) !important;
    transform: translateY(-1px) !important;
}
}

@media (width <= 980px) {
    body.lion2-skin.lion-skin[data-lion-route='virtualgame']
        #ajax-content#ajax-content#ajax-content .virtualgame-page-image {
        height: 98px !important;
        min-height: 98px !important;
        max-height: 98px !important;
        border-radius: 0 !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame']
        #ajax-content#ajax-content#ajax-content .virtualgame-page-image::before {
        inset: 16px auto auto 18px !important;
        font-size: 10px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame']
        #ajax-content#ajax-content#ajax-content .virtualgame-page-image::after {
        inset: auto 16px 17px auto !important;
        font-size: 9px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame']
        #ajax-content#ajax-content#ajax-content .virtualgame-page-image > .lion-page-title-copy {
        inset: 38px auto auto 17px !important;
        font-size: 26px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame']
        #ajax-content#ajax-content#ajax-content .virtualgame-page-image + .page {
        padding: 9px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame']
        #ajax-content#ajax-content#ajax-content .virtualgame-page-image + .page #provider_list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame']
        #ajax-content#ajax-content#ajax-content #provider_list > .live-game-cont > .el-row {
        grid-template-rows: auto 42px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame']
        #ajax-content#ajax-content#ajax-content
        #provider_list > .live-game-cont > .el-row > :is(.live-banner-blue2, .hoverw) {
        inset: 0 0 42px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame']
        #ajax-content#ajax-content#ajax-content
        #provider_list > .live-game-cont .lion-game-card-title {
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 8px 0 25px !important;
        font-size: 12px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame']
        #ajax-content#ajax-content#ajax-content
        #provider_list > .live-game-cont .lion-game-card-title::before {
        left: 9px !important;
        width: 7px !important;
        height: 7px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page {
        border-inline: 0 !important;
        border-radius: 0 !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page > .page_ttl {
        height: 92px !important;
        min-height: 92px !important;
        max-height: 92px !important;
        padding: 0 16px 17px !important;
        border-radius: 0 !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page > .page_ttl::before {
        inset: 17px auto auto 17px !important;
        font-size: 10px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page > .page_ttl::after {
        display: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page > .page_ttl > .lion-page-title-copy {
        font-size: clamp(22px, 6.8vw, 28px) !important;
        white-space: nowrap !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-sport-tabs {
        padding: 0 4px !important;
        scrollbar-width: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-sport-tabs::-webkit-scrollbar {
        display: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-sport-tab {
        flex: 0 0 82px !important;
        min-width: 82px !important;
        min-height: 66px !important;
        flex-direction: column !important;
        gap: 4px !important;
        padding: 6px 5px !important;
        font-size: 11px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-sport-icon {
        flex-basis: 26px !important;
        width: 26px !important;
        height: 26px !important;
        font-size: 13px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-top-area {
        display: flex !important;
        flex-direction: column !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-video-panel {
        order: 1 !important;
        aspect-ratio: 16 / 9 !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-monitor-panel {
        display: flex !important;
        order: 2 !important;
        width: 100% !important;
        min-height: 52px !important;
        flex-direction: row !important;
        gap: 4px !important;
        padding: 5px !important;
        overflow-x: auto !important;
        border: 0 !important;
        border-top: 1px solid #1d6f59 !important;
        scrollbar-width: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-monitor-panel::-webkit-scrollbar {
        display: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-monitor-tab {
        flex: 0 0 118px !important;
        min-height: 44px !important;
        padding: 7px 9px !important;
        border: 1px solid rgb(255 255 255 / 10%) !important;
        border-radius: 3px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-monitor-tab.on::before {
        inset: auto 8px 0 !important;
        width: auto !important;
        height: 3px !important;
        border-radius: 3px 3px 0 0 !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-bottom-area {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 0 0 8px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page :is(.virtual-left-col, .virtual-right-col) {
        border-inline: 0 !important;
        border-radius: 0 !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-left-league {
        min-height: 50px !important;
        padding: 6px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-game-list {
        gap: 6px !important;
        padding: 6px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-time-bar {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page :is(
            .btn-virtual-bet,
            .btn-virtual-runner
        ) {
        min-height: 48px !important;
        padding: 7px !important;
    }

    body.lion2-skin.lion-skin[data-lion-route='virtualgame-play']
        #ajax-content#ajax-content#ajax-content .virtual-page .virtual-history-content {
        max-height: min(68svh, 620px) !important;
        overflow-y: auto !important;
    }
}

@media (hover: none) {
    body.lion2-skin.lion-skin[data-lion-route='virtualgame']
        #ajax-content#ajax-content#ajax-content
        #provider_list > .live-game-cont > .el-row > .hoverw {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.lion2-skin.lion-skin:is(
        [data-lion-route='virtualgame'],
        [data-lion-route='virtualgame-play']
    ) :is(
        .live-game-cont,
        .live-game-cont img,
        .virtual-sport-tab,
        .virtual-monitor-tab,
        .virtual-league-tab,
        .btn-virtual-bet,
        .btn-virtual-runner,
        .lion-betslip-panel .betbtn
    ) {
        transition-duration: .01ms !important;
    }
}