/*
 * Lion2 / Brutalist Signal final detail-page visual cleanup.
 *
 * This is intentionally the last post-bundle layer. It removes the remaining
 * Lion1 raster identity without changing route, API, form, canvas, iframe or
 * administrator/provider media contracts.
 */

/* --------------------------------------------------------------------------
 * Generated family artwork: text remains live HTML above text-free imagery.
 * ----------------------------------------------------------------------- */

body.lion2-skin[data-lion-route='ranking'] .w_tournament_ranking .signal-page-heading__surface,
body.lion2-skin[data-lion-route='rolling-king'] .w_honor_ranking .signal-page-heading__surface,
body.lion2-skin[data-lion-route='hall-of-fame'] .w_honor_ranking .signal-page-heading__surface {
    background:
        linear-gradient(90deg, rgb(4 8 10 / 94%) 0 28%, rgb(4 8 10 / 56%) 58%, rgb(4 8 10 / 18%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-ranking-v1.webp') 72% center / cover no-repeat !important;
}

body.lion2-skin[data-lion-route='point'] .w_point .signal-page-heading__surface {
    background:
        linear-gradient(90deg, rgb(5 8 13 / 94%) 0 42%, rgb(5 8 13 / 48%) 72%, rgb(5 8 13 / 12%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-point-v1.webp') center / cover no-repeat !important;
}

body.lion2-skin:is([data-lion-route='join'], [data-lion-route='recommend'])
    :is(.w_join, .w_recommend) .signal-page-heading__surface {
    background:
        linear-gradient(90deg, rgb(7 8 14 / 94%) 0 40%, rgb(7 8 14 / 48%) 72%, rgb(7 8 14 / 10%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-join-v1.webp') center / cover no-repeat !important;
}

body.lion2-skin[data-lion-route='roulette'] .w_roulette .signal-page-heading__surface {
    background:
        linear-gradient(90deg, rgb(9 7 11 / 92%) 0 34%, rgb(9 7 11 / 42%) 68%, rgb(9 7 11 / 12%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-roulette-v1.webp') center 44% / cover no-repeat !important;
}

/* --------------------------------------------------------------------------
 * Tournament, rolling king and hall of fame.
 * Administrator event thumbnails remain untouched.
 * ----------------------------------------------------------------------- */

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking {
    --honor-signal-accent: #ffd400;
    --honor-signal-cyan: #55d9e8;
    --honor-signal-line: #536066;
    padding-bottom: 28px !important;
    background: transparent !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking #honor-page-hero {
    margin: 0 0 10px !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero {
    position: relative !important;
    isolation: isolate;
    display: flex !important;
    width: 100% !important;
    height: clamp(150px, 16vw, 210px) !important;
    min-height: 150px !important;
    max-height: 210px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 22px clamp(20px, 5vw, 62px) !important;
    overflow: hidden !important;
    border: 1px solid var(--honor-signal-line) !important;
    border-bottom: 6px solid var(--honor-signal-accent) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgb(4 8 10 / 96%) 0 34%, rgb(4 8 10 / 58%) 60%, rgb(4 8 10 / 16%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-ranking-v1.webp') 72% center / cover no-repeat !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 5%), 0 8px 20px rgb(0 0 0 / 32%) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero::before {
    position: absolute !important;
    z-index: -1 !important;
    inset: 0 !important;
    display: block !important;
    content: '' !important;
    background:
        linear-gradient(90deg, rgb(85 217 232 / 12%) 1px, transparent 1px),
        linear-gradient(rgb(85 217 232 / 8%) 1px, transparent 1px) !important;
    background-size: 36px 36px !important;
    color: transparent !important;
    opacity: .56 !important;
    pointer-events: none;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero::after {
    position: absolute !important;
    z-index: 1 !important;
    right: 14px !important;
    bottom: 12px !important;
    left: auto !important;
    display: block !important;
    content: 'RANK SIGNAL / LIVE DATA' !important;
    color: #d6dde0 !important;
    -webkit-text-fill-color: #d6dde0 !important;
    font: 800 9px/1 ui-monospace, Consolas, monospace !important;
    letter-spacing: .16em !important;
    opacity: .72 !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero-copy {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    max-width: min(58%, 520px);
    gap: 6px;
    opacity: 1 !important;
    transform: none !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero-copy h2 {
    margin: 0 !important;
    color: #f3f1ea !important;
    -webkit-text-fill-color: #f3f1ea !important;
    font-family: var(--signal-font-display) !important;
    font-size: clamp(27px, 3vw, 44px) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: -.05em !important;
    text-shadow: 0 3px 8px rgb(0 0 0 / 72%) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero-kicker {
    width: max-content;
    padding: 4px 7px;
    border-left: 5px solid var(--honor-signal-accent);
    background: rgb(8 11 13 / 80%);
    color: var(--honor-signal-cyan) !important;
    font: 900 12px/1 ui-monospace, Consolas, monospace;
    letter-spacing: .14em;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero-copy p {
    margin: 0 !important;
    color: #bcc8cc !important;
    -webkit-text-fill-color: #bcc8cc !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking :is(
    .honor-hero-title-image,
    .honor-cat-strip-image,
    .honor-champion-medal,
    .honor-champion-portrait,
    .honor-empty-stage__sky,
    .honor-empty-stage__spotlight,
    .honor-empty-stage__emblem,
    .honor-empty-stage__pedestal
) {
    display: none !important;
    background: none !important;
    opacity: 0 !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking :is(
    #honor-event-list,
    #honor-event-view,
    .honor-ranking-shell,
    .honor-champions,
    .honor-table,
    .honor-cat-tabs,
    .honor-champion
) {
    background-color: #101518 !important;
    background-image: none !important;
    color: #eff3f4 !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking :is(#honor-event-list, #honor-event-view) {
    min-height: 280px;
    padding: 12px !important;
    border: 1px solid var(--honor-signal-line) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-empty-stage {
    min-height: 280px !important;
    border: 1px dashed var(--honor-signal-line) !important;
    border-left: 7px solid var(--honor-signal-cyan) !important;
    background:
        linear-gradient(90deg, rgb(8 12 14 / 96%), rgb(8 12 14 / 72%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-ranking-v1.webp') 72% center / cover no-repeat !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-empty-stage__copy {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    max-width: 620px;
    place-items: center;
    gap: 10px;
    opacity: 1 !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-champion {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    min-height: 116px !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px !important;
    border: 1px solid var(--honor-signal-line) !important;
    border-left: 6px solid var(--honor-signal-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-champion-rank,
body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-rank-badge--signal {
    display: inline-grid !important;
    width: 48px !important;
    height: 48px !important;
    place-items: center !important;
    border: 2px solid var(--honor-signal-accent) !important;
    border-radius: 0 !important;
    background: #21292d !important;
    color: var(--honor-signal-accent) !important;
    -webkit-text-fill-color: var(--honor-signal-accent) !important;
    font: 900 20px/1 ui-monospace, Consolas, monospace !important;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-rank-badge--2 {
    border-color: #aeb9be !important;
    color: #d6dde0 !important;
    -webkit-text-fill-color: #d6dde0 !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-rank-badge--3 {
    border-color: #da8a48 !important;
    color: #f0a567 !important;
    -webkit-text-fill-color: #f0a567 !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-ranking-shell--odds .honor-cat-tabs {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
    grid-template-rows: none !important;
    gap: 6px !important;
    padding: 8px !important;
    overflow: visible !important;
    border: 1px solid var(--honor-signal-line) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-ranking-shell--odds .honor-cat-tab {
    position: relative !important;
    display: grid !important;
    min-width: 0 !important;
    min-height: 48px !important;
    grid-column: auto !important;
    grid-row: auto !important;
    place-content: center !important;
    gap: 3px !important;
    padding: 6px 8px !important;
    border: 1px solid var(--honor-signal-line) !important;
    background: #1b2225 !important;
    color: #e8edef !important;
    -webkit-text-fill-color: #e8edef !important;
    font-size: 12px !important;
    text-align: center !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-ranking-shell--odds .honor-cat-tab::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-ranking-shell--odds .honor-cat-tab.is-active {
    border-color: var(--honor-signal-accent) !important;
    background: #2a2d1a !important;
    color: var(--honor-signal-accent) !important;
    -webkit-text-fill-color: var(--honor-signal-accent) !important;
    box-shadow: inset 0 -4px 0 var(--honor-signal-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-cat-tab-label,
body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-cat-tab-count {
    display: block !important;
    color: inherit !important;
    -webkit-text-fill-color: currentcolor !important;
    font: inherit !important;
    opacity: 1 !important;
}

/* --------------------------------------------------------------------------
 * Point, join and referral surfaces.
 * ----------------------------------------------------------------------- */

body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__balance {
    border: 0 !important;
    border-right: 1px solid #59646a !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgb(5 9 14 / 92%) 0 40%, rgb(5 9 14 / 56%) 72%, rgb(5 9 14 / 22%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-point-v1.webp') 66% center / cover no-repeat !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 5%) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__balance::before {
    inset: 10px !important;
    border: 1px solid rgb(85 217 232 / 28%) !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .w_join .join-placeholder-stage {
    display: grid !important;
    min-height: clamp(400px, 58vh, 620px) !important;
    place-items: center !important;
    margin-top: 10px !important;
    border: 1px solid #59646a !important;
    border-bottom: 6px solid #88d58b !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgb(6 8 15 / 90%) 0 38%, rgb(6 8 15 / 52%) 68%, rgb(6 8 15 / 18%)),
        radial-gradient(circle at 78% 38%, rgb(201 140 255 / 34%), transparent 34%),
        url('/skin/lion2_main/images/campaign/families/lion2-family-join-v1.webp') center / cover no-repeat,
        linear-gradient(135deg, #101827, #171020 58%, #10171b) !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 5%) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_join .join-placeholder-copy {
    position: relative !important;
    z-index: 2 !important;
    inset: auto !important;
    width: min(580px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
    padding: 24px !important;
    border: 1px solid #59646a !important;
    border-left: 7px solid #88d58b !important;
    border-radius: 0 !important;
    background: rgb(8 12 17 / 88%) !important;
    color: #eef3ef !important;
    text-align: left !important;
    transform: none !important;
}

body.lion2-skin.lion-skin #ajax-content .w_join .join-placeholder-copy :is(h2, p) {
    color: #eef3ef !important;
    -webkit-text-fill-color: #eef3ef !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .w_join .join-placeholder-eyebrow {
    color: #88d58b !important;
    -webkit-text-fill-color: #88d58b !important;
}

body.lion2-skin.lion-skin #ajax-content .w_join .join-placeholder-home {
    border: 1px solid #88d58b !important;
    border-radius: 0 !important;
    background: #88d58b !important;
    color: #09110b !important;
    -webkit-text-fill-color: #09110b !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .w_recommend .recommend-hero-visual {
    min-height: 250px !important;
    border: 1px solid #59646a !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgb(6 8 15 / 16%), rgb(6 8 15 / 50%)),
        radial-gradient(circle at 78% 38%, rgb(201 140 255 / 24%), transparent 36%),
        url('/skin/lion2_main/images/campaign/families/lion2-family-join-v1.webp') 62% center / cover no-repeat,
        linear-gradient(135deg, #101827, #171020 58%, #10171b) !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 5%) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_recommend :is(
    .recommend-hero-card,
    .recommend-card,
    .recommend-step-card,
    .recommend-code-panel,
    .recommend-table-card
) {
    border-color: #536066 !important;
    border-radius: 0 !important;
    background-color: #11171a !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* --------------------------------------------------------------------------
 * Roulette: retain Winwheel canvas and IDs, replace decorative raster chrome.
 * ----------------------------------------------------------------------- */

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_wrap {
    background:
        linear-gradient(rgb(5 8 11 / 30%), rgb(5 8 11 / 76%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-roulette-v1.webp') center 42% / cover no-repeat !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette-tab-button::before {
    display: none !important;
    content: none !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette-tab-label {
    position: relative;
    z-index: 3;
    display: block !important;
    color: inherit !important;
    -webkit-text-fill-color: currentcolor !important;
    font-family: var(--signal-font-display);
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -.04em;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_canvas {
    position: absolute !important;
    z-index: 3 !important;
    top: 24px !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    display: flex !important;
    width: min(56vw, 600px) !important;
    max-width: calc(100% - 48px) !important;
    height: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_canvas canvas {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_canvas canvas {
    filter: saturate(1.14) contrast(1.08) brightness(.92) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_btn {
    position: absolute !important;
    z-index: 6 !important;
    top: calc((min(56vw, 600px) / 2) + 24px) !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    display: flex !important;
    width: 108px !important;
    max-width: 108px !important;
    height: 108px !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_btn::after {
    display: none !important;
    content: none !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_btn #roulette_start {
    position: absolute !important;
    z-index: 3 !important;
    inset: 0 !important;
    display: grid !important;
    width: 100% !important;
    height: 100% !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #090b0c !important;
    -webkit-text-fill-color: #090b0c !important;
    font: 900 21px/1 var(--signal-font-display) !important;
    letter-spacing: -.05em !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_btn #roulette_start:focus-visible {
    outline: 4px solid #55d9e8 !important;
    outline-offset: 4px !important;
}

/* --------------------------------------------------------------------------
 * Memo, sports results/live, Esport and launch/error states: CSS-only signal.
 * ----------------------------------------------------------------------- */

body.lion2-skin.lion-skin #ajax-content .w_memo :is(.memo-overview, #memo_list_card, .memo-table-card),
body.lion2-skin.lion-skin #ajax-content .w_result :is(.result-filters, .match-card, .loading-area),
body.lion2-skin.lion-skin #ajax-content :is(.w_realtime, .w_inplay) :is(.sports-list, .game_pan, .league_info) {
    background-color: #101518 !important;
    background-image: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Betresult owns one semantic page title. The old template exposed a live
 * title span and a second H2, and the generic heading decorator painted both. */
body.lion2-skin.lion-skin #ajax-content .w_result .page-header
    > :is(h1, h2).lion-page-title-copy {
    display: block !important;
}

body.lion2-skin.lion-skin #ajax-content .w_result .page-header
    > :is(h1, h2):not(.lion-page-title-copy) {
    display: none !important;
}

body.lion2-skin.lion-skin #ajax-content .w_memo :is(
    .memo-overview__art,
    .memo-hero-art,
    .memo-medallion,
    .memo-envelope,
    .memo-wax-seal,
    [class*='memo-ornament'],
    [class*='memo-envelope-art']
) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    opacity: 0 !important;
}

body.lion2-skin.lion-skin #ajax-content .w_memo .memo-overview__copy {
    border-left-color: #a8ee61 !important;
    background: #0d1315 !important;
}

body.lion2-skin.lion-skin #ajax-content .w_memo #memo_list_card .memo-card-header::after {
    background: repeating-linear-gradient(135deg, #a8ee61 0 8px, #151b1d 8px 16px) !important;
}

body.lion2-skin #ajax-content .w_result .loading-area .spinner,
body.lion2-skin #ajax-content .esport-status .loading-spinner {
    width: 38px !important;
    height: 38px !important;
    margin: 0 auto 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, #ff665d 0 26%, transparent 26% 37%, #ffd400 37% 63%, transparent 63% 74%, #55d9e8 74%) !important;
    box-shadow: 0 0 18px rgb(85 217 232 / 24%) !important;
    animation: lion2-detail-signal-pulse 1.15s steps(2, end) infinite !important;
}

body.lion2-skin :is(.esport-launch-shell, #esport-loading, .esport-status, .signal-launch-status) {
    border-radius: 0 !important;
    background-color: #101518 !important;
    background-image:
        linear-gradient(90deg, rgb(85 217 232 / 8%) 1px, transparent 1px),
        linear-gradient(rgb(85 217 232 / 6%) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
    box-shadow: none !important;
}

body.lion2-skin .esport-error {
    border: 1px solid #536066 !important;
    border-left: 6px solid #ff665d !important;
    background: #181315 !important;
    color: #f1f2ee !important;
}

body.lion2-skin :is(#page-loader, #ajax_loader) {
    background-image: none !important;
}

body.lion2-skin #ajax_loader.loader_overlay {
    width: 112px !important;
    height: 86px !important;
    overflow: visible !important;
    border: 1px solid #6a7478 !important;
    border-bottom: 6px solid #ffd400 !important;
    border-radius: 0 !important;
    background: #101518 !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 5%), 0 16px 34px rgb(0 0 0 / 52%) !important;
}

body.lion2-skin #ajax_loader.lds-dual-ring::before {
    position: absolute !important;
    top: 19px !important;
    left: 23px !important;
    width: 60px !important;
    height: 12px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, #ff665d 0 30%, #ffd400 30% 66%, #55d9e8 66%) !important;
    box-shadow: none !important;
    animation: lion2-detail-signal-scan 1s steps(3, end) infinite !important;
}

body.lion2-skin #ajax_loader.lds-dual-ring::after {
    position: absolute !important;
    top: 45px !important;
    left: 28px !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #55d9e8 !important;
    box-shadow: 18px 0 0 #ffd400, 36px 0 0 #ff665d !important;
    filter: none !important;
    animation: lion2-detail-signal-pulse .8s steps(2, end) infinite !important;
}

/* Keep announcement metadata above the strict 12px rendered-text floor. */
body.lion2-skin :is(.signal-popup__eyebrow, .signal-popup__counter) {
    font-size: 12px !important;
}

/* Normal provider/game artwork keeps its source color. Only explicit lock,
 * disabled and generated fallback states retain the subdued grayscale cue. */
body.lion2-skin.lion-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,
    .lion-provider-fallback,
    .signal-media-fallback
) {
    filter: none !important;
}

body.lion2-skin.lion-skin #ajax-content :is(
    #provider_list,
    #favorite_list,
    #mini_game_list,
    #lotus_game_list,
    #tokengame_list,
    #mingo_list
) :is(
    .live-game-cont.provider-locked,
    .live-game-cont.locked,
    .live-game-cont.is-disabled,
    .live-game-cont[aria-disabled='true'],
    .live-game-cont[data-media-state='fallback'],
    .live-game-cont:has(> .el-row > .game-locked-overlay)
) > .el-row > img:first-child,
body.lion2-skin.lion-skin #ajax-content :is(
    #provider_list,
    #favorite_list,
    #mini_game_list,
    #lotus_game_list,
    #tokengame_list,
    #mingo_list
) img:is(.lion-provider-fallback, .signal-media-fallback) {
    filter: grayscale(1) contrast(1.08) brightness(.62) !important;
}

/* --------------------------------------------------------------------------
 * Popular league and Mingo/Token identity: live text and runtime branding.
 * Provider, league and administrator images below these headings are retained.
 * ----------------------------------------------------------------------- */

body.lion2-skin .left_content .lion-popular-leagues {
    border: 1px solid #4e585d !important;
    border-radius: 0 !important;
    background: #0e1315 !important;
    box-shadow: none !important;
}

body.lion2-skin .left_content .lion-popular-leagues h4 {
    display: flex !important;
    height: 38px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-left: 6px solid #55d9e8 !important;
    border-bottom: 1px solid #4e585d !important;
    background: #1a2124 !important;
    color: #e9edef !important;
    -webkit-text-fill-color: #e9edef !important;
    font-family: var(--signal-font-display) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
}

body.lion2-skin .left_content .lion-popular-leagues a {
    background: #101518 !important;
    color: #c6ced1 !important;
}

body.lion2-skin .left_content .lion-popular-leagues a:is(:hover, :focus-visible) {
    background: #202b2f !important;
    color: #55d9e8 !important;
}

body.lion2-skin #ajax-content :is(.lion-mingo-hero, .lion-token-hero) > .text {
    display: none !important;
}

body.lion2-skin #ajax-content :is(#mingo_list, #tokengame_list) {
    border-top: 4px solid #c98cff;
    background: #0c1113;
}

@keyframes lion2-detail-signal-pulse {
    50% { opacity: .48; transform: scale(.92); }
}

@keyframes lion2-detail-signal-scan {
    50% { filter: brightness(1.5); transform: translateX(4px); }
}

@media (max-width: 767px) {
    body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero {
        height: 132px !important;
        min-height: 132px !important;
        max-height: 132px !important;
        padding: 16px !important;
        background-position: 64% center !important;
    }

    body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero-copy {
        max-width: 72%;
    }

    body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero-copy h2 {
        font-size: clamp(23px, 7.2vw, 30px) !important;
    }

    body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero::after {
        display: none !important;
    }

    body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-champion {
        grid-template-columns: 48px minmax(0, 1fr) !important;
        min-height: 92px !important;
    }

    body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-champion-rank {
        width: 42px !important;
        height: 42px !important;
    }

    body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__balance {
        min-height: 280px !important;
        border-right: 0 !important;
        border-bottom: 1px solid #59646a !important;
        background-position: 60% center !important;
    }

    body.lion2-skin.lion-skin #ajax-content .w_join .join-placeholder-stage {
        min-height: 430px !important;
        padding: 16px !important;
        background-position: 62% center !important;
    }

    body.lion2-skin.lion-skin #ajax-content .w_join .join-placeholder-copy {
        width: 100% !important;
        padding: 18px !important;
    }

    body.lion2-skin.lion-skin #ajax-content .w_recommend .recommend-hero-visual {
        min-height: 210px !important;
        background-position: 62% center !important;
    }

    body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette-tab-label {
        font-size: 13px;
    }

    body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_canvas {
        top: 14px !important;
        left: 50% !important;
        width: min(92vw, 520px) !important;
        max-width: calc(100% - 20px) !important;
        transform: translateX(-50%) !important;
    }

    body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_btn {
        top: calc((min(92vw, 520px) / 2) + 14px) !important;
        left: 50% !important;
        width: 80px !important;
        max-width: 80px !important;
        height: 80px !important;
        transform: translate(-50%, -50%) !important;
    }
}

/* === LION2-DETAIL-COHESION-CONTRACT:BEGIN ===
 * Final route-family convergence.  This block intentionally uses the real,
 * repeated application IDs instead of a manufactured fake ID so it can retire
 * the remaining Lion1 important declarations without changing any DOM or
 * runtime contract.  Administrator/content img, video, iframe and canvas
 * nodes are deliberately absent from every selector below.
 */

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_point,
    .page.w_coupon,
    .page.w_recommend,
    .page.w_notice,
    .page.w_event,
    .page.w_rule,
    .page.w_questions,
    .page.w_quiz_event,
    .page.w_attendance,
    .page.w_free,
    .page.w_customer,
    .page.w_tournament_ranking,
    .page.w_honor_ranking,
    .page.w_mybet,
    .page.w_result,
    .page.w_memo,
    .page.w_myinfo,
    .page.w_join
) {
    --detail-accent: #ffd400 !important;
    --detail-accent-ink: #090b0c !important;
    --detail-bg: #0b0f11 !important;
    --detail-panel: #151a1c !important;
    --detail-panel-2: #202628 !important;
    --detail-line: #535b5e !important;
    --detail-line-strong: #8b9294 !important;
    --detail-text: #eff1ed !important;
    --detail-muted: #a9afae !important;
    --detail-danger: #ff665d !important;
    --detail-success: #63d79a !important;
    --signal-heading-accent: #ffd400 !important;
    box-sizing: border-box;
    background-color: var(--detail-bg) !important;
    background-image: none !important;
    color: var(--detail-text) !important;
    font-family: var(--signal-font-body) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point {
    --point-bg: #0b0f11 !important;
    --point-panel: #151a1c !important;
    --point-panel-2: #202628 !important;
    --point-line: #535b5e !important;
    --point-line-soft: rgb(139 146 148 / 34%) !important;
    --point-gold: #ffd400 !important;
    --point-gold-soft: #cdb134 !important;
    --point-copy: #eff1ed !important;
    --point-muted: #a9afae !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_coupon {
    --coupon-wine: #202628 !important;
    --coupon-wine-dark: #101416 !important;
    --coupon-forest: #202628 !important;
    --coupon-forest-dark: #101416 !important;
    --coupon-cream: #ffd400 !important;
    --coupon-gold: #ffd400 !important;
    --coupon-bronze: #535b5e !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo {
    --memo-bg: #0b0f11 !important;
    --memo-panel: #151a1c !important;
    --memo-panel-warm: #202628 !important;
    --memo-line: #535b5e !important;
    --memo-line-faint: rgb(139 146 148 / 34%) !important;
    --memo-gold: #ffd400 !important;
    --memo-gold-bright: #ffe36a !important;
    --memo-copy: #eff1ed !important;
    --memo-muted: #a9afae !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content #myinfo_page.page.w_myinfo {
    --mi-black: #0b0f11 !important;
    --mi-panel: #151a1c !important;
    --mi-panel-warm: #202628 !important;
    --mi-line: #535b5e !important;
    --mi-line-soft: rgb(139 146 148 / 34%) !important;
    --mi-gold: #ffd400 !important;
    --mi-gold-bright: #ffe36a !important;
    --mi-cream: #eff1ed !important;
    --mi-muted: #a9afae !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_honor_ranking {
    --honor-signal-accent: #ffd400 !important;
    --honor-signal-cyan: #ffd400 !important;
    --honor-signal-line: #535b5e !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_point,
    .page.w_coupon,
    .page.w_recommend,
    .page.w_notice,
    .page.w_event,
    .page.w_rule,
    .page.w_questions,
    .page.w_quiz_event,
    .page.w_attendance,
    .page.w_free,
    .page.w_customer,
    .page.w_tournament_ranking,
    .page.w_honor_ranking,
    .page.w_mybet,
    .page.w_result,
    .page.w_memo,
    .page.w_myinfo,
    .page.w_join
) :not(i):not([class^='fi']):not([class*=' fi-']):not([class^='icon-']):not([class*=' icon-']) {
    font-family: var(--signal-font-body) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_point,
    .page.w_coupon,
    .page.w_recommend,
    .page.w_notice,
    .page.w_event,
    .page.w_rule,
    .page.w_questions,
    .page.w_quiz_event,
    .page.w_attendance,
    .page.w_free,
    .page.w_customer,
    .page.w_tournament_ranking,
    .page.w_honor_ranking,
    .page.w_mybet,
    .page.w_result,
    .page.w_memo,
    .page.w_myinfo,
    .page.w_join
) :is(h1, h2, h3, h4, .page_ttl, .signal-page-heading__title, .panel-title, .section-title) {
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
    font-family: var(--signal-font-display) !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_point,
    .page.w_coupon,
    .page.w_recommend,
    .page.w_notice,
    .page.w_event,
    .page.w_rule,
    .page.w_questions,
    .page.w_quiz_event,
    .page.w_attendance,
    .page.w_free,
    .page.w_customer,
    .page.w_tournament_ranking,
    .page.w_honor_ranking,
    .page.w_mybet,
    .page.w_result,
    .page.w_memo,
    .page.w_myinfo
) :is(
    .point-treasury__amount,
    .point-treasury__rate,
    .point-ledger__index,
    .point-ledger__date strong,
    .point-ledger__date small,
    .point-ledger__point,
    .point-ledger__balance,
    .coupon-ticket__amount,
    .coupon-history-row__amount,
    .myinfo-asset-value,
    .stat_money,
    .memo-date,
    .memo-stat__value,
    .recommend-row__cell--amount,
    .score,
    .score-cell,
    .odds,
    .rate,
    .date,
    .time,
    [id$='_amount'],
    [id$='_emoney']
) {
    font-family: var(--signal-font-numeric) !important;
    font-variant-numeric: tabular-nums lining-nums !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_point,
    .page.w_coupon,
    .page.w_recommend,
    .page.w_memo,
    .page.w_myinfo,
    .page.w_notice,
    .page.w_event,
    .page.w_free,
    .page.w_customer,
    .page.w_questions,
    .page.w_rule,
    .page.w_result,
    .page.w_tournament_ranking,
    .page.w_honor_ranking
) :is(
    .rectBox,
    .payment_method,
    .stat_money,
    .wd-card,
    .wd-status-box,
    .receive-type-card,
    .point-treasury,
    .point-treasury__exchange,
    .point-ledger,
    .pointdetail,
    .coupon-toolbar,
    .coupon-summary,
    .coupon-grid,
    .couponwrap,
    .coupon-history-card,
    .coupon-history-row,
    .coupon-ticket,
    .memo-overview,
    #memo_list_card,
    .memo-table-card,
    .memo-item,
    .memo-row,
    .myinfo-overview,
    .myinfo-profile,
    .myinfo-work-panel,
    .myinfo-assets,
    .myinfo-asset,
    .myinfo-profile-fields,
    .myinfo-profile-field,
    .myinfo-field,
    .board-layout-scope,
    .notice-card,
    .board-detail-card,
    #event_list,
    #event_view,
    .event_detail,
    .list_history,
    .boardinput,
    .customer-detail-card,
    .customer-attach-block,
    .questions_detail,
    .rule_detail,
    .result-filters,
    .match-card,
    .score-box,
    .quick-stats,
    .stats-grid,
    .loading-area,
    .ranking-event-card,
    .ranking-view-content,
    .honor-ranking-shell,
    .honor-champion,
    .honor-cat-tabs
) {
    border-color: var(--detail-line) !important;
    border-radius: 0 !important;
    background-color: var(--detail-panel) !important;
    background-image: none !important;
    color: var(--detail-text) !important;
    -webkit-text-fill-color: currentcolor !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_join .join-placeholder-stage {
    border-color: var(--detail-line) !important;
    border-bottom-color: var(--detail-accent) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgb(7 10 12 / 92%) 0 38%, rgb(7 10 12 / 52%) 68%, rgb(7 10 12 / 18%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-join-v1.webp') center / cover no-repeat,
        #101416 !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 5%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_join .join-placeholder-copy {
    border: 1px solid var(--detail-line) !important;
    border-left: 7px solid var(--detail-accent) !important;
    border-radius: 0 !important;
    background: rgb(11 15 17 / 94%) !important;
    color: var(--detail-text) !important;
    box-shadow: 6px 6px 0 #050708 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_join .join-placeholder-eyebrow {
    color: var(--detail-accent) !important;
    -webkit-text-fill-color: var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_recommend :is(
    .recommend-hero-card,
    .recommend-card,
    .recommend-step-card,
    .recommend-code-panel,
    .recommend-table-card
) {
    border-color: var(--detail-line) !important;
    border-radius: 0 !important;
    background: var(--detail-panel) !important;
    color: var(--detail-text) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_recommend .recommend-hero-visual {
    border-color: var(--detail-line) !important;
    border-bottom: 6px solid var(--detail-accent) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgb(7 10 12 / 20%), rgb(7 10 12 / 56%)),
        url('/skin/lion2_main/images/campaign/families/lion2-family-join-v1.webp') 62% center / cover no-repeat,
        #101416 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point :is(
    .point-treasury__amount strong,
    .point-treasury__amount span,
    .point-treasury__label,
    .point-treasury__heading,
    .point-ledger__title
),
body.lion2-skin.lion-skin #ajax-content#ajax-content #myinfo_page :is(
    .myinfo-title,
    .myinfo-asset-label,
    .myinfo-asset-value,
    .myinfo-profile-heading,
    .myinfo-panel-title,
    .myinfo-field-label
) {
    color: var(--detail-accent) !important;
    -webkit-text-fill-color: var(--detail-accent) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point .point-treasury__gauge {
    border-color: var(--detail-line) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point .point-treasury__gauge::before {
    border-color: var(--detail-line-strong) !important;
    background: #090c0d !important;
    box-shadow: inset 0 0 0 4px #202628 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point .point-treasury__gauge i {
    background: var(--detail-line-strong) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point .point-treasury__gauge b {
    background: var(--detail-accent) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point #point_treasury .point-treasury__balance::before {
    border-color: rgb(255 212 0 / 34%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_coupon .coupon-ticket {
    border: 1px solid var(--detail-line) !important;
    border-left: 7px solid var(--detail-accent) !important;
    background: #171c1e !important;
    color: var(--detail-text) !important;
    clip-path: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_coupon .coupon-ticket:is(.is-used, .is-available) {
    border-left-color: var(--detail-success) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_coupon .coupon-ticket.is-expired {
    border-left-color: var(--detail-danger) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_coupon .coupon-ticket :is(
    .coupon-ticket__serial,
    .coupon-ticket__code,
    .coupon-ticket__title,
    .coupon-ticket__amount strong
) {
    color: var(--detail-accent) !important;
    -webkit-text-fill-color: var(--detail-accent) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content #myinfo_page :is(
    .myinfo-medallion,
    .myinfo-asset-art
) {
    border: 1px solid var(--detail-line) !important;
    border-radius: 0 !important;
    background-color: #101416 !important;
    background-image: repeating-linear-gradient(135deg, #ffd400 0 8px, #151a1c 8px 16px) !important;
    filter: none !important;
}

/* The Lion1 medallion is intentionally retired. Collapse its reserved grid
 * track as well, otherwise the live account copy is squeezed into half of the
 * overview panel even though the artwork itself is hidden. */
body.lion2-skin.lion-skin #ajax-content#ajax-content #myinfo_page .myinfo-overview-main {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 24px 28px !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content #myinfo_page .myinfo-medallion {
    display: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content #myinfo_page .myinfo-overview-copy {
    width: 100% !important;
    max-width: 620px !important;
    padding: 0 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content #myinfo_page .myinfo-description {
    max-width: 620px !important;
    font-size: 14px !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content #myinfo_page .myinfo-copy-break {
    display: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_point,
    .page.w_coupon,
    .page.w_recommend,
    .page.w_memo,
    .page.w_myinfo,
    .page.w_join,
    .page.w_notice,
    .page.w_event,
    .page.w_free,
    .page.w_customer,
    .page.w_questions,
    .page.w_rule,
    .page.w_result,
    .page.w_tournament_ranking,
    .page.w_honor_ranking
) :is(
    button,
    input[type='button'],
    input[type='submit'],
    .button,
    .btn,
    .btn_blue,
    .btn_gray,
    .btnRed,
    .btnReds,
    .btn_red,
    .amount_button,
    .all_amount_button,
    .reset_button,
    .finance-action-button,
    .deposit-method-tab,
    .withdraw-method-tab,
    .cpmenu a,
    .ranking-status-tab,
    .sport-tab,
    .date-btn,
    .detail-toggle,
    .memo-toolbar-action,
    .myinfo-primary-button,
    .join-placeholder-home,
    .coupon-delete-action
) {
    border: 1px solid var(--detail-line) !important;
    border-radius: 0 !important;
    background-color: #242a2c !important;
    background-image: none !important;
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
    box-shadow: none !important;
    font-family: var(--signal-font-body) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_point,
    .page.w_myinfo,
    .page.w_join,
    .page.w_free,
    .page.w_customer
) :is(
    #deposit_proc,
    #withdraw_proc,
    #point_proc,
    #deposit_account_btn,
    #deposit_coin_btn,
    #withdraw_coin_btn,
    #btn_passchg_proc,
    #btn_pay_passchg_proc,
    #write_btn,
    #customer_account_btn,
    .join-placeholder-home
),
body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    .page.w_coupon,
    .page.w_result,
    .page.w_tournament_ranking,
    .page.w_honor_ranking,
    .page.w_deposit,
    .page.w_withdraw
) :is(
    .cpmenu a.on,
    .sport-tab.active,
    .date-btn.active,
    .ranking-status-tab.on,
    .honor-cat-tab.is-active,
    .deposit-method-tab.active,
    .withdraw-method-tab.active
) {
    border-color: var(--detail-accent) !important;
    background-color: var(--detail-accent) !important;
    background-image: none !important;
    color: var(--detail-accent-ink) !important;
    -webkit-text-fill-color: var(--detail-accent-ink) !important;
    box-shadow: inset 0 -4px 0 rgb(0 0 0 / 24%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(.page.w_deposit, .page.w_withdraw)
    .receive-type-card.active {
    border-color: var(--detail-accent) !important;
    background: #202628 !important;
    box-shadow: inset 6px 0 0 var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_point,
    .page.w_coupon,
    .page.w_memo,
    .page.w_myinfo,
    .page.w_free,
    .page.w_customer,
    .page.w_questions
) :is(
    input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']),
    select,
    textarea
) {
    border: 1px solid var(--detail-line) !important;
    border-radius: 0 !important;
    background: #090d0f !important;
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
    box-shadow: none !important;
    font-family: var(--signal-font-body) !important;
    font-size: 14px !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_point,
    .page.w_coupon,
    .page.w_notice,
    .page.w_event,
    .page.w_free,
    .page.w_customer,
    .page.w_questions,
    .page.w_result,
    .page.w_tournament_ranking,
    .page.w_honor_ranking
) table th {
    border-color: var(--detail-line) !important;
    background: #252b2d !important;
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    .page.w_deposit,
    .page.w_withdraw,
    .page.w_point,
    .page.w_coupon,
    .page.w_notice,
    .page.w_event,
    .page.w_free,
    .page.w_customer,
    .page.w_questions,
    .page.w_result,
    .page.w_tournament_ranking,
    .page.w_honor_ranking
) table td {
    border-color: #353c3f !important;
    background: #101416 !important;
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo #memo_list_card .memo-row--unread {
    border-left: 6px solid var(--detail-accent) !important;
    background: #1e2117 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo .memo-overview__copy {
    border-left-color: var(--detail-accent) !important;
    background: #101416 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo #memo_list_card .memo-card-header::after {
    background: repeating-linear-gradient(135deg, #ffd400 0 8px, #151a1c 8px 16px) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo #all_read_btn {
    border-color: var(--detail-accent) !important;
    background: #242a2c !important;
    color: var(--detail-accent) !important;
    -webkit-text-fill-color: var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(.page.w_coupon, .page.w_memo, .page.w_customer, .page.w_free, .page.w_deposit, .page.w_withdraw)
    :is(
        #all_del_btn,
        #all_memo_del_btn,
        #deposit_del_btn,
        #withdraw_del_btn,
        .memo-delete-button,
        .customer-delete-action,
        .coupon-delete-action,
        .btnReds,
        .btn_red
    ) {
    border-color: var(--detail-danger) !important;
    background: #2a1717 !important;
    color: #ffb4ae !important;
    -webkit-text-fill-color: #ffb4ae !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_customer .status-yes,
body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_result :is(.win-badge, .win-cell, .score.win) {
    border-color: var(--detail-success) !important;
    background: #15251d !important;
    color: var(--detail-success) !important;
    -webkit-text-fill-color: var(--detail-success) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_customer .status-pending {
    border-color: var(--detail-accent) !important;
    background: #292713 !important;
    color: #ffe36a !important;
    -webkit-text-fill-color: #ffe36a !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_customer .status-cancel-request {
    border-color: var(--detail-line) !important;
    background: #202628 !important;
    color: var(--detail-muted) !important;
    -webkit-text-fill-color: var(--detail-muted) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_result :is(.lose-cell, .live-badge) {
    border-color: var(--detail-danger) !important;
    background: #2a1717 !important;
    color: #ffb4ae !important;
    -webkit-text-fill-color: #ffb4ae !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_result .loading-area .spinner {
    background: repeating-linear-gradient(90deg, #ffd400 0 10px, #242a2c 10px 20px) !important;
    box-shadow: 0 0 18px rgb(255 212 0 / 22%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_customer :is(
    [style*='#51fffd'],
    [style*='#d5a532']
) {
    color: var(--detail-accent) !important;
    -webkit-text-fill-color: var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_honor_ranking .honor-hero::before {
    background:
        linear-gradient(90deg, rgb(255 212 0 / 11%) 1px, transparent 1px),
        linear-gradient(rgb(255 212 0 / 7%) 1px, transparent 1px) !important;
    background-size: 36px 36px !important;
}

/* Point ledger: replace the remaining brown timeline/table treatment. */
body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point .point-ledger__head {
    border-bottom: 4px solid var(--detail-accent) !important;
    background: transparent !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point .point-ledger__head::before {
    color: var(--detail-accent) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point .point-ledger__head::after {
    display: none !important;
    background: none !important;
    content: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point .point-ledger__columns {
    border: 1px solid var(--detail-line) !important;
    background: #252b2d !important;
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point :is(
    .point-ledger__row,
    .point-ledger__row:nth-child(even)
) {
    border: 0 !important;
    border-bottom: 1px solid #353c3f !important;
    background: #101416 !important;
    color: var(--detail-text) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point .point-ledger__row::before {
    border: 1px solid var(--detail-accent) !important;
    border-radius: 0 !important;
    background: var(--detail-accent) !important;
    box-shadow: 0 0 0 3px #202628 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point :is(
    .point-ledger__index,
    .point-ledger__row:nth-child(even) .point-ledger__index
) {
    background: #202628 !important;
    color: var(--detail-accent) !important;
    -webkit-text-fill-color: var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point .point-ledger__date {
    border-left-color: var(--detail-line) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point .point-ledger__date strong {
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point :is(
    .point-ledger__date small,
    .point-ledger__balance,
    .point-ledger__balance small
) {
    color: var(--detail-muted) !important;
    -webkit-text-fill-color: var(--detail-muted) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point .point-ledger__content {
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point .point-ledger__point {
    color: var(--detail-accent) !important;
    -webkit-text-fill-color: var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_point .point-ledger__point.is-minus {
    color: var(--detail-danger) !important;
    -webkit-text-fill-color: var(--detail-danger) !important;
}

/* Tournament ranking: preserve data-driven event art, flatten only its shell. */
body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_tournament_ranking .ranking-status-menu {
    gap: 8px !important;
    margin: 10px 0 !important;
    padding: 7px !important;
    border: 1px solid var(--detail-line) !important;
    border-radius: 0 !important;
    background: var(--detail-panel) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_tournament_ranking .ranking-status-menu a {
    border: 1px solid var(--detail-line) !important;
    border-radius: 0 !important;
    background: #242a2c !important;
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
    box-shadow: none !important;
    font-family: var(--signal-font-body) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_tournament_ranking .ranking-status-menu a.on {
    border-color: var(--detail-accent) !important;
    background: var(--detail-accent) !important;
    color: var(--detail-accent-ink) !important;
    -webkit-text-fill-color: var(--detail-accent-ink) !important;
    box-shadow: inset 0 -4px 0 rgb(0 0 0 / 24%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_tournament_ranking :is(
    #ranking-event-list,
    #ranking-event-view
) {
    border: 1px solid var(--detail-line) !important;
    border-radius: 0 !important;
    background-color: var(--detail-panel) !important;
    background-image: none !important;
    color: var(--detail-text) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_tournament_ranking :is(
    .ranking-event-card,
    .ranking-view-info,
    .ranking-view-content,
    .ranking-rank-section,
    .ranking-table-wrap,
    .ranking-self-row,
    .ranking-loading,
    .ranking-empty
) {
    border-color: var(--detail-line) !important;
    border-radius: 0 !important;
    background-color: #101416 !important;
    background-image: none !important;
    color: var(--detail-text) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_tournament_ranking :is(
    .ranking-card-title,
    .ranking-view-title,
    .ranking-section-title,
    .ranking-count
) {
    color: var(--detail-accent) !important;
    -webkit-text-fill-color: var(--detail-accent) !important;
    text-shadow: none !important;
}

/* Referral: one steel/yellow language from campaign hero through list states. */
body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_recommend .recommend-shell {
    border: 1px solid var(--detail-line) !important;
    border-radius: 0 !important;
    background: var(--detail-bg) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_recommend .recommend-hero-card::before {
    background: linear-gradient(90deg, rgb(255 212 0 / 8%), transparent 52%) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_recommend :is(
    .recommend-step-card,
    .recommend-step-card--alert,
    .recommend-table-card,
    .recommend-table-head,
    .recommend-row,
    .recommend-row:nth-child(even),
    .recommend-empty-state
) {
    border-color: var(--detail-line) !important;
    border-radius: 0 !important;
    background-color: var(--detail-panel) !important;
    background-image: none !important;
    color: var(--detail-text) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_recommend .recommend-step-card--alert {
    border-left: 6px solid var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_recommend .recommend-table-head {
    border-bottom: 2px solid var(--detail-accent) !important;
    background: #252b2d !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_recommend .recommend-row {
    border-top: 1px solid #353c3f !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_recommend :is(
    .recommend-row__cell,
    .recommend-description,
    .recommend-card-caption,
    .recommend-step-card p,
    .recommend-code-hint,
    .recommend-empty-state__body
) {
    color: var(--detail-muted) !important;
    -webkit-text-fill-color: var(--detail-muted) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_recommend :is(
    .recommend-row__cell--strong,
    .recommend-empty-state__title,
    .recommend-title,
    .recommend-card-title,
    .recommend-step-title
) {
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_recommend :is(
    .recommend-row__cell--amount,
    .recommend-eyebrow,
    .recommend-card-eyebrow,
    .recommend-code-label,
    .recommend-step-index
) {
    color: var(--detail-accent) !important;
    -webkit-text-fill-color: var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_recommend :is(
    .recommend-eyebrow,
    .recommend-card-eyebrow
)::before {
    width: 10px !important;
    height: 10px !important;
    border-radius: 0 !important;
    background: var(--detail-accent) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_recommend .recommend-empty-state--error {
    border-left: 6px solid var(--detail-danger) !important;
    background: #211516 !important;
}

/* Remaining finance/coupon shells that sit outside the standard card names. */
body.lion2-skin.lion-skin #ajax-content#ajax-content :is(.page.w_deposit, .page.w_withdraw)
    .forColumn > .col {
    border: 1px solid var(--detail-line) !important;
    border-radius: 0 !important;
    background: var(--detail-panel) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_coupon .coupon-empty-state {
    border: 1px dashed var(--detail-line-strong) !important;
    border-radius: 0 !important;
    background: var(--detail-panel) !important;
    color: var(--detail-muted) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_coupon .coupon-empty-state__title {
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_coupon .coupon-empty-state__body {
    color: var(--detail-muted) !important;
    -webkit-text-fill-color: var(--detail-muted) !important;
}

/* FAQ: flatten the legacy savanna container while preserving live answers. */
body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_questions .bbsl_wrap {
    border: 1px solid var(--detail-line) !important;
    border-radius: 0 !important;
    background-color: var(--detail-panel) !important;
    background-image: none !important;
    color: var(--detail-text) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_questions .bbsl_item_container {
    border: 1px solid #353c3f !important;
    border-radius: 0 !important;
    background: #101416 !important;
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
    box-shadow: none !important;
    font-family: var(--signal-font-body) !important;
    font-size: 14px !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_questions .bbsl_item_container::before {
    display: none !important;
    background: none !important;
    box-shadow: none !important;
    content: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_questions .bbsl_item_container .--num {
    border-color: var(--detail-line) !important;
    border-radius: 0 !important;
    background: #252b2d !important;
    color: var(--detail-accent) !important;
    -webkit-text-fill-color: var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_questions .bbsl_item_container .--extra {
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_questions .questions_detail {
    border: 0 !important;
    background: transparent !important;
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_questions
    .questions_detail[aria-expanded='true'] {
    color: var(--detail-accent) !important;
    -webkit-text-fill-color: var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_questions .bbsl_detail_wrap {
    border: 1px solid var(--detail-line) !important;
    border-radius: 0 !important;
    background: #101416 !important;
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
    box-shadow: inset 6px 0 0 var(--detail-accent) !important;
    text-shadow: none !important;
}

/* Bet history: retain outcome badges, remove the brown list chrome. */
body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet :is(
    .mybet-results-card,
    .match-result.game_list
) {
    border-color: var(--detail-line) !important;
    border-radius: 0 !important;
    background-color: var(--detail-panel) !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet .sports-list .game_list .bet-kind-badge {
    box-sizing: border-box !important;
    padding-inline: 4px !important;
    border: 1px solid var(--detail-accent) !important;
    border-radius: 0 !important;
    background: #242a2c !important;
    color: var(--detail-accent) !important;
    -webkit-text-fill-color: var(--detail-accent) !important;
    box-shadow: none !important;
    font-family: var(--signal-font-display) !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet .sports-list .game_list :is(
    .betting_title,
    .betting_title > li
) {
    border-color: var(--detail-line) !important;
    border-radius: 0 !important;
    background: #252b2d !important;
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet .sports-list .game_list :is(
    .betting_content,
    .betting_content:nth-child(even),
    .betting_content:nth-of-type(even)
) {
    border-color: #353c3f !important;
    border-radius: 0 !important;
    background: #101416 !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet .sports-list .game_list
    .betting_content:is(:hover, :focus-within) {
    background: #202628 !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet .sports-list .game_list
    .betting_content > li {
    border-color: #353c3f !important;
    background: transparent !important;
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet .sports-list .game_list
    .betting_content :is(.godd, .gname, .gscore, .gtype span, .gteam .vs) {
    color: var(--detail-accent) !important;
    -webkit-text-fill-color: var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet .sports-list .game_list
    .betting_content > .gscore {
    box-sizing: border-box !important;
    padding-inline: 2px !important;
    overflow: hidden !important;
    font-family: var(--signal-font-numeric) !important;
    font-variant-numeric: tabular-nums lining-nums;
    white-space: nowrap !important;
    word-break: keep-all !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_mybet .sports-list .game_list .betting-footer {
    border: 1px solid var(--detail-line) !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    background: var(--detail-panel-2) !important;
    color: var(--detail-muted) !important;
    box-shadow: none !important;
}

/* Attendance status copy and CTA must not inherit Lion1 brown/orange chrome. */
body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_attendance .attendance-header-card .title {
    color: #ffd400 !important;
    -webkit-text-fill-color: #ffd400 !important;
    font-family: var(--signal-font-display) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_attendance .attendance-info-label {
    border: 1px solid #535b5e !important;
    border-radius: 0 !important;
    background-color: #252b2d !important;
    background-image: none !important;
    color: #ffd400 !important;
    -webkit-text-fill-color: #ffd400 !important;
    box-shadow: none !important;
    font-family: var(--signal-font-body) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_attendance .attendance-info-value {
    color: #eff1ed !important;
    -webkit-text-fill-color: #eff1ed !important;
    font-family: var(--signal-font-numeric) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_attendance .attendance-info-copy {
    color: #a9afae !important;
    -webkit-text-fill-color: #a9afae !important;
    font-family: var(--signal-font-body) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_attendance #attendance_check_in_btn {
    border: 1px solid #ffd400 !important;
    border-radius: 0 !important;
    background-color: #ffd400 !important;
    background-image: none !important;
    color: #090b0c !important;
    -webkit-text-fill-color: #090b0c !important;
    box-shadow: inset 0 -4px 0 rgb(0 0 0 / 24%) !important;
    font-family: var(--signal-font-display) !important;
    text-shadow: none !important;
}

/* Roulette stage and tabs: generated art remains, Lion1 brown/serif chrome does not. */
body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_roulette {
    background-color: #0b0f11 !important;
    background-image: none !important;
    color: #eff1ed !important;
    font-family: var(--signal-font-body) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_roulette .roulette_tab {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 7px !important;
    border: 1px solid #535b5e !important;
    border-radius: 0 !important;
    background-color: #111415 !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 4%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_roulette .roulette_tab .roulette-tab-button {
    display: flex !important;
    flex: none !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 58px !important;
    padding: 0 14px !important;
    border: 1px solid #535b5e !important;
    border-radius: 0 !important;
    background-color: #242a2c !important;
    background-image: none !important;
    color: #eff1ed !important;
    -webkit-text-fill-color: #eff1ed !important;
    box-shadow: none !important;
    font-family: var(--signal-font-display) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_roulette .roulette_tab .roulette-tab-button.active,
body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_roulette .roulette_tab .roulette-tab-button[aria-selected='true'] {
    border-color: #ffd400 !important;
    background-color: #ffd400 !important;
    background-image: none !important;
    color: #090b0c !important;
    -webkit-text-fill-color: #090b0c !important;
    box-shadow: inset 0 -4px 0 rgb(0 0 0 / 24%) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_roulette .roulette-tab-label {
    color: inherit !important;
    -webkit-text-fill-color: currentcolor !important;
    font-family: var(--signal-font-display) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_roulette .roulette-tab-count {
    position: relative !important;
    inset: auto !important;
    display: inline-flex !important;
    padding: 4px 7px !important;
    border: 1px solid currentcolor !important;
    border-radius: 0 !important;
    background-color: rgb(8 10 11 / 24%) !important;
    background-image: none !important;
    color: inherit !important;
    -webkit-text-fill-color: currentcolor !important;
    box-shadow: none !important;
    font-family: var(--signal-font-numeric) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_roulette .roulette_wrap {
    border: 1px solid #535b5e !important;
    border-bottom: 6px solid #ffd400 !important;
    border-radius: 0 !important;
    color: #eff1ed !important;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 4%) !important;
    font-family: var(--signal-font-body) !important;
}

/* Roulette result history only; generated wheel/canvas art remains untouched. */
body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_roulette .rulette_table {
    border: 1px solid #535b5e !important;
    border-radius: 0 !important;
    background: #151a1c !important;
    color: #eff1ed !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_roulette .roulette-results-head {
    border-bottom: 2px solid #ffd400 !important;
    background: #202628 !important;
    color: #eff1ed !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_roulette .roulette-results-head h3 {
    color: #ffd400 !important;
    -webkit-text-fill-color: #ffd400 !important;
    font-family: var(--signal-font-display) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_roulette .rulette_table table th {
    border-color: #535b5e !important;
    border-radius: 0 !important;
    background: #252b2d !important;
    color: #eff1ed !important;
    -webkit-text-fill-color: #eff1ed !important;
    font-family: var(--signal-font-body) !important;
    font-size: 14px !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_roulette .rulette_table table td {
    border-color: #353c3f !important;
    border-radius: 0 !important;
    background: #101416 !important;
    color: #eff1ed !important;
    -webkit-text-fill-color: #eff1ed !important;
    text-shadow: none !important;
}

/* Shared route metadata must not fall back to compact utility typography. */
body.lion2-skin.lion-skin #ajax-content#ajax-content .signal-page-heading :is(
    .signal-page-heading__meta,
    .signal-page-heading__family,
    .signal-page-heading__route,
    .signal-page-heading__description
) {
    font-family: var(--signal-font-body) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

/* Final typography floor: prevent compact legacy metrics from clipping. */
body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_memo .memo-stat__value {
    box-sizing: content-box !important;
    height: auto !important;
    min-height: 1.2em !important;
    overflow: visible !important;
    padding-block: 3px !important;
    line-height: 1.2 !important;
}

/* Left prematch tree: retain country/league data images and open/close behavior. */
body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu {
    border: 1px solid #535b5e !important;
    border-radius: 0 !important;
    background: #0b0f11 !important;
    color: #eff1ed !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu h4 {
    display: flex !important;
    min-height: 38px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-left: 6px solid #ffd400 !important;
    border-bottom: 1px solid #535b5e !important;
    border-radius: 0 !important;
    background: #202628 !important;
    color: #eff1ed !important;
    box-shadow: none !important;
    font-family: var(--signal-font-display) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu h4::before {
    content: '프리매치' !important;
    color: #ffd400 !important;
    font-size: 13px !important;
    letter-spacing: .04em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu h4::after {
    display: none !important;
    content: none !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu ul {
    border-radius: 0 !important;
    background: #0b0f11 !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu :is(
    .bg-category-orange1,
    .bg-location-orange1,
    .bg-league-orange1
) {
    border: 0 !important;
    border-bottom: 1px solid #353c3f !important;
    border-radius: 0 !important;
    background-image: none !important;
    color: #d7dcda !important;
    -webkit-text-fill-color: #d7dcda !important;
    box-shadow: none !important;
    font-family: var(--signal-font-body) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu .bg-category-orange1 {
    background-color: #202628 !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu .bg-location-orange1 {
    background-color: #151a1c !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu .bg-league-orange1 {
    background-color: #0f1315 !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu :is(
    .bg-category-orange1,
    .bg-location-orange1,
    .bg-league-orange1
) :is(small, span:last-child),
body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu :is(
    .bg-category-orange1,
    .bg-location-orange1,
    .bg-league-orange1
) > small {
    color: #ffd400 !important;
    -webkit-text-fill-color: #ffd400 !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu
    :is(.bg-category-orange1, .bg-location-orange1, .bg-league-orange1) small {
    border: 1px solid #535b5e !important;
    border-radius: 0 !important;
    background: #202628 !important;
    color: #ffd400 !important;
    -webkit-text-fill-color: #ffd400 !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu :is(
    .bg-category-orange1,
    .bg-location-orange1,
    .bg-league-orange1
):is(:hover, :focus-visible, [aria-expanded='true']) {
    border-left: 5px solid #ffd400 !important;
    background-color: #2a2f30 !important;
    color: #ffd400 !important;
    -webkit-text-fill-color: #ffd400 !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .lion-popular-leagues h4 {
    border-left-color: #ffd400 !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .lion-popular-leagues a:is(:hover, :focus-visible) {
    color: #ffd400 !important;
    -webkit-text-fill-color: #ffd400 !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .menu a.ybg i {
    color: #090b0c !important;
    -webkit-text-fill-color: #090b0c !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .menu a:is(
    .ybg,
    .menu-active,
    .is-current,
    [aria-current='page']
) {
    border-color: #ffe45c !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #ffe036, #cba500) !important;
    color: #090b0c !important;
    -webkit-text-fill-color: #090b0c !important;
    box-shadow: inset 0 -4px 0 rgb(0 0 0 / 30%) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .menu a:is(
    .ybg,
    .menu-active,
    .is-current,
    [aria-current='page']
) :is(i, span) {
    color: #090b0c !important;
    -webkit-text-fill-color: #090b0c !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #toggle-rolling-btn-navi {
    border: 1px solid #535b5e !important;
    border-radius: 0 !important;
    background: #242a2c !important;
    color: #ffd400 !important;
    -webkit-text-fill-color: #ffd400 !important;
    box-shadow: none !important;
    font-family: var(--signal-font-body) !important;
    font-size: 12px !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #toggle-rolling-btn-navi:is(:hover, :focus-visible) {
    border-color: #ffd400 !important;
    background: #2a2f30 !important;
}

/* Result data belongs on a neutral Signal plate. The Lion1 mobile cascade
 * otherwise leaves the outer list transparent over its red/orange hero art. */
body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_result .result-list {
    box-sizing: border-box !important;
    border: 1px solid var(--detail-line) !important;
    border-radius: 0 !important;
    background-color: #0b0f11 !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_result .pagination-area {
    box-sizing: border-box !important;
    padding: 12px !important;
    border: 1px solid var(--detail-line) !important;
    border-radius: 0 !important;
    background-color: #0b0f11 !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_result .pagination {
    display: flex !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    background: transparent !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_result .page-btn {
    display: inline-flex !important;
    min-width: 38px !important;
    min-height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 10px !important;
    border: 1px solid var(--detail-line) !important;
    border-radius: 0 !important;
    background-color: #242a2c !important;
    background-image: none !important;
    color: var(--detail-text) !important;
    -webkit-text-fill-color: var(--detail-text) !important;
    box-shadow: none !important;
    font-family: var(--signal-font-numeric) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_result .page-btn:is(:hover, :focus-visible) {
    border-color: var(--detail-accent) !important;
    background-color: #2a3032 !important;
    color: var(--detail-accent) !important;
    -webkit-text-fill-color: var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_result .page-btn.active {
    border-color: var(--detail-accent) !important;
    background-color: var(--detail-accent) !important;
    background-image: none !important;
    color: var(--detail-accent-ink) !important;
    -webkit-text-fill-color: var(--detail-accent-ink) !important;
    box-shadow: inset 0 -4px 0 rgb(0 0 0 / 24%) !important;
}

@media screen and (max-width: 768px) {
    body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_result .pagination-area {
        padding: 8px !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .page.w_result .page-btn {
        min-width: 44px !important;
        min-height: 44px !important;
    }
}

/* Game collection convergence: the bundled Lion1 page sheets contain late
 * brown/red route selectors. Keep the data and card DOM intact while making
 * every collection surface part of the Lion2 steel/yellow system. */
body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    #provider_list,
    #favorite_list,
    #lotus_game_list,
    #tokengame_list,
    #mingo_list
) {
    border: 1px solid #535b5e !important;
    border-top: 4px solid #ffd400 !important;
    border-radius: 0 !important;
    background-color: #0b0f11 !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    #provider_list,
    #favorite_list,
    #lotus_game_list,
    #tokengame_list,
    #mingo_list
) > .live-game-cont {
    border: 1px solid #535b5e !important;
    border-radius: 0 !important;
    background-color: #151a1c !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    #provider_list,
    #favorite_list,
    #lotus_game_list,
    #tokengame_list,
    #mingo_list
) > .live-game-cont > .el-row {
    border-radius: 0 !important;
    background-color: #151a1c !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    #provider_list,
    #favorite_list,
    #lotus_game_list,
    #tokengame_list,
    #mingo_list
) .lion-game-card-title {
    border: 0 !important;
    border-top: 2px solid #ffd400 !important;
    border-radius: 0 !important;
    background-color: #202628 !important;
    background-image: none !important;
    color: #eff1ed !important;
    -webkit-text-fill-color: #eff1ed !important;
    box-shadow: none !important;
    font-family: var(--signal-font-body) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content #mingo_list .mingo-game-card__desc {
    border-top: 1px solid #535b5e !important;
    background-color: #101416 !important;
    background-image: none !important;
    color: #a9afae !important;
    -webkit-text-fill-color: #a9afae !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    .game-search-container,
    .favorite-info-container
) {
    border: 1px solid #535b5e !important;
    border-left: 5px solid #ffd400 !important;
    border-radius: 0 !important;
    background-color: #151a1c !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    #game_search_container,
    #favorite_game_search_container
) .guide-content,
body.lion2-skin.lion-skin #ajax-content#ajax-content .favorite-info-container .favorite-header {
    border: 1px solid #535b5e !important;
    border-left: 5px solid #ffd400 !important;
    border-radius: 0 !important;
    background-color: #202628 !important;
    background-image: none !important;
    color: #eff1ed !important;
    -webkit-text-fill-color: #eff1ed !important;
    box-shadow: none !important;
    font-family: var(--signal-font-body) !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
    #game_search_container,
    #favorite_game_search_container
) .guide-text,
body.lion2-skin.lion-skin #ajax-content#ajax-content .favorite-info-container :is(h3, .favorite-count) {
    color: #eff1ed !important;
    -webkit-text-fill-color: #eff1ed !important;
    text-shadow: none !important;
}

/* A short result set must keep the same card scale as a full favorite grid. */
@media screen and (min-width: 769px) {
    body.lion2-skin.lion-skin #ajax-content#ajax-content #favorite_list {
        grid-template-columns: repeat(auto-fill, minmax(170px, 190px)) !important;
        justify-content: start !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content #favorite_list > .game-item {
        width: 100% !important;
        max-width: 190px !important;
    }
}

/* A successful empty API response is content, not a broken blank panel. */
body.lion2-skin.lion-skin #ajax-content#ajax-content .signal-game-empty {
    grid-column: 1 / -1 !important;
    display: grid !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 230px !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 10px !important;
    padding: 38px 24px !important;
    border: 1px dashed #6f777a !important;
    border-left: 6px solid #ffd400 !important;
    border-radius: 0 !important;
    background-color: #151a1c !important;
    background-image:
        linear-gradient(90deg, rgb(255 212 0 / 5%) 1px, transparent 1px),
        linear-gradient(rgb(255 255 255 / 3%) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
    color: #eff1ed !important;
    text-align: center !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .signal-game-empty__marker {
    display: inline-flex !important;
    min-height: 27px !important;
    align-items: center !important;
    padding: 0 9px !important;
    border: 1px solid #ffd400 !important;
    background: #ffd400 !important;
    color: #090b0c !important;
    font-family: var(--signal-font-numeric) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .signal-game-empty__title {
    margin: 0 !important;
    color: #eff1ed !important;
    -webkit-text-fill-color: #eff1ed !important;
    font-family: var(--signal-font-display) !important;
    font-size: clamp(20px, 2vw, 28px) !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: -.035em !important;
    text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content#ajax-content .signal-game-empty__description {
    margin: 0 !important;
    color: #a9afae !important;
    -webkit-text-fill-color: #a9afae !important;
    font-family: var(--signal-font-body) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

@media screen and (max-width: 768px) {
    body.lion2-skin.lion-skin #ajax-content#ajax-content :is(
        #provider_list,
        #favorite_list,
        #lotus_game_list,
        #tokengame_list,
        #mingo_list
    ) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        padding: 7px !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content #favorite_list > .game-item {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .signal-game-empty {
        min-height: 190px !important;
        gap: 8px !important;
        padding: 28px 16px !important;
    }

    body.lion2-skin.lion-skin #ajax-content#ajax-content .signal-game-empty__title {
        font-size: 20px !important;
    }
}

/* === LION2-DETAIL-COHESION-CONTRACT:END === */

@media (prefers-reduced-motion: reduce) {
    body.lion2-skin #ajax_loader.lds-dual-ring::before,
    body.lion2-skin #ajax_loader.lds-dual-ring::after,
    body.lion2-skin #ajax-content .w_result .loading-area .spinner,
    body.lion2-skin #ajax-content .esport-status .loading-spinner {
        animation: none !important;
    }
}