/* ========================================================================== 
 * lion2_main — Brutalist Signal Arena
 * Final skin-only cascade. Loaded after bundled CSS and swal-skin.css.
 * Structure, DOM contracts, route behavior, and responsive rail breakpoints
 * intentionally remain compatible with the base skin structure.
 * ========================================================================== */

body.lion2-skin {
    --signal-yellow: #f2c400;
    --signal-yellow-hot: #ffd51a;
    --signal-yellow-dim: #8d7411;
    --signal-red: #cf3c32;
    --signal-concrete: #a6a49e;
    --signal-concrete-light: #d0cec6;
    --signal-steel: #24282a;
    --signal-steel-light: #3a3f42;
    --signal-ink: #090b0c;
    --signal-panel: #111416;
    --signal-panel-raised: #191d1f;
    --signal-panel-soft: #202426;
    --signal-line: #474c4e;
    --signal-line-soft: rgb(183 183 174 / 20%);
    --signal-copy: #e6e4dc;
    --signal-copy-soft: #a9aaa5;
    --signal-copy-dim: #777b7b;
    --signal-success: #72a66f;
    --signal-danger: #d95b51;
    --signal-info: #85a8b5;
    --signal-shadow: 0 16px 32px rgb(0 0 0 / 48%);
    --signal-inset: inset 0 0 0 1px rgb(255 255 255 / 3%);
    --signal-cut: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
    --signal-cut-small: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 7px 100%, 0 calc(100% - 7px));
    --signal-font-display: 'SEBANG_Gothic_Bold', 'ChosunGu', 'Malgun Gothic', sans-serif;
    --signal-font-body: 'ChosunGu', 'Malgun Gothic', sans-serif;
    --signal-font-numeric: Arial, 'Malgun Gothic', sans-serif;
    background-color: var(--signal-ink);
    background-image:
        linear-gradient(180deg, rgb(5 7 8 / 34%), rgb(5 7 8 / 82%)),
        url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp');
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    color: var(--signal-copy);
    font-family: var(--signal-font-body);
    font-size: 14px;
    line-height: 1.5;
}

body.lion2-skin,
body.lion2-skin * {
    scrollbar-color: var(--signal-yellow-dim) #0b0d0e;
    scrollbar-width: thin;
}

body.lion2-skin *::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

body.lion2-skin *::-webkit-scrollbar-track {
    background: #0b0d0e;
}

body.lion2-skin *::-webkit-scrollbar-thumb {
    border: 1px solid #0b0d0e;
    background: var(--signal-yellow-dim);
}

body.lion2-skin :focus-visible {
    outline: 2px solid var(--signal-yellow-hot);
    outline-offset: 2px;
}

body.lion2-skin ::selection {
    background: var(--signal-yellow);
    color: #080909;
}

/* FAQ disclosure contract: the base stylesheet keeps every answer hidden.
   Lion2 opens only the answer explicitly marked by questions.js. */
body.lion2-skin .w_questions .questions_detail {
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    padding: 8px 0;
    border: 0;
    appearance: none;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

body.lion2-skin .w_questions .questions_detail[aria-expanded='true'] {
    color: var(--signal-yellow-hot);
}

body.lion2-skin .w_questions .bbsl_detail_wrap[hidden] {
    display: none;
}

body.lion2-skin .w_questions .bbsl_detail_wrap.is-open {
    display: block;
}

/* --------------------------------------------------------------------------
 * Shared material primitives
 * -------------------------------------------------------------------------- */

body.lion2-skin :is(
    .page,
    .user_body,
    .notice_box,
    .game_pan,
    .league_pan,
    .live-game-cont,
    .board-detail-card,
    .memo-card,
    .memo-toolbar-card,
    .memo-table-card,
    .myinfo-overview,
    .myinfo-profile,
    .myinfo-work-panel,
    .coupon-toolbar,
    .coupon-history-card,
    .point-card,
    .deposit-box,
    .withdraw-box
) {
    border-color: var(--signal-line);
    border-radius: 0;
    background-color: var(--signal-panel);
    background-image:
        linear-gradient(135deg, rgb(255 255 255 / 3%), transparent 28%),
        linear-gradient(180deg, rgb(24 28 30 / 96%), rgb(9 11 12 / 98%));
    box-shadow: var(--signal-inset);
}

body.lion2-skin :is(
    input,
    select,
    textarea,
    .form-control,
    .txt_signup,
    .slip-amount-input,
    .sports-filter-search input
) {
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #0b0e0f;
    color: var(--signal-copy);
    caret-color: var(--signal-yellow);
    box-shadow: inset 0 2px 5px rgb(0 0 0 / 48%);
}

body.lion2-skin :is(input, textarea)::placeholder {
    color: #707575;
    opacity: 1;
}

body.lion2-skin :is(input, select, textarea):focus {
    border-color: var(--signal-yellow);
    outline: 0;
    box-shadow: 0 0 0 2px rgb(242 196 0 / 18%), inset 0 2px 5px rgb(0 0 0 / 48%);
}

body.lion2-skin :is(
    button,
    .btn,
    .button,
    [class*='btn_'],
    [class*='-button'],
    [class*='-action']
) {
    border-radius: 0;
    text-shadow: none;
}

body.lion2-skin :is(
    .btn_login,
    .betbtn,
    .submitBtn,
    .btn_submit,
    .sports-filter-submit,
    .myinfo-primary-button,
    #btn_passchg_proc,
    #btn_pay_passchg_proc,
    .coupon-ticket.is-available .coupon-status,
    .signup-submit,
    .login-submit
) {
    border: 1px solid #ffe04d;
    background: linear-gradient(180deg, var(--signal-yellow-hot), #c99f00);
    color: #080909;
    font-weight: 900;
    box-shadow: inset 0 1px rgb(255 255 255 / 42%), 0 3px 0 #665100;
}

body.lion2-skin :is(
    .btn_login,
    .betbtn,
    .submitBtn,
    .btn_submit,
    .sports-filter-submit,
    .myinfo-primary-button,
    #btn_passchg_proc,
    #btn_pay_passchg_proc
):hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

body.lion2-skin :is(button, .btn, [role='button']):disabled,
body.lion2-skin :is(button, .btn, [role='button']).disabled {
    cursor: not-allowed;
    filter: grayscale(1);
    opacity: .66;
}

/* --------------------------------------------------------------------------
 * Desktop shell: same dimensions and rail visibility contract as the base skin
 * -------------------------------------------------------------------------- */

@media screen and (min-width: 981px) {
    body.lion2-skin {
        --lion-main-art-height: 114px;
        --lion-main-nav-height: 56px;
        --lion-desktop-header-height: 170px;
        --lion-left-frame-width: 306px;
        --lion-right-frame-width: 292px;
    }

    body.lion2-skin .top_wrap {
        z-index: 120;
        height: var(--lion-desktop-header-height);
        border: 0;
        border-bottom: 2px solid #060707;
        background-color: #151819;
        background-image:
            linear-gradient(180deg, rgb(10 12 13 / 4%), rgb(10 12 13 / 24%)),
            var(--signal-part-header-shell);
        background-position: center top;
        background-size: 100% 170px;
        background-repeat: no-repeat;
        box-shadow: 0 6px 18px rgb(0 0 0 / 52%);
    }

    body.lion2-skin .top_wrap::before {
        position: absolute;
        z-index: 1;
        top: 108px;
        right: 0;
        bottom: auto;
        left: 0;
        display: block;
        width: auto;
        height: 8px;
        content: '';
        opacity: 1;
        background: repeating-linear-gradient(135deg, var(--signal-yellow) 0 12px, #111 12px 24px);
        pointer-events: none;
    }

    body.lion2-skin .top_wrap::after {
        position: absolute;
        z-index: 2;
        top: 164px;
        right: 0;
        left: 0;
        display: block;
        height: 6px;
        content: '';
        opacity: 1;
        background: url('/skin/lion2_main/images/signal/signal-divider-v1.webp') center / 100% 96px no-repeat;
        pointer-events: none;
    }

    body.lion2-skin .top_wrap .userm_wrap {
        position: relative;
        z-index: 4;
        height: var(--lion-main-art-height);
        background: transparent;
    }

    body.lion2-skin .top_wrap .userm_wrap .logo {
        position: absolute;
        top: 8px;
        left: 18px;
        display: flex;
        align-items: center;
        width: 292px;
        height: 94px;
        opacity: 1;
        filter: none;
        transform: none;
    }

    body.lion2-skin .top_wrap .userm_wrap .logo img {
        display: block;
        width: 270px;
        height: 90px;
        object-fit: contain;
        object-position: left center;
        opacity: 1;
        filter: drop-shadow(0 6px 4px rgb(0 0 0 / 48%));
    }

    body.lion2-skin .top_wrap .scrollNotice-copy {
        position: absolute;
        top: 15px;
        left: 320px;
        display: flex;
        align-items: center;
        width: min(450px, 28vw);
        height: 36px;
        padding: 0 12px;
        border: 1px solid var(--signal-line);
        background: rgb(10 12 13 / 84%);
        color: var(--signal-copy-soft);
        opacity: 1;
        clip-path: var(--signal-cut);
    }

    body.lion2-skin .top_wrap .scrollNotice-copy i {
        color: var(--signal-yellow);
    }

    body.lion2-skin .top_wrap .userm_wrap ul.submenu {
        position: absolute;
        top: 12px;
        right: 18px;
        bottom: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: auto;
        max-width: calc(100% - 780px);
        height: 42px;
        padding: 0 8px;
        overflow: hidden;
        border: 1px solid #626565;
        background: linear-gradient(180deg, rgb(203 202 195 / 96%), rgb(133 133 129 / 96%));
        box-shadow: inset 0 0 0 1px rgb(255 255 255 / 30%), 0 5px 12px rgb(0 0 0 / 34%);
        opacity: 1;
        clip-path: var(--signal-cut);
    }

    body.lion2-skin .top_wrap .userm_wrap ul.submenu li {
        display: block;
        height: 28px;
        border-right: 1px solid rgb(10 10 10 / 20%);
    }

    body.lion2-skin .top_wrap .userm_wrap ul.submenu li:last-child {
        border-right: 0;
    }

    body.lion2-skin .top_wrap .userm_wrap ul.submenu :is(a, button) {
        display: flex;
        align-items: center;
        height: 28px;
        padding: 0 clamp(6px, .55vw, 12px);
        color: #111314;
        font-size: 11px;
        font-weight: 900;
        text-shadow: 0 1px rgb(255 255 255 / 35%);
        opacity: 1;
        border: 0;
        border-radius: 0;
        background: transparent;
        cursor: pointer;
    }

    body.lion2-skin .top_wrap .userm_wrap ul.submenu :is(a, button):hover,
    body.lion2-skin .top_wrap .userm_wrap ul.submenu :is(a, button):focus-visible,
    body.lion2-skin .top_wrap .userm_wrap ul.submenu :is(a, button)[aria-current='page'] {
        background: var(--signal-yellow);
        color: #080909;
    }

    body.lion2-skin .top_wrap .userm_wrap ul.submenu :is(a, button) i {
        display: none;
    }

    body.lion2-skin .top_wrap .loginmenu {
        position: absolute;
        top: 63px;
        right: 20px;
        z-index: 8;
        display: flex;
        gap: 5px;
        opacity: 1;
    }

    body.lion2-skin .top_wrap .loginmenu li {
        min-width: 76px;
        height: 32px;
        padding: 0 10px;
        border: 1px solid var(--signal-line);
        background: #121516;
        color: var(--signal-copy);
        font-size: 11px;
        line-height: 30px;
        text-align: center;
    }

    body.lion2-skin .top_wrap .loginmenu .lion-header-session-button {
        display: inline-flex;
        width: 100%;
        min-width: 72px;
        height: 100%;
        min-height: 32px;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 0 10px;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: inherit;
        font: inherit;
        line-height: 1;
        cursor: pointer;
    }

    body.lion2-skin .top_wrap .loginmenu .lion-header-session-button.login1 {
        border-color: var(--signal-yellow);
        background: var(--signal-yellow);
        color: #080909;
    }

    body.lion2-skin .top_wrap .loginmenu .lion-header-session-button:is(.join, .join2) {
        color: var(--signal-yellow-hot);
    }

    body.lion2-skin .top_wrap .nav_wrap {
        position: absolute;
        z-index: 5;
        top: var(--lion-main-art-height);
        right: 0;
        left: 0;
        display: block;
        height: var(--lion-main-nav-height);
        border: 0;
        background: #111415;
        box-shadow: inset 0 1px #4b4f50, inset 0 -1px #050606;
    }

    body.lion2-skin .top_wrap .nav_wrap .navdiv {
        display: flex;
        align-items: stretch;
        width: calc(100% - var(--lion-left-frame-width) - var(--lion-right-frame-width));
        min-width: 0;
        height: var(--lion-main-nav-height);
        margin-left: var(--lion-left-frame-width);
        overflow: hidden;
        border-right: 1px solid #4a4f50;
        border-left: 1px solid #4a4f50;
        background:
            linear-gradient(90deg, rgb(242 196 0 / 12%), transparent 18% 82%, rgb(242 196 0 / 12%)),
            #171a1b;
    }

    body.lion2-skin .top_wrap .nav_wrap .navdiv > :is(a, button) {
        position: relative;
        display: flex;
        flex: 1 1 auto;
        align-items: center;
        justify-content: center;
        min-width: 58px;
        height: var(--lion-main-nav-height);
        padding: 0 7px;
        border: 0;
        border-right: 1px solid rgb(180 184 184 / 14%);
        background: transparent;
        color: #d7d7d1;
        font-size: clamp(10px, .69vw, 13px);
        font-weight: 900;
        line-height: 1;
        letter-spacing: -.04em;
        opacity: 1;
        text-shadow: 0 1px #000;
        border-radius: 0;
        cursor: pointer;
    }

    body.lion2-skin .top_wrap .nav_wrap .navdiv > :is(a, button)::before {
        display: inline-block;
        width: 5px;
        height: 5px;
        margin-right: 7px;
        content: '';
        background: var(--signal-yellow);
        transform: rotate(45deg);
    }

    body.lion2-skin .top_wrap .nav_wrap .navdiv > :is(a, button):hover,
    body.lion2-skin .top_wrap .nav_wrap .navdiv > :is(a, button):focus-visible,
    body.lion2-skin .top_wrap .nav_wrap .navdiv > :is(a, button).is-current,
    body.lion2-skin .top_wrap .nav_wrap .navdiv > :is(a, button)[aria-current='page'] {
        background: var(--signal-yellow);
        color: #080909;
        text-shadow: none;
    }

    body.lion2-skin .top_wrap .nav_wrap .navdiv > :is(a, button):hover::before,
    body.lion2-skin .top_wrap .nav_wrap .navdiv > :is(a, button):focus-visible::before,
    body.lion2-skin .top_wrap .nav_wrap .navdiv > :is(a, button).is-current::before {
        background: #090a0a;
    }

    body.lion2-skin .left_content,
    body.lion2-skin .right_content {
        z-index: 105;
        top: var(--lion-main-art-height);
        box-sizing: border-box;
        height: calc(100vh - var(--lion-main-art-height));
        border-radius: 0;
        background-color: #0b0e0f;
        box-shadow: 0 0 24px rgb(0 0 0 / 62%);
    }

    body.lion2-skin .left_content {
        width: var(--lion-left-frame-width);
        padding: 66px 18px 14px;
        border-right: 3px solid #3d4244;
        background-image:
            linear-gradient(90deg, rgb(0 0 0 / 5%), rgb(0 0 0 / 58%)),
            url('/skin/lion2_main/images/signal/signal-rail-left-v1.webp'),
            url('/skin/lion2_main/images/signal/signal-concrete-texture-v1.webp');
        background-position: left top, left top, center;
        background-size: cover, 100% 100%, cover;
    }

    body.lion2-skin .right_content {
        width: var(--lion-right-frame-width);
        padding: 66px 15px 14px;
        border-left: 3px solid #3d4244;
        background-image:
            linear-gradient(270deg, rgb(0 0 0 / 5%), rgb(0 0 0 / 58%)),
            url('/skin/lion2_main/images/signal/signal-rail-right-v1.webp'),
            url('/skin/lion2_main/images/signal/signal-concrete-texture-v1.webp');
        background-position: right top, right top, center;
        background-size: cover, 100% 100%, cover;
    }

    body.lion2-skin .left_content::before,
    body.lion2-skin .right_content::before {
        position: absolute;
        top: 10px;
        right: 12px;
        left: 12px;
        display: flex;
        align-items: center;
        height: 38px;
        padding: 0 12px;
        border: 1px solid #555a5c;
        background: #111415;
        color: var(--signal-yellow);
        font-size: 10px;
        letter-spacing: .16em;
        opacity: 1;
        pointer-events: none;
    }

    body.lion2-skin .left_content::before {
        content: 'NAV / SIGNAL DIRECTORY';
    }

    body.lion2-skin .right_content::before {
        content: 'ACCOUNT / LIVE PANEL';
    }

    body.lion2-skin .left_content .scrollFrame,
    body.lion2-skin .right_content .scrollFrame {
        height: calc(100vh - var(--lion-main-art-height) - 80px);
        overflow-x: hidden;
        overflow-y: auto;
    }

    body.lion2-skin .contents {
        box-sizing: border-box;
        width: calc(100% - var(--lion-left-frame-width) - var(--lion-right-frame-width));
        min-width: 0;
        min-height: calc(100vh - var(--lion-desktop-header-height));
        margin: var(--lion-desktop-header-height) var(--lion-right-frame-width) 0 var(--lion-left-frame-width);
        padding: 10px 12px 40px;
        overflow-x: hidden;
        background: rgb(7 9 10 / 72%);
    }
}

/* Left directory and sports counters. */
body.lion2-skin .left_content .leftMenu .menu {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    width: 100%;
    height: auto;
    margin: 0 0 7px;
    padding: 0;
    border: 0;
    background: transparent;
}

body.lion2-skin .left_content .leftMenu .menu a,
body.lion2-skin .left_content .leftMenu .menu a.ybg {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 34px;
    padding: 4px;
    border: 1px solid #4b5052;
    border-radius: 0;
    background: linear-gradient(180deg, #242829, #101213);
    color: #d2d2cc;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
    box-shadow: inset 0 1px rgb(255 255 255 / 5%);
}

body.lion2-skin .left_content .leftMenu .menu a:hover,
body.lion2-skin .left_content .leftMenu .menu a.ybg,
body.lion2-skin .left_content .leftMenu .menu a.menu-active {
    border-color: #ffe35d;
    background: var(--signal-yellow);
    color: #080909;
}

body.lion2-skin .left_content .imgmenu {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    margin: 6px 0;
}

body.lion2-skin .left_content .imgmenu a {
    position: relative;
    display: block;
    height: 60px;
    overflow: hidden;
    border: 1px solid #5a5f61;
    background-color: #101213;
    background-position: center;
    background-size: cover;
}

body.lion2-skin .left_content .imgmenu a:first-child {
    background-image: url('/skin/lion2_main/images/signal/signal-tile-casino-v1.webp');
}

body.lion2-skin .left_content .imgmenu a:nth-child(2) {
    background-image: url('/skin/lion2_main/images/signal/signal-tile-slot-v1.webp');
}

body.lion2-skin .left_content .imgmenu img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1) contrast(1.1) brightness(.6);
    mix-blend-mode: luminosity;
    opacity: .25;
}

body.lion2-skin .left_content .sports-left-search {
    display: grid;
    height: auto;
    margin: 6px 0;
    padding: 6px;
    gap: 5px;
    border: 1px solid var(--signal-line);
    background: #111415;
}

body.lion2-skin .left_content .sports-left-search__form {
    overflow: hidden;
    border: 1px solid #414648;
    border-radius: 0;
    background: #090b0c;
}

body.lion2-skin .left_content .sports-left-search__button {
    border: 0;
    border-left: 1px solid #414648;
    border-radius: 0;
    background: #232728;
    color: var(--signal-yellow);
}

body.lion2-skin .left_content .freematch {
    height: auto;
    min-height: 240px;
    border: 1px solid var(--signal-line);
    background: #0c0f10;
}

body.lion2-skin .left_content .freematch h4 {
    display: flex;
    align-items: center;
    height: 38px;
    padding: 0 10px;
    border: 0;
    border-bottom: 4px solid var(--signal-yellow);
    background: #232728;
    color: var(--signal-copy);
    opacity: 1;
}

body.lion2-skin .left_content .freematch h4::after {
    content: 'PRE-MATCH';
    color: var(--signal-yellow);
    font-size: 10px;
    letter-spacing: .12em;
}

body.lion2-skin .left_content .freematch li {
    border-bottom: 1px solid var(--signal-line-soft);
    background: #111415;
    color: var(--signal-copy-soft);
}

body.lion2-skin .left_content .freematch li:hover {
    background: #272b2c;
    color: var(--signal-copy);
}

/* Right login/account/banners. */
body.lion2-skin .right_content .rightMenu > :is(.login_box, .user_body:first-child) {
    margin: 0 0 8px;
    padding: 10px;
    border: 1px solid #565b5d;
    background:
        linear-gradient(135deg, rgb(255 255 255 / 4%), transparent 38%),
        #111415;
    box-shadow: var(--signal-inset);
}

body.lion2-skin .right_content .login_box::before {
    display: block;
    margin: 0 0 9px;
    padding: 0 0 8px;
    border-bottom: 3px solid var(--signal-yellow);
    content: '» SECURE LOGIN «';
    color: var(--signal-yellow);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-align: center;
}

body.lion2-skin .right_content .login_box input {
    width: 100%;
    height: 34px;
    margin-bottom: 6px;
    padding: 0 10px;
}

body.lion2-skin .right_content .login_box .btnCont {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
}

body.lion2-skin .right_content .login_box .btn_login {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 36px;
    padding: 0 4px;
    font-size: 10px;
}

body.lion2-skin .right_content .login_box .btn_join {
    border-color: #5a5f61;
    background: #25292a;
    color: var(--signal-copy);
    box-shadow: inset 0 1px rgb(255 255 255 / 7%), 0 3px 0 #050606;
}

body.lion2-skin .right_content .user_body .bgy {
    border-bottom: 3px solid var(--signal-yellow);
    background: transparent;
    color: var(--signal-copy);
}

body.lion2-skin .right_content .lion-account-balance-stack {
    display: grid;
    gap: 4px;
    margin-top: 7px;
}

body.lion2-skin .right_content .lion-account-balance {
    min-height: 34px;
    padding: 0 8px;
    border: 1px solid var(--signal-line);
    background: #0b0e0f;
    color: var(--signal-copy-soft);
}

body.lion2-skin .right_content .lion-account-balance :is(.myEmoney, .myPoint, .myCasinoMoney, .myHoldemMoney) {
    color: var(--signal-yellow-hot);
}

body.lion2-skin .right_content .rmenu {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    margin-top: 7px;
}

body.lion2-skin .right_content .rmenu a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 42px;
    border: 1px solid var(--signal-line);
    background: #1d2122;
}

body.lion2-skin .right_content .rmenu img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    filter: grayscale(1) contrast(1.4) brightness(1.65) sepia(.25) saturate(2) hue-rotate(5deg);
}

body.lion2-skin .right_content .lion-main-betslip {
    display: block;
    margin: 8px 0;
    padding: 0;
    border: 1px solid #565b5d;
    background: #0d1011;
}

body.lion2-skin .right_content .lion-main-betslip .title {
    min-height: 38px;
    padding: 0 9px;
    border-bottom: 4px solid var(--signal-yellow);
    background: #222627;
    color: var(--signal-copy);
}

body.lion2-skin .right_content .lion-slip-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    padding: 6px;
    background: #080a0b;
}

body.lion2-skin .right_content .lion-slip-tabs button {
    border: 1px solid var(--signal-line);
    background: #1d2122;
    color: var(--signal-copy-soft);
}

body.lion2-skin .right_content .lion-slip-tabs button.active {
    border-color: var(--signal-yellow);
    background: var(--signal-yellow);
    color: #090a0a;
}

body.lion2-skin .right_content .r_banner {
    display: grid;
    gap: 6px;
    margin: 8px 0 0;
}

body.lion2-skin .right_content .r_banner > a {
    position: relative;
    display: block;
    min-height: 82px;
    overflow: hidden;
    border: 1px solid #606567;
    background: #16191a;
    clip-path: var(--signal-cut);
}

body.lion2-skin .right_content .r_banner > a::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 72px;
    height: 8px;
    content: '';
    background: repeating-linear-gradient(135deg, var(--signal-yellow) 0 8px, #111 8px 16px);
}

body.lion2-skin .right_content .r_banner img {
    display: block;
    width: 100%;
    height: 82px;
    object-fit: cover;
    filter: grayscale(1) contrast(1.15) brightness(.78);
}

/* --------------------------------------------------------------------------
 * Home composition
 * -------------------------------------------------------------------------- */

body.lion2-skin .mpslide {
    position: relative;
    display: block;
    width: 100%;
    height: clamp(300px, 27vw, 390px);
    min-height: 300px;
    margin: 0 0 10px;
    overflow: hidden;
    border: 2px solid #595f61;
    border-radius: 0;
    background-color: #0c0e0f;
    background-image:
        linear-gradient(90deg, rgb(0 0 0 / 24%), transparent 48%, rgb(0 0 0 / 10%)),
        url('/skin/lion2_main/images/signal/signal-hero-v1.webp');
    background-position: center;
    background-size: cover;
    box-shadow: var(--signal-shadow), inset 0 0 0 1px rgb(255 255 255 / 8%);
    clip-path: var(--signal-cut);
}

body.lion2-skin .mpslide::before {
    position: absolute;
    z-index: 5;
    top: clamp(58px, 7vw, 92px);
    left: clamp(28px, 4vw, 64px);
    display: block;
    width: min(620px, 60%);
    padding: 0 0 14px 18px;
    border-left: 8px solid var(--signal-yellow);
    border-bottom: 1px solid rgb(242 196 0 / 56%);
    content: 'SPORTS SIGNAL\A실시간 경기와 다양한 배팅을 확인하세요';
    color: #efeee7;
    font-size: clamp(15px, 1.2vw, 20px);
    font-weight: 700;
    line-height: 1.8;
    white-space: pre;
    letter-spacing: -.02em;
    text-shadow: 0 3px 8px #000;
    pointer-events: none;
}

body.lion2-skin .mpslide::after {
    position: absolute;
    z-index: 5;
    top: clamp(32px, 4.2vw, 58px);
    left: clamp(28px, 4vw, 64px);
    content: 'LIVE ARENA / 24·7';
    color: var(--signal-yellow);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .18em;
    pointer-events: none;
}

body.lion2-skin .mpslide .swiper-container,
body.lion2-skin .mpslide .swiper-wrapper,
body.lion2-skin .mpslide .swiper-slide,
body.lion2-skin .mpslide .swiper-slide a {
    width: 100%;
    height: 100%;
}

/* The API target historically carries the generic `.page-image` class.  The
   shared detail-page title rule also targets that class and used to center the
   complete Swiper track inside a padded 100px plate.  Reset only the home
   track to Swiper's geometry contract; its inline translate remains intact. */
body.lion2-skin .mpslide .swiper-wrapper.page-image {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    box-sizing: content-box;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    background: none;
    box-shadow: none;
    opacity: 1;
    clip-path: none;
}

body.lion2-skin .mpslide .swiper-wrapper.page-image::before,
body.lion2-skin .mpslide .swiper-wrapper.page-image::after {
    display: none;
    content: none;
}

body.lion2-skin .mpslide .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: none;
    mix-blend-mode: normal;
    opacity: 1;
}

/* Uploaded slide artwork often already includes its campaign typography.
   Keep the hard-coded copy only as the empty-state fallback so it cannot
   collide with administrator-owned content. */
body.lion2-skin .mpslide.has-admin-slides .signal-hero-copy {
    display: none;
}

body.lion2-skin .main_notice_area {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 9px;
}

body.lion2-skin .main_notice_area .notice_box {
    position: relative;
    min-width: 0;
    min-height: 150px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 2px solid #555b5d;
    background:
        linear-gradient(90deg, rgb(13 15 16 / 90%), rgb(13 15 16 / 68%)),
        url('/skin/lion2_main/images/signal/signal-concrete-texture-v1.webp') center / cover;
    clip-path: var(--signal-cut);
}

body.lion2-skin .main_notice_area .notice_box::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 110px;
    height: 7px;
    content: '';
    background: repeating-linear-gradient(135deg, var(--signal-yellow) 0 9px, #101213 9px 18px);
}

body.lion2-skin .main_notice_area .notice_box .inn {
    padding: 0;
}

body.lion2-skin .main_notice_area .notice_box h1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    margin: 0;
    padding: 0 12px;
    border: 0;
    border-bottom: 4px solid var(--signal-yellow);
    background: linear-gradient(180deg, #3a3f41, #202425);
    color: var(--signal-copy);
    font-size: 14px;
}

body.lion2-skin .main_notice_area .notice_box h1 span {
    margin-left: 8px;
    color: var(--signal-copy-dim);
    font-size: 9px;
    letter-spacing: .14em;
}

body.lion2-skin .main_notice_area .notice_box h1 i,
body.lion2-skin .main_notice_area .notice_box h1 a {
    color: var(--signal-yellow);
}

body.lion2-skin .main_notice_area .table_wrap {
    padding: 6px 10px 10px;
}

body.lion2-skin .main_notice_area tr {
    border-bottom: 1px solid var(--signal-line-soft);
}

body.lion2-skin .main_notice_area td {
    height: 24px;
    padding: 0 4px;
    background: transparent;
    color: var(--signal-copy-soft);
    font-size: 11px;
}

body.lion2-skin .main_notice_area td:hover {
    color: var(--signal-yellow-hot);
}

body.lion2-skin .mpmenu1 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 7px;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    background: transparent;
}

body.lion2-skin .mpmenu1 > a {
    position: relative;
    display: block;
    min-width: 0;
    height: clamp(155px, 15vw, 222px);
    overflow: hidden;
    border: 2px solid #555b5d;
    border-radius: 0;
    background-color: #111415;
    background-position: center;
    background-size: cover;
    box-shadow: var(--signal-inset);
    clip-path: var(--signal-cut);
}

body.lion2-skin .mpmenu1 > a:nth-child(1) { background-image: url('/skin/lion2_main/images/signal/signal-tile-sports-v1.webp'); }
body.lion2-skin .mpmenu1 > a:nth-child(2) { background-image: url('/skin/lion2_main/images/signal/signal-tile-live-v1.webp'); }
body.lion2-skin .mpmenu1 > a:nth-child(3) { background-image: url('/skin/lion2_main/images/signal/signal-tile-casino-v1.webp'); }
body.lion2-skin .mpmenu1 > a:nth-child(4) { background-image: url('/skin/lion2_main/images/signal/signal-tile-slot-v1.webp'); }
body.lion2-skin .mpmenu1 > a:nth-child(5) { background-image: url('/skin/lion2_main/images/signal/signal-tile-mini-v1.webp'); }

body.lion2-skin .mpmenu1 > a::before {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    content: attr(data-label);
    border-top: 3px solid #111;
    background: var(--signal-yellow);
    color: #080909;
    font-size: clamp(15px, 1.25vw, 21px);
    font-weight: 900;
    letter-spacing: -.04em;
}

body.lion2-skin .mpmenu1 > a::after {
    position: absolute;
    z-index: 4;
    right: 5px;
    bottom: 5px;
    content: 'S-00';
    color: rgb(8 9 9 / 62%);
    font: 700 8px/1 monospace;
    letter-spacing: .12em;
}

body.lion2-skin .mpmenu1 > a:hover {
    border-color: var(--signal-yellow-hot);
    filter: brightness(1.08);
    transform: translateY(-2px);
}

body.lion2-skin .mpmenu1 > a .direct {
    position: absolute;
    z-index: 5;
    inset: auto 10px 56px;
    display: flex;
    justify-content: flex-end;
    opacity: 0;
    transition: opacity .16s ease;
}

body.lion2-skin .mpmenu1 > a:hover .direct {
    opacity: 1;
}

body.lion2-skin .mpmenu1 .direct button {
    padding: 7px 10px;
    border: 1px solid var(--signal-yellow);
    background: rgb(9 11 12 / 92%);
    color: var(--signal-yellow);
    font-size: 9px;
}

body.lion2-skin .footer {
    padding: 12px 0;
    border-top: 1px solid var(--signal-line);
    background: #0b0d0e;
    color: var(--signal-copy-dim);
}

body.lion2-skin .footer_logos {
    filter: grayscale(1) contrast(1.2) brightness(.72);
    opacity: .64;
}

/* --------------------------------------------------------------------------
 * Shared page title plate — live HTML copy, one industrial asset for all pages
 * -------------------------------------------------------------------------- */

body.lion2-skin :is(
    .page_ttl,
    .w_result .page-header,
    .w_coupon .coupon-page-head,
    .page-image,
    .casino-page-hero,
    .slot-page-hero,
    .slot-favorite-hero,
    .minigame-page-image,
    .virtualgame-page-image,
    .lotusgame-page-image,
    .esport-page-image,
    .lion-token-hero,
    .lion-mingo-hero,
    .w_honor_ranking .honor-hero
) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100px;
    min-height: 100px;
    margin: 0 0 10px;
    padding: 0 24px;
    overflow: hidden;
    border: 1px solid #636869;
    border-bottom: 5px solid var(--signal-yellow);
    border-radius: 0;
    background-color: #171a1b;
    background-image:
        linear-gradient(90deg, rgb(0 0 0 / 18%), transparent 35% 65%, rgb(0 0 0 / 18%)),
        url('/skin/lion2_main/images/signal/signal-page-title-v1.webp');
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-shadow: var(--signal-inset), 0 8px 18px rgb(0 0 0 / 28%);
    opacity: 1;
    clip-path: var(--signal-cut);
}

body.lion2-skin :is(
    .page_ttl,
    .w_result .page-header,
    .w_coupon .coupon-page-head,
    .page-image,
    .w_honor_ranking .honor-hero
)::after {
    position: absolute;
    right: 18px;
    bottom: 11px;
    content: 'LION / SIGNAL SYSTEM';
    color: #17191a;
    font: 800 8px/1 monospace;
    letter-spacing: .16em;
}

body.lion2-skin :is(
    .page_ttl,
    .page-header,
    .coupon-page-head,
    .page-image,
    .honor-hero
) :is(h1, h2, h3, strong, .lion-page-title-copy, .page-title, .title) {
    position: relative;
    z-index: 4;
    top: auto;
    left: auto;
    display: block;
    visibility: visible;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #101213;
    -webkit-text-fill-color: #101213;
    font-size: clamp(24px, 2.2vw, 34px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.05em;
    text-shadow: 0 1px rgb(255 255 255 / 28%);
    opacity: 1;
    transform: none;
}

body.lion2-skin :is(.page_ttl, .page-header, .page-image) small {
    position: relative;
    z-index: 4;
    display: block;
    color: #333738;
    font-size: 10px;
    letter-spacing: .12em;
}

/* --------------------------------------------------------------------------
 * Sports, game providers, board lists, tables and form workflows
 * -------------------------------------------------------------------------- */

body.lion2-skin :is(
    .sports-filter-search,
    .search_wrap,
    .game_search,
    .filter_wrap,
    .cpmenu,
    .gametype-button,
    .board-tabs,
    .coupon-toolbar,
    .memo-toolbar
) {
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #111415;
    box-shadow: var(--signal-inset);
}

body.lion2-skin :is(
    .cpmenu a,
    .gametype-button a,
    .board-tabs a,
    .category-tabs a,
    .game-tab,
    .sports-tab,
    .filter-button
) {
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #1e2223;
    color: var(--signal-copy-soft);
    text-shadow: none;
}

body.lion2-skin :is(
    .cpmenu a.on,
    .cpmenu a.active,
    .gametype-button a.on,
    .gametype-button a.active,
    .board-tabs a.on,
    .board-tabs a.active,
    .category-tabs a.on,
    .category-tabs a.active,
    .game-tab.active,
    .sports-tab.active,
    .filter-button.active
) {
    border-color: var(--signal-yellow);
    background: var(--signal-yellow);
    color: #080909;
}

body.lion2-skin :is(
    .game_pan,
    .league_pan,
    .league-header,
    .game-header,
    .sports-header,
    .list-title,
    .table-title
) {
    border-radius: 0;
    background-image: none;
    box-shadow: none;
}

body.lion2-skin :is(
    .league-header,
    .game-header,
    .sports-header,
    .list-title,
    .table-title,
    .game_pan > h3,
    .game_pan > h4
) {
    border-bottom: 3px solid var(--signal-yellow);
    background: linear-gradient(180deg, #303536, #1d2122);
    color: var(--signal-copy);
}

body.lion2-skin :is(
    .game_row,
    .game-list-row,
    .match-row,
    .sports-row,
    .bet-row,
    .list-row
) {
    border-color: var(--signal-line-soft);
    background: #101314;
    color: var(--signal-copy-soft);
}

body.lion2-skin :is(
    .game_row,
    .game-list-row,
    .match-row,
    .sports-row,
    .bet-row,
    .list-row
):nth-child(even) {
    background: #151819;
}

body.lion2-skin :is(
    .game_row,
    .game-list-row,
    .match-row,
    .sports-row,
    .bet-row,
    .list-row
):hover {
    background: #242829;
    color: var(--signal-copy);
}

body.lion2-skin :is(
    .odds,
    .odd,
    .odds-box,
    .bet-select,
    .pick-button,
    .rate-button,
    [class*='odds_btn']
) {
    border: 1px solid #484d4f;
    border-radius: 0;
    background: #1c2021;
    color: #d9d9d3;
    box-shadow: inset 0 1px rgb(255 255 255 / 4%);
}

body.lion2-skin :is(
    .odds,
    .odd,
    .odds-box,
    .bet-select,
    .pick-button,
    .rate-button,
    [class*='odds_btn']
):is(.on, .active, .selected),
body.lion2-skin :is(.odds, .odd, .odds-box, .bet-select):hover {
    border-color: var(--signal-yellow);
    background: var(--signal-yellow);
    color: #080909;
}

body.lion2-skin :is(.odds-up, .up, .win, .status-win) {
    color: #9ac5d5;
}

body.lion2-skin :is(.odds-down, .down, .lose, .status-lose) {
    color: var(--signal-danger);
}

body.lion2-skin :is(table, .table, .coupondetail, .pc_bet_history1) {
    border: 1px solid var(--signal-line);
    border-collapse: collapse;
    border-radius: 0;
    background: #0f1213;
    color: var(--signal-copy-soft);
}

body.lion2-skin :is(table, .table, .coupondetail, .pc_bet_history1) th {
    border: 1px solid #454a4c;
    background: #2b3031;
    color: var(--signal-copy);
    font-weight: 900;
}

body.lion2-skin :is(table, .table, .coupondetail, .pc_bet_history1) td {
    border: 1px solid var(--signal-line-soft);
    background: #101314;
    color: var(--signal-copy-soft);
}

body.lion2-skin :is(table, .table, .coupondetail, .pc_bet_history1) tr:nth-child(even) td {
    background: #151819;
}

body.lion2-skin :is(.live-game-cont, .live-game) {
    overflow: hidden;
    border: 1px solid #555a5c;
    border-radius: 0;
    background: #111415;
    box-shadow: var(--signal-inset);
    clip-path: var(--signal-cut);
}

body.lion2-skin :is(.live-game-cont, .live-game) > a > img,
body.lion2-skin :is(.live-game-cont, .live-game) .el-row > img {
    filter: grayscale(.92) contrast(1.12) brightness(.8);
}

body.lion2-skin :is(.live-game-cont, .live-game):hover {
    border-color: var(--signal-yellow);
    transform: translateY(-2px);
}

body.lion2-skin .lion-game-card-title {
    border-top: 3px solid #0b0d0e;
    background: var(--signal-yellow);
    color: #080909;
    text-shadow: none;
}

body.lion2-skin .game-locked-overlay {
    background: repeating-linear-gradient(135deg, rgb(9 11 12 / 94%) 0 14px, rgb(207 60 50 / 84%) 14px 28px);
    color: #fff;
}

/* --------------------------------------------------------------------------
 * Fantasy-heavy pages neutralized into industrial utility panels
 * -------------------------------------------------------------------------- */

body.lion2-skin .page.w_memo {
    --memo-gold: var(--signal-yellow);
    --memo-paper: #111415;
    background-image: none;
}

body.lion2-skin .page.w_memo :is(
    .memo-hero-art,
    .memo-medallion,
    .memo-envelope,
    .memo-wax-seal,
    [class*='memo-ornament'],
    [class*='memo-envelope-art']
) {
    display: none;
    background-image: none;
}

body.lion2-skin .page.w_memo :is(.memo-toolbar-card, .memo-card, .memo-table-card) {
    border: 1px solid var(--signal-line);
    background: #111415;
    box-shadow: var(--signal-inset);
}

body.lion2-skin .page.w_memo :is(.memo-card-title, .memo-toolbar-action, #all_read_btn, #all_memo_del_btn) {
    color: var(--signal-yellow);
}

body.lion2-skin #myinfo_page {
    background: transparent;
}

body.lion2-skin #myinfo_page :is(
    .myinfo-medallion,
    .myinfo-asset-art,
    .myinfo-vault,
    [class*='myinfo-coin'],
    [class*='myinfo-money-art']
) {
    display: none;
    background-image: none;
}

body.lion2-skin #myinfo_page :is(.myinfo-overview, .myinfo-profile, .myinfo-work-panel) {
    border: 1px solid var(--signal-line);
    background: #111415;
    box-shadow: var(--signal-inset);
}

body.lion2-skin #myinfo_page :is(.myinfo-title, .myinfo-panel-title h3, .myinfo-asset-value, #myinfo_mb_emoney) {
    color: var(--signal-yellow-hot);
    text-shadow: none;
}

body.lion2-skin .page.w_point :is(
    .point-hero-art,
    .point-coin-art,
    .point-vault,
    [class*='treasure'],
    [class*='coin-pile']
) {
    display: none;
    background-image: none;
}

body.lion2-skin .page.w_point :is(.point-card, .point-summary, .point-history) {
    border: 1px solid var(--signal-line);
    background: #111415;
    box-shadow: var(--signal-inset);
}

body.lion2-skin .page.w_coupon .coupon-ticket,
body.lion2-skin .page.w_coupon .coupon-box {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 156px;
    overflow: hidden;
    border: 1px solid #656a6c;
    border-left: 8px solid var(--signal-yellow);
    border-radius: 0;
    background-color: #121516;
    background-image:
        linear-gradient(135deg, rgb(255 255 255 / 4%), transparent 35%),
        url('/skin/lion2_main/images/signal/signal-concrete-texture-v1.webp');
    background-position: center;
    background-size: cover;
    box-shadow: var(--signal-inset);
    clip-path: var(--signal-cut);
}

body.lion2-skin .page.w_coupon .coupon-ticket::before,
body.lion2-skin .page.w_coupon .coupon-ticket::after,
body.lion2-skin .page.w_coupon .coupon-box::before,
body.lion2-skin .page.w_coupon .coupon-box::after {
    display: none;
    content: none;
}

body.lion2-skin .page.w_coupon :is(.coupon-ticket__serial, .coupon-ticket__title, .coupon-ticket__amount) {
    color: var(--signal-yellow-hot);
    text-shadow: none;
}

body.lion2-skin .w_honor_ranking :is(
    .honor-medallion,
    .champion-medal,
    [class*='laurel'],
    [class*='statue'],
    [class*='crown-art']
) {
    display: none;
    background-image: none;
}

body.lion2-skin .w_honor_ranking :is(
    .honor-panel,
    .honor-ranking-card,
    .champion-card,
    .ranking-card,
    .honor-table
) {
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #111415;
    box-shadow: var(--signal-inset);
}

body.lion2-skin .w_honor_ranking :is(.rank-1, .rank-2, .rank-3) {
    border-color: #777b7c;
    background: #1b1f20;
    color: var(--signal-copy);
}

body.lion2-skin .w_roulette :is(
    .roulette-stage,
    .rul_wrap,
    .roulette-panel,
    .roulette-board
) {
    border: 1px solid #5e6365;
    border-radius: 0;
    background-color: #111415;
    background-image:
        linear-gradient(rgb(10 12 13 / 72%), rgb(10 12 13 / 86%)),
        url('/skin/lion2_main/images/signal/signal-frame-panel-v1.webp');
    background-position: center;
    background-size: cover;
    box-shadow: var(--signal-shadow);
}

body.lion2-skin .w_roulette :is(
    .rul_character,
    [class*='savanna'],
    [class*='jungle'],
    [class*='lion-character']
) {
    display: none;
    background-image: none;
}

body.lion2-skin .w_roulette :is(.roulette-tab, .rul_tab, .roulette-button) {
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #232728;
    color: var(--signal-copy);
}

body.lion2-skin .w_roulette :is(.roulette-tab, .rul_tab, .roulette-button).active {
    border-color: var(--signal-yellow);
    background: var(--signal-yellow);
    color: #080909;
}

body.lion2-skin :is(
    .w_payback,
    .w_payback2,
    .w_payback_weekly,
    .w_mingo,
    .w_lottery,
    .w_attendance,
    .w_recommend,
    .w_ranking
) :is(.content-box, .event-card, .reward-card, .result-card, .board-box) {
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #111415;
    box-shadow: var(--signal-inset);
}

/* --------------------------------------------------------------------------
 * Dialogs, SweetAlert, popups, chat and transient state
 * -------------------------------------------------------------------------- */

body.lion2-skin :is(
    .modal-content,
    .modal_box,
    .loginmodal,
    .joinmodal,
    .mybetmodal,
    .popup-content,
    .attach-modal-content,
    .casino-transfer-modal
) {
    overflow: hidden;
    border: 2px solid #656a6c;
    border-radius: 0;
    background-color: #101314;
    background-image:
        linear-gradient(135deg, rgb(255 255 255 / 4%), transparent 36%),
        url('/skin/lion2_main/images/signal/signal-concrete-texture-v1.webp');
    background-position: center;
    background-size: cover;
    color: var(--signal-copy);
    box-shadow: 0 30px 90px rgb(0 0 0 / 74%);
    clip-path: var(--signal-cut);
}

body.lion2-skin :is(.modal-header, .modal-title, .popup-title, .login-title, .signup-title) {
    border-bottom: 5px solid var(--signal-yellow);
    background: #242829;
    color: var(--signal-copy);
    text-shadow: none;
}

body.lion2-skin :is(.modal-backdrop, .modal-overlay, .loginbg, .popup-overlay) {
    background: rgb(2 3 4 / 82%);
    backdrop-filter: blur(4px) grayscale(1);
}

body.lion2-skin .sweet-alert {
    overflow: hidden;
    border: 2px solid #676c6e;
    border-radius: 0;
    background-color: #111415;
    background-image:
        linear-gradient(135deg, rgb(255 255 255 / 4%), transparent 36%),
        url('/skin/lion2_main/images/signal/signal-concrete-texture-v1.webp');
    background-position: center;
    background-size: cover;
    color: var(--signal-copy);
    box-shadow: 0 30px 90px rgb(0 0 0 / 76%);
    clip-path: var(--signal-cut);
}

body.lion2-skin .sweet-alert::before {
    display: block;
    width: 100%;
    height: 8px;
    margin: 0 0 18px;
    content: '';
    background: repeating-linear-gradient(135deg, var(--signal-yellow) 0 10px, #111 10px 20px);
}

body.lion2-skin .sweet-alert::after {
    display: none;
    content: none;
}

body.lion2-skin .sweet-alert :is(h2, p) {
    color: var(--signal-copy);
    text-shadow: none;
}

body.lion2-skin .sweet-alert button.confirm {
    border: 1px solid var(--signal-yellow-hot);
    background: var(--signal-yellow);
    color: #080909;
}

body.lion2-skin .sweet-alert button.cancel {
    border: 1px solid #676c6e;
    background: #272b2c;
    color: var(--signal-copy);
}

body.lion2-skin :is(.chat-widget, .chat-panel, .chat-window) {
    border: 1px solid #63686a;
    border-radius: 0;
    background: #101314;
    color: var(--signal-copy);
    box-shadow: var(--signal-shadow);
}

body.lion2-skin :is(.chat-widget-button, .chat-launcher, .chat-fab) {
    border: 2px solid var(--signal-yellow);
    border-radius: 0;
    background-color: #151819;
    background-image: none;
    color: var(--signal-yellow);
    clip-path: var(--signal-cut);
}

body.lion2-skin :is(.toast, .notification-toast, .copy-toast) {
    border: 1px solid var(--signal-yellow);
    border-radius: 0;
    background: #111415;
    color: var(--signal-copy);
    box-shadow: var(--signal-shadow);
}

body.lion2-skin :is(.empty-state, .no-data, .lion-slip-empty) {
    border: 1px dashed #54595b;
    background: #0c0f10;
    color: var(--signal-copy-dim);
}

body.lion2-skin #page-loader,
body.lion2-skin #ajax_loader {
    background: rgb(7 9 10 / 84%);
}

body.lion2-skin .page-loader-bar {
    background: var(--signal-yellow);
    box-shadow: 0 0 16px rgb(242 196 0 / 54%);
}

/* --------------------------------------------------------------------------
 * Desktop rail visibility contract
 * -------------------------------------------------------------------------- */

@media screen and (min-width: 1451px) {
    body.lion2-skin .left_content,
    body.lion2-skin .right_content {
        display: block;
    }
}

@media screen and (min-width: 1251px) and (max-width: 1450px) {
    body.lion2-skin .left_content {
        display: none;
    }

    body.lion2-skin .right_content {
        display: block;
    }

    body.lion2-skin .contents {
        width: calc(100% - var(--lion-right-frame-width));
        margin-right: var(--lion-right-frame-width);
        margin-left: 0;
    }

    body.lion2-skin .top_wrap .nav_wrap .navdiv {
        width: calc(100% - var(--lion-right-frame-width));
        margin-left: 0;
    }
}

@media screen and (min-width: 981px) and (max-width: 1250px) {
    body.lion2-skin .left_content,
    body.lion2-skin .right_content {
        display: none;
    }

    body.lion2-skin .contents {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    body.lion2-skin .top_wrap .nav_wrap .navdiv {
        width: 100%;
        margin-left: 0;
    }
}

/* --------------------------------------------------------------------------
 * Mobile shell and composed pages
 * -------------------------------------------------------------------------- */

@media screen and (max-width: 980px) {
    body.lion2-skin {
        min-width: 0;
        background-image:
            linear-gradient(180deg, rgb(7 9 10 / 44%), rgb(7 9 10 / 88%)),
            url('/skin/lion2_main/images/signal/signal-background-1920-v1.webp');
        background-position: center top;
        background-size: auto 100vh;
    }

    body.lion2-skin .top_wrap {
        position: fixed;
        z-index: 150;
        top: 0;
        right: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 54px;
        border: 0;
        border-bottom: 4px solid var(--signal-yellow);
        background-color: #151819;
        background-image: var(--signal-part-header-shell);
        background-position: center top;
        background-size: auto 104px;
        box-shadow: 0 6px 18px rgb(0 0 0 / 56%);
    }

    body.lion2-skin .top_wrap::before,
    body.lion2-skin .top_wrap::after {
        display: none;
        content: none;
    }

    body.lion2-skin .top_wrap .userm_wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50px;
        background: transparent;
    }

    body.lion2-skin .top_wrap .userm_wrap .logo {
        position: relative;
        top: auto;
        left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 150px;
        height: 46px;
        opacity: 1;
    }

    body.lion2-skin .top_wrap .userm_wrap .logo img {
        display: block;
        width: 142px;
        height: 44px;
        object-fit: contain;
        opacity: 1;
        filter: drop-shadow(0 3px 3px #000);
    }

    body.lion2-skin .m_menu_expand_btn,
    body.lion2-skin .m_menu_pc_btn {
        z-index: 8;
        top: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 36px;
        border: 1px solid var(--signal-yellow);
        border-radius: 0;
        background: #151819;
        color: var(--signal-yellow);
        opacity: 1;
        clip-path: var(--signal-cut);
    }

    body.lion2-skin .m_menu_expand_btn { left: 8px; }
    body.lion2-skin .m_menu_pc_btn { right: 8px; }

    body.lion2-skin :is(.m_menu_expand_btn, .m_menu_pc_btn) > span {
        display: block;
        width: auto;
        height: auto;
        color: var(--signal-yellow);
        font-size: 0;
        line-height: 1;
        opacity: 1;
        visibility: visible;
    }

    body.lion2-skin :is(.m_menu_expand_btn, .m_menu_pc_btn) > span::before {
        display: block;
        color: var(--signal-yellow);
        font-family: Arial, sans-serif;
        font-size: 20px;
        font-weight: 900;
        line-height: 1;
    }

    body.lion2-skin .m_menu_expand_btn > span::before { content: '\2630'; }
    body.lion2-skin .m_menu_pc_btn > span::before { content: '\25A4'; }

    body.lion2-skin .top_wrap :is(.submenu, .loginmenu, .scrollNotice-copy, .nav_wrap) {
        display: none;
    }

    body.lion2-skin .contents {
        box-sizing: border-box;
        width: 100%;
        min-height: 100vh;
        margin: 54px 0 0;
        padding: 8px 8px 84px;
        overflow-x: hidden;
        background: rgb(8 10 11 / 76%);
    }

    body.lion2-skin .left_content,
    body.lion2-skin .right_content {
        top: 54px;
        height: calc(100vh - 54px);
        padding-top: 14px;
        border-radius: 0;
        background-color: #0c0f10;
        background-image:
            linear-gradient(rgb(8 10 11 / 72%), rgb(8 10 11 / 88%)),
            url('/skin/lion2_main/images/signal/signal-concrete-texture-v1.webp');
        background-position: center;
        background-size: cover;
    }

    body.lion2-skin .left_content::before,
    body.lion2-skin .right_content::before {
        display: none;
        content: none;
    }

    body.lion2-skin .mpslide {
        height: 226px;
        min-height: 226px;
        margin: 0 0 8px;
        border-width: 1px;
        background-image:
            linear-gradient(90deg, rgb(0 0 0 / 36%), rgb(0 0 0 / 8%)),
            url('/skin/lion2_main/images/signal/signal-hero-mobile-v1.webp');
    }

    body.lion2-skin .mpslide::before {
        top: 70px;
        left: 18px;
        width: 74%;
        padding: 0 0 8px 10px;
        border-left-width: 5px;
        content: 'SPORTS SIGNAL\A실시간 배팅 바로 시작';
        font-size: 12px;
        line-height: 1.7;
    }

    body.lion2-skin .mpslide::after {
        top: 43px;
        left: 18px;
        font-size: 8px;
    }

    body.lion2-skin .mobilelink {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;
        margin: 0 0 8px;
        padding: 0;
    }

    body.lion2-skin .mobilelink a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 44px;
        border: 1px solid #555a5c;
        border-radius: 0;
        background: #1b1f20;
        color: var(--signal-copy);
        font-size: 11px;
        clip-path: var(--signal-cut);
    }

    body.lion2-skin .mobilelink a:first-child {
        border-color: var(--signal-yellow);
        background: var(--signal-yellow);
        color: #080909;
    }

    body.lion2-skin .mobile-main-mosaic {
        gap: 5px;
        margin-bottom: 8px;
    }

    body.lion2-skin .mobile-main-mosaic a {
        overflow: hidden;
        border: 1px solid #555a5c;
        border-image: none;
        border-radius: 0;
        background: #151819 var(--mosaic-image) center / cover no-repeat;
        filter: grayscale(.55) contrast(1.16);
        clip-path: var(--signal-cut);
    }

    body.lion2-skin .mobile-main-mosaic a > span {
        min-height: 30px;
        border-top: 1px solid var(--signal-yellow);
        background: linear-gradient(90deg, #101213 0 74%, var(--signal-yellow) 74% 77%, #25292a 77%);
        color: #fff;
        font-family: var(--signal-font-display);
        font-size: 14px;
        letter-spacing: -.02em;
        text-shadow: 0 2px 2px #000;
    }

    body.lion2-skin .main_notice_area {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    body.lion2-skin .main_notice_area .notice_box {
        min-height: 136px;
    }

    body.lion2-skin .mpmenu1 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    body.lion2-skin .mpmenu1 > a {
        height: 168px;
    }

    body.lion2-skin .mpmenu1 > a::before {
        height: 42px;
        font-size: 15px;
    }

    body.lion2-skin .mpmenu1 > a.mobile {
        display: block;
        background-image: url('/skin/lion2_main/images/signal/signal-tile-live-v1.webp');
    }

    body.lion2-skin :is(
        .page_ttl,
        .w_result .page-header,
        .w_coupon .coupon-page-head,
        .page-image,
        .casino-page-hero,
        .slot-page-hero,
        .slot-favorite-hero,
        .minigame-page-image,
        .virtualgame-page-image,
        .lotusgame-page-image,
        .esport-page-image,
        .lion-token-hero,
        .lion-mingo-hero,
        .w_honor_ranking .honor-hero
    ) {
        width: 100%;
        max-width: 100%;
        height: 84px;
        min-height: 84px;
        margin: 0 0 8px;
        padding: 0 12px;
        border-right-width: 1px;
        border-left-width: 1px;
        background-image:
            linear-gradient(90deg, rgb(0 0 0 / 12%), transparent 50%, rgb(0 0 0 / 12%)),
            url('/skin/lion2_main/images/signal/signal-page-title-v1.webp');
        background-size: 100% 100%;
    }

    body.lion2-skin :is(
        .page_ttl,
        .page-header,
        .coupon-page-head,
        .page-image,
        .honor-hero
    ) :is(h1, h2, h3, strong, .lion-page-title-copy, .page-title, .title) {
        display: block;
        visibility: visible;
        color: #101213;
        -webkit-text-fill-color: #101213;
        font-size: clamp(19px, 6vw, 25px);
        opacity: 1;
    }

    body.lion2-skin :is(.page, .board-layout-scope, #myinfo_page) {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding-right: 0;
        padding-left: 0;
    }

    body.lion2-skin :is(table, .table) {
        font-size: 10px;
    }

    body.lion2-skin :is(table, .table) :is(th, td) {
        padding: 7px 5px;
    }

    body.lion2-skin :is(.modal-content, .modal_box, .loginmodal, .joinmodal, .mybetmodal) {
        width: calc(100vw - 20px);
        max-width: 620px;
        max-height: calc(100vh - 20px);
        overflow-y: auto;
    }

    body.lion2-skin .sweet-alert {
        width: calc(100vw - 24px);
        max-width: 430px;
        padding: 14px;
    }

    body.lion2-skin #myinfo_page :is(.myinfo-overview, .myinfo-profile, .myinfo-work-panel),
    body.lion2-skin .page.w_memo :is(.memo-toolbar-card, .memo-card, .memo-table-card) {
        padding: 12px;
    }

    body.lion2-skin .page.w_coupon .coupon-ticket,
    body.lion2-skin .page.w_coupon .coupon-box {
        width: 100%;
        min-height: 140px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.lion2-skin *,
    body.lion2-skin *::before,
    body.lion2-skin *::after {
        scroll-behavior: auto;
        transition-duration: .01ms;
        animation-duration: .01ms;
        animation-iteration-count: 1;
    }
}

@media (prefers-contrast: more) {
    body.lion2-skin {
        --signal-line: #85898a;
        --signal-copy-soft: #d5d5cf;
    }
}

/* Login, signup and operational popups — retain the existing modal DOM and actions. */
body.lion2-skin :is(#login, #join, #join2).loginContainer {
    position: fixed;
    z-index: 2000;
    inset: 0;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 28%, rgb(242 196 0 / 8%), transparent 34%),
        rgb(3 5 6 / 90%);
    backdrop-filter: blur(7px) grayscale(.35);
}

body.lion2-skin :is(#login, #join, #join2).loginContainer .wrap1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 18px;
    overflow: hidden;
}

body.lion2-skin :is(#login, #join, #join2).loginContainer .wrap2 {
    position: relative;
    width: min(440px, calc(100vw - 28px));
    max-width: 100%;
    max-height: calc(100dvh - 36px);
    margin: 0;
    overflow: hidden;
    border: 2px solid #676d6f;
    border-radius: 0;
    background-color: var(--signal-panel);
    background-image:
        linear-gradient(135deg, rgb(255 255 255 / 5%), transparent 30%),
        linear-gradient(rgb(10 13 14 / 88%), rgb(10 13 14 / 96%)),
        url('/skin/lion2_main/images/signal/signal-frame-panel-v1.webp');
    background-position: center;
    background-size: cover;
    box-shadow: 0 32px 90px rgb(0 0 0 / 86%), inset 0 0 0 1px rgb(255 255 255 / 6%);
    clip-path: var(--signal-cut);
}

body.lion2-skin :is(#login, #join, #join2).loginContainer .wrap2::before {
    position: sticky;
    z-index: 4;
    top: 0;
    right: auto;
    left: auto;
    display: block;
    width: 100%;
    height: 10px;
    content: '';
    background: repeating-linear-gradient(135deg, var(--signal-yellow) 0 12px, #111 12px 24px);
}

body.lion2-skin :is(#login, #join, #join2).loginContainer .wrap2 .box {
    padding: 20px 28px 28px;
    background: transparent;
}

body.lion2-skin :is(#login, #join, #join2).loginContainer .title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 0;
    padding: 2px 46px 18px;
    color: var(--signal-copy);
    font-family: var(--signal-font-display);
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -.02em;
    text-shadow: none;
}

body.lion2-skin :is(#login, #join, #join2).loginContainer .title img {
    display: block;
    width: 228px;
    max-width: 82%;
    height: 76px;
    object-fit: contain;
    filter: drop-shadow(0 7px 5px rgb(0 0 0 / 60%));
}

body.lion2-skin #login.loginContainer .title span {
    color: var(--signal-copy-soft);
    font: 700 11px/1.35 'Noto Sans KR', sans-serif;
    letter-spacing: .08em;
}

body.lion2-skin :is(#login, #join, #join2).loginContainer .wrap2 .box .col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
}

body.lion2-skin :is(#login, #join, #join2).loginContainer .wrap2 .box .col > div {
    width: 100%;
    margin: 0;
    padding: 0;
}

body.lion2-skin :is(#login, #join, #join2).loginContainer .wrap2 .box .col > div label {
    display: block;
    margin: 0 0 5px;
    color: var(--signal-copy-soft);
    font-size: 11px;
    font-weight: 800;
}

body.lion2-skin :is(#login, #join, #join2).loginContainer .wrap2 .box :is(input, select) {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 13px;
    border: 1px solid #565d5f;
    border-radius: 0;
    outline: 0;
    background: #080b0c;
    color: var(--signal-copy);
    font-size: 12px;
    box-shadow: inset 0 3px 8px rgb(0 0 0 / 58%);
}

body.lion2-skin :is(#login, #join, #join2).loginContainer .wrap2 .box :is(input, select):focus {
    border-color: var(--signal-yellow);
    background: #0b0e0f;
    box-shadow: inset 0 3px 8px rgb(0 0 0 / 58%), 0 0 0 2px rgb(242 196 0 / 16%);
}

body.lion2-skin :is(#login, #join, #join2).loginContainer .wrap2 .box input::placeholder {
    color: #73797a;
    opacity: 1;
}

body.lion2-skin #login.loginContainer .btnCont {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin: 3px 0 0;
}

body.lion2-skin #login.loginContainer .btnCont .btn_login {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 44px;
    margin: 0;
    padding: 0 5px;
    border: 1px solid #62696b;
    border-radius: 0;
    background: linear-gradient(180deg, #303536, #1b1f20);
    color: var(--signal-copy);
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: inset 0 1px rgb(255 255 255 / 8%), 0 3px 0 #070808;
    clip-path: var(--signal-cut-small);
}

body.lion2-skin #login.loginContainer .btnCont .btn_login:first-child {
    border-color: #ffe04d;
    background: linear-gradient(180deg, var(--signal-yellow-hot), #c99f00);
    color: #080909;
    box-shadow: inset 0 1px rgb(255 255 255 / 40%), 0 3px 0 #665100;
}

body.lion2-skin :is(#login, #join, #join2).loginContainer .close_login {
    position: absolute;
    z-index: 8;
    top: 18px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #777d7f;
    border-radius: 0;
    background: #15191a;
    color: var(--signal-yellow);
    box-shadow: 0 3px 0 #060707;
}

body.lion2-skin :is(#join, #join2).loginContainer .wrap2.joincol {
    width: min(860px, calc(100vw - 36px));
    max-height: calc(100dvh - 36px);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: var(--signal-yellow) #111415;
    scrollbar-width: thin;
}

body.lion2-skin :is(#join, #join2).loginContainer .colWrap {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px 14px;
    margin: 0;
    overflow: visible;
}

body.lion2-skin :is(#join, #join2).loginContainer .btnCont2 {
    display: flex;
    justify-content: center;
    padding: 18px 0 2px;
}

body.lion2-skin :is(#join, #join2).loginContainer .btnCont2 .btnBig {
    min-width: 220px;
    height: 46px;
    margin: 0;
    padding: 0 24px;
    border: 1px solid #ffe04d;
    border-radius: 0;
    background: linear-gradient(180deg, var(--signal-yellow-hot), #c99f00);
    color: #080909;
    font-size: 13px;
    font-weight: 900;
    box-shadow: inset 0 1px rgb(255 255 255 / 40%), 0 4px 0 #665100;
    clip-path: var(--signal-cut-small);
}

body.lion2-skin :is(#join, #join2).loginContainer :is(.u-cert-btn, button[type='button']) {
    border-radius: 0;
}

/* Server-driven notice/event popups keep their original content and close actions. */
body.lion2-skin .layer_popup {
    overflow: hidden;
    border: 2px solid #6a7072;
    border-radius: 0;
    background: #101314;
    color: var(--signal-copy);
    box-shadow: 0 24px 70px rgb(0 0 0 / 82%), inset 0 0 0 1px rgb(255 255 255 / 6%);
    clip-path: var(--signal-cut-small);
}

body.lion2-skin .layer_popup::before {
    display: block;
    height: 9px;
    content: '';
    background: repeating-linear-gradient(135deg, var(--signal-yellow) 0 12px, #111 12px 24px);
}

body.lion2-skin .layer_popup table {
    max-width: 100%;
    border-color: transparent;
    border-spacing: 0;
    background: #101314;
    color: var(--signal-copy);
}

body.lion2-skin .layer_popup td {
    border-color: #3f4547;
    background-color: #101314;
    color: var(--signal-copy);
}

body.lion2-skin .layer_popup :is(.board_content, .board_name) {
    background: #101314;
    color: var(--signal-copy);
}

body.lion2-skin .layer_popup img[src*='no_pop'] {
    display: none;
}

body.lion2-skin .layer_popup > table > tbody > tr > td > table:last-child td {
    height: 42px;
    border-top: 2px solid var(--signal-yellow);
    background: #090c0d;
    color: var(--signal-copy);
    font-size: 12px;
}

body.lion2-skin #close-all-popups {
    top: 12px;
    right: 18px;
    left: auto;
    transform: none;
    padding: 10px 22px;
    border: 1px solid #ffe04d;
    border-radius: 0;
    background: var(--signal-yellow);
    color: #080909;
    font: 900 12px/1 var(--signal-font-display);
    box-shadow: 0 4px 0 #665100, 0 14px 30px rgb(0 0 0 / 54%);
    clip-path: var(--signal-cut-small);
}

@media (width <= 700px) {
    body.lion2-skin :is(#login, #join, #join2).loginContainer .wrap1 {
        padding: 8px;
    }

    body.lion2-skin :is(#login, #join, #join2).loginContainer .wrap2,
    body.lion2-skin :is(#join, #join2).loginContainer .wrap2.joincol {
        width: 100%;
        max-height: calc(100dvh - 16px);
    }

    body.lion2-skin :is(#login, #join, #join2).loginContainer .wrap2 .box {
        padding: 16px 16px 21px;
    }

    body.lion2-skin :is(#login, #join, #join2).loginContainer .title {
        padding: 0 40px 14px;
        font-size: 18px;
    }

    body.lion2-skin :is(#login, #join, #join2).loginContainer .title img {
        width: 190px;
        height: 62px;
    }

    body.lion2-skin :is(#join, #join2).loginContainer .colWrap {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    body.lion2-skin :is(#join, #join2).loginContainer .btnCont2 {
        position: sticky;
        bottom: -21px;
        z-index: 5;
        margin: 10px -16px -21px;
        padding: 18px 16px 18px;
        background: linear-gradient(transparent, #101314 25%);
    }

    body.lion2-skin :is(#join, #join2).loginContainer .btnCont2 .btnBig {
        width: 100%;
        min-width: 0;
    }

    body.lion2-skin .layer_popup {
        align-self: start;
        height: auto;
        max-width: calc(100vw - 16px);
        max-height: calc(100dvh - 78px);
        overflow-y: auto;
    }

    body.lion2-skin .auto-popup-grid {
        top: 62px;
        align-content: start;
        align-items: start;
        grid-auto-rows: max-content;
    }
}

/* Live chat and administrator notifications. */
body.lion2-skin #chat-widget-btn {
    border: 1px solid var(--signal-yellow);
    border-radius: 0;
    background: #171b1c;
    color: var(--signal-yellow);
    box-shadow: 0 5px 0 #060707, 0 12px 24px rgb(0 0 0 / 52%);
    filter: none;
    clip-path: var(--signal-cut-small);
}

body.lion2-skin #chat-widget-btn:is(:hover, .chat-active) {
    background: var(--signal-yellow);
    color: #080909;
    filter: none;
}

body.lion2-skin #chat-widget-btn svg {
    display: block;
}

body.lion2-skin #chat-unread-badge {
    border: 1px solid #ff9a92;
    border-radius: 0;
    background: var(--signal-red);
    color: #fff;
}

body.lion2-skin #chat-widget-panel {
    border: 2px solid #666c6e;
    border-radius: 0;
    background: #101314;
    color: var(--signal-copy);
    box-shadow: 0 28px 80px rgb(0 0 0 / 84%), inset 0 0 0 1px rgb(255 255 255 / 5%);
    clip-path: var(--signal-cut);
}

body.lion2-skin #chat-widget-panel .chat-header {
    min-height: 64px;
    border-bottom: 5px solid var(--signal-yellow);
    background:
        linear-gradient(90deg, rgb(255 255 255 / 7%), transparent 42%),
        #24292a;
    color: var(--signal-copy);
}

body.lion2-skin #chat-widget-panel .chat-header-logo {
    width: 118px;
    height: 38px;
    object-fit: contain;
}

body.lion2-skin #chat-widget-panel .chat-header button {
    width: 32px;
    height: 32px;
    border: 1px solid #6d7375;
    border-radius: 0;
    background: #111415;
    color: var(--signal-yellow);
}

body.lion2-skin #chat-widget-panel .chat-messages {
    background:
        linear-gradient(rgb(10 13 14 / 94%), rgb(10 13 14 / 98%)),
        url('/skin/lion2_main/images/signal/signal-concrete-texture-v1.webp') center / cover;
}

body.lion2-skin #chat-widget-panel .chat-bubble {
    border: 1px solid #4e5557;
    border-radius: 0;
    background: #1b2021;
    color: var(--signal-copy);
    box-shadow: 0 3px 0 #070808;
    clip-path: var(--signal-cut-small);
}

body.lion2-skin #chat-widget-panel .chat-msg-me .chat-bubble {
    border-color: #ffe04d;
    background: var(--signal-yellow);
    color: #080909;
}

body.lion2-skin #chat-widget-panel :is(.chat-sender, .chat-time, .chat-typing) {
    color: var(--signal-copy-soft);
}

body.lion2-skin #chat-widget-panel .chat-input-area {
    border-top: 2px solid var(--signal-yellow);
    background: #171b1c;
}

body.lion2-skin #chat-widget-panel .chat-input-area input[type='text'] {
    border-radius: 0;
    background: #080b0c;
    color: var(--signal-copy);
}

body.lion2-skin #chat-widget-panel #chat-send-btn {
    border: 1px solid #ffe04d;
    border-radius: 0;
    background: var(--signal-yellow);
    color: #080909;
    font-weight: 900;
    clip-path: var(--signal-cut-small);
}

body.lion2-skin #chat-widget-panel .chat-emoji-picker {
    border: 1px solid #62686a;
    border-radius: 0;
    background: #171b1c;
    color: var(--signal-copy);
}

body.lion2-skin .admin-toast-inner {
    border: 1px solid #6a7072;
    border-left: 7px solid var(--signal-yellow);
    border-radius: 0;
    background: #131718;
    color: var(--signal-copy);
    box-shadow: 0 18px 52px rgb(0 0 0 / 76%);
    animation: none;
    clip-path: var(--signal-cut-small);
}

body.lion2-skin .admin-toast-label {
    color: var(--signal-yellow);
    font-family: var(--signal-font-display);
}

body.lion2-skin .admin-toast-message {
    color: var(--signal-copy);
}

body.lion2-skin .admin-toast-close {
    border: 1px solid #666c6e;
    border-radius: 0;
    background: #24292a;
    color: var(--signal-copy);
}

body.lion2-skin .admin-toast-progress-bar {
    background: var(--signal-yellow);
}

/* Casino wallet transfer overlays. */
body.lion2-skin .casino-modal-overlay {
    background: rgb(3 5 6 / 88%);
    backdrop-filter: blur(7px) grayscale(.35);
}

body.lion2-skin .casino-modal-content {
    border: 2px solid #686e70;
    border-radius: 0;
    background:
        linear-gradient(rgb(10 13 14 / 90%), rgb(10 13 14 / 97%)),
        url('/skin/lion2_main/images/signal/signal-frame-panel-v1.webp') center / cover;
    color: var(--signal-copy);
    box-shadow: 0 30px 86px rgb(0 0 0 / 84%), inset 0 0 0 1px rgb(255 255 255 / 6%);
    clip-path: var(--signal-cut);
}

body.lion2-skin .casino-modal-content::before {
    height: 10px;
    background: repeating-linear-gradient(135deg, var(--signal-yellow) 0 12px, #111 12px 24px);
    box-shadow: none;
}

body.lion2-skin .casino-modal-header {
    border-bottom: 5px solid var(--signal-yellow);
    background: linear-gradient(180deg, #34393a, #1d2122);
}

body.lion2-skin .casino-modal-header h3 {
    color: var(--signal-copy);
    font-family: var(--signal-font-display);
    text-shadow: none;
}

body.lion2-skin .casino-modal-header h3::after {
    color: var(--signal-copy-soft);
}

body.lion2-skin .casino-modal-header h3 img {
    border: 1px solid #696f71;
    border-radius: 0;
    background: #15191a;
    box-shadow: none;
    filter: grayscale(1) contrast(1.2);
}

body.lion2-skin .casino-modal-close {
    border: 1px solid #707678;
    border-radius: 0;
    background: #15191a;
    color: var(--signal-yellow);
}

body.lion2-skin .casino-modal-body {
    background: #0d1011;
}

body.lion2-skin :is(
    .casino-balance-row,
    .casino-transfer-form,
    .casino-transfer-notice
) {
    border: 1px solid #4d5456;
    border-radius: 0;
    background: #15191a;
    color: var(--signal-copy);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 3%);
}

body.lion2-skin .casino-balance-row .label {
    color: var(--signal-copy-soft);
}

body.lion2-skin .casino-balance-row .value {
    color: var(--signal-yellow);
    text-shadow: none;
}

body.lion2-skin .casino-form-group label {
    color: var(--signal-copy);
}

body.lion2-skin .casino-form-group label::after {
    border: 1px solid #62686a;
    border-radius: 0;
    background: #202526;
    color: var(--signal-yellow);
}

body.lion2-skin .casino-form-control {
    border: 1px solid #555c5e;
    border-radius: 0;
    background: #080b0c;
    color: var(--signal-copy);
}

body.lion2-skin .casino-btn-amount {
    border: 1px solid #555c5e;
    border-radius: 0;
    background: #222728;
    color: var(--signal-copy);
}

body.lion2-skin .casino-btn-amount:is(:hover, .btn-max) {
    border-color: var(--signal-yellow);
    background: var(--signal-yellow);
    color: #080909;
}

body.lion2-skin .casino-transfer-notice {
    border-left: 5px solid var(--signal-yellow);
}

body.lion2-skin .casino-transfer-notice :is(p, i) {
    color: var(--signal-copy-soft);
}

body.lion2-skin .casino-modal-footer {
    border-top: 2px solid var(--signal-yellow);
    background: #0b0e0f;
}

body.lion2-skin .casino-modal-btn {
    border: 1px solid #666c6e;
    border-radius: 0;
    background: #272c2d;
    color: var(--signal-copy);
    box-shadow: 0 3px 0 #050606;
    clip-path: var(--signal-cut-small);
}

body.lion2-skin :is(#casino_deposit_modal, #casino_withdraw_modal) .casino-btn-submit {
    border-color: #ffe04d;
    background: var(--signal-yellow);
    color: #080909;
    box-shadow: 0 3px 0 #665100;
}

/* Rolling information and sports-rule dialogs. */
body.lion2-skin :is(.lion-rolling-modal__backdrop, .lion-rules-modal) {
    background: rgb(3 5 6 / 88%);
    backdrop-filter: blur(7px) grayscale(.35);
}

body.lion2-skin :is(.lion-rolling-modal__dialog, .lion-rules-modal__dialog) {
    border: 2px solid #686e70;
    border-radius: 0;
    background:
        linear-gradient(rgb(10 13 14 / 90%), rgb(10 13 14 / 97%)),
        url('/skin/lion2_main/images/signal/signal-frame-panel-v1.webp') center / cover;
    color: var(--signal-copy);
    box-shadow: 0 30px 86px rgb(0 0 0 / 84%), inset 0 0 0 1px rgb(255 255 255 / 6%);
    clip-path: var(--signal-cut);
}

body.lion2-skin .lion-rolling-modal__dialog::before {
    height: 10px;
    background: repeating-linear-gradient(135deg, var(--signal-yellow) 0 12px, #111 12px 24px);
}

body.lion2-skin :is(.lion-rolling-modal__header, .lion-rules-modal__head) {
    border-bottom: 5px solid var(--signal-yellow);
    background: linear-gradient(180deg, #34393a, #1d2122);
}

body.lion2-skin .lion-rolling-modal__header img {
    width: 150px;
    max-height: 54px;
    object-fit: contain;
}

body.lion2-skin :is(
    .lion-rolling-modal__header span,
    .lion-rolling-modal__header h2,
    .lion-rules-modal__title
) {
    color: var(--signal-copy);
    font-family: var(--signal-font-display);
    text-shadow: none;
}

body.lion2-skin .lion-rolling-modal__header span {
    color: var(--signal-yellow);
}

body.lion2-skin :is(.lion-rolling-modal__close, .lion-rules-modal__close) {
    border: 1px solid #707678;
    border-radius: 0;
    background: #15191a;
    color: var(--signal-yellow);
}

body.lion2-skin :is(.lion-rolling-modal__body, .lion-rules-modal__body) {
    background: #0d1011;
    color: var(--signal-copy);
}

body.lion2-skin .lion-rolling-modal__body :is(table, td, th) {
    border-color: #444b4d;
    background: #121617;
    color: var(--signal-copy);
}

body.lion2-skin :is(.lion-rolling-loading, .lion-rolling-error, .lion-rules-modal__empty) {
    color: var(--signal-copy-soft);
}

/* Tournament selector styles are injected at runtime; important declarations
 * keep this skin layer authoritative without changing its event flow. */
body.lion2-skin .tournament-entry-backdrop {
    background: rgb(3 5 6 / 88%);
    backdrop-filter: blur(7px) grayscale(.35);
}

body.lion2-skin .tournament-entry-modal {
    border: 2px solid #686e70;
    border-radius: 0;
    background:
        linear-gradient(rgb(10 13 14 / 90%), rgb(10 13 14 / 97%)),
        url('/skin/lion2_main/images/signal/signal-frame-panel-v1.webp') center / cover;
    color: var(--signal-copy);
    box-shadow: 0 30px 86px rgb(0 0 0 / 84%), inset 0 0 0 1px rgb(255 255 255 / 6%);
    clip-path: var(--signal-cut);
}

body.lion2-skin .tournament-entry-head {
    border-bottom: 5px solid var(--signal-yellow);
    background: linear-gradient(180deg, #34393a, #1d2122);
}

body.lion2-skin .tournament-entry-kicker {
    color: var(--signal-yellow);
}

body.lion2-skin .tournament-entry-title {
    color: var(--signal-copy);
    font-family: var(--signal-font-display);
    text-shadow: none;
}

body.lion2-skin .tournament-entry-close {
    border: 1px solid #707678;
    border-radius: 0;
    background: #15191a;
    color: var(--signal-yellow);
}

body.lion2-skin .tournament-entry-body {
    background: #0d1011;
}

body.lion2-skin :is(.tournament-entry-guide, .tournament-entry-card) {
    border: 1px solid #4d5456;
    border-radius: 0;
    background: #15191a;
    color: var(--signal-copy);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 3%);
}

body.lion2-skin .tournament-entry-count {
    border: 1px solid var(--signal-yellow);
    border-radius: 0;
    background: #232829;
    color: var(--signal-yellow);
}

body.lion2-skin .tournament-entry-img {
    border-radius: 0;
    background: #080b0c;
    filter: grayscale(.65) contrast(1.1);
}

body.lion2-skin .tournament-entry-status {
    border-radius: 0;
    background: var(--signal-yellow);
    color: #080909;
}

body.lion2-skin :is(.tournament-entry-name, .tournament-entry-meta-item strong) {
    color: var(--signal-copy);
}

body.lion2-skin .tournament-entry-meta-item {
    border: 1px solid #444b4d;
    border-radius: 0;
    background: #101415;
    color: var(--signal-copy-soft);
}

body.lion2-skin :is(.tournament-entry-desc, .tournament-entry-note) {
    color: var(--signal-copy-soft);
}

body.lion2-skin .tournament-entry-ranking-link {
    border-color: var(--signal-yellow);
    color: var(--signal-yellow);
}

body.lion2-skin .tournament-entry-participate {
    border: 1px solid #ffe04d;
    border-radius: 0;
    background: var(--signal-yellow);
    color: #080909;
    box-shadow: 0 4px 0 #665100;
    clip-path: var(--signal-cut-small);
}

@media screen and (max-width: 980px) {
    body.lion2-skin.side-panel-open .mpslide::before,
    body.lion2-skin.side-panel-open .mpslide::after {
        visibility: hidden;
    }
}

/* ========================================================================== 
 * Dynamic page parity layer
 *
 * The original skin contains late, page-specific fidelity cascades with an artificial
 * ID in their selectors.  Keep those source files intact for structural and
 * behavioral parity, then deliberately outrank only their presentation here.
 * The two non-existent IDs below are specificity anchors; both :not() clauses
 * always match the document and never require runtime markup changes.
 * ========================================================================== */

/* Shared page plates — exact route wrappers only (never the home swiper). */
body.lion2-skin.lion-skin #ajax-content :is(
    .page_ttl:not(.honor-page-title),
    .w_result .page-header,
    .w_coupon .coupon-page-head,
    .page-image.casino-page-hero,
    .page-image.slot-page-hero,
    .page-image.slot-favorite-hero,
    .page-image.minigame-page-image,
    .page-image.virtualgame-page-image,
    .page-image.lotusgame-page-image,
    .page-image.esport-page-image,
    .lion-token-hero,
    .lion-mingo-hero,
    .w_honor_ranking .honor-hero
) {
    --lion-title-desktop: url('/skin/lion2_main/images/signal/signal-page-title-v1.webp');
    --lion-title-mobile: url('/skin/lion2_main/images/signal/signal-page-title-v1.webp');
    position: relative;
    inset: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100px;
    min-height: 100px;
    aspect-ratio: auto;
    margin: 0 0 10px;
    padding: 0 24px;
    overflow: hidden;
    border: 1px solid #696d6e;
    border-bottom: 5px solid var(--signal-yellow);
    border-radius: 0;
    background-color: #8f908c;
    background-image:
        linear-gradient(90deg, rgb(0 0 0 / 10%), transparent 35% 65%, rgb(0 0 0 / 13%)),
        url('/skin/lion2_main/images/signal/signal-page-title-v1.webp');
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 14%), 0 8px 18px rgb(0 0 0 / 30%);
    color: #101213;
    -webkit-text-fill-color: #101213;
    font-family: var(--signal-font-display);
    font-size: clamp(24px, 2.2vw, 34px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.05em;
    text-shadow: 0 1px rgb(255 255 255 / 28%);
    opacity: 1;
    transform: none;
    clip-path: var(--signal-cut);
}

body.lion2-skin.lion-skin #ajax-content :is(
    .page_ttl:not(.honor-page-title),
    .w_result .page-header,
    .w_coupon .coupon-page-head,
    .page-image.casino-page-hero,
    .page-image.slot-page-hero,
    .page-image.slot-favorite-hero,
    .page-image.minigame-page-image,
    .page-image.virtualgame-page-image,
    .page-image.lotusgame-page-image,
    .page-image.esport-page-image,
    .lion-token-hero,
    .lion-mingo-hero,
    .w_honor_ranking .honor-hero
)::before {
    display: none;
    background: none;
    content: none;
}

body.lion2-skin.lion-skin #ajax-content :is(
    .page_ttl:not(.honor-page-title),
    .w_result .page-header,
    .w_coupon .coupon-page-head,
    .page-image.casino-page-hero,
    .page-image.slot-page-hero,
    .page-image.slot-favorite-hero,
    .page-image.minigame-page-image,
    .page-image.virtualgame-page-image,
    .page-image.lotusgame-page-image,
    .page-image.esport-page-image,
    .lion-token-hero,
    .lion-mingo-hero,
    .w_honor_ranking .honor-hero
)::after {
    position: absolute;
    z-index: 3;
    inset: auto 18px 11px auto;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #292c2c;
    content: 'LION / SIGNAL SYSTEM';
    filter: none;
    font: 800 8px/1 monospace;
    letter-spacing: .16em;
    opacity: 1;
    transform: none;
}

body.lion2-skin.lion-skin #ajax-content :is(
    .page_ttl:not(.honor-page-title),
    .page-header,
    .coupon-page-head,
    .casino-page-hero,
    .slot-page-hero,
    .slot-favorite-hero,
    .minigame-page-image,
    .virtualgame-page-image,
    .lotusgame-page-image,
    .esport-page-image,
    .lion-token-hero,
    .lion-mingo-hero,
    .honor-hero
) :is(
    h1,
    h2,
    h3,
    strong,
    .lion-page-title-copy,
    .page-title,
    .title,
    .game-kind-title,
    .casino-hero-title
) {
    position: relative;
    z-index: 4;
    inset: auto;
    display: block;
    visibility: visible;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #101213;
    -webkit-text-fill-color: #101213;
    font-family: var(--signal-font-display);
    font-size: clamp(24px, 2.2vw, 34px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.05em;
    text-shadow: 0 1px rgb(255 255 255 / 28%);
    opacity: 1;
    transform: none;
}

body.lion2-skin.lion-skin #ajax-content :is(
    .page-image.casino-page-hero,
    .page-image.slot-page-hero,
    .page-image.slot-favorite-hero,
    .page-image.minigame-page-image,
    .page-image.virtualgame-page-image,
    .page-image.lotusgame-page-image,
    .page-image.esport-page-image
) > img.intro {
    display: none;
    visibility: hidden;
    opacity: 0;
}

body.lion2-skin.lion-skin #ajax-content .casino-page-hero .casino-hero-copy {
    position: relative;
    z-index: 4;
    inset: auto;
    display: flex;
    visibility: visible;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: auto;
    height: auto;
    margin: 0;
    color: #101213;
    text-align: center;
    opacity: 1;
    transform: none;
}

body.lion2-skin.lion-skin #ajax-content .casino-page-hero :is(.casino-hero-kicker, .textsmall) {
    display: block;
    color: #303334;
    -webkit-text-fill-color: #303334;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .13em;
    line-height: 1.4;
    text-shadow: none;
    opacity: 1;
}

/* Home notice and event panels — live headings/list content over new plates. */
body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    height: auto;
    margin: 0 0 9px;
    padding: 0;
    background: transparent;
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box {
    width: 100%;
    min-height: 158px;
    margin: 0;
    border: 1px solid #575c5d;
    background: #111415;
    box-shadow: var(--signal-inset);
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box .inn {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 158px;
    min-height: 158px;
    aspect-ratio: auto;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background-color: #151819;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-shadow: none;
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box:first-child .inn {
    background-image: url('/skin/lion2_main/images/signal/signal-notice-panel-v1.webp');
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box:last-child .inn {
    background-image: url('/skin/lion2_main/images/signal/signal-event-panel-v1.webp');
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box h1 {
    position: absolute;
    z-index: 3;
    inset: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 43px;
    min-height: 43px;
    margin: 0;
    padding: 0 14px;
    border: 0;
    background: transparent;
    color: var(--signal-copy);
    font-size: 14px;
    line-height: 1;
    opacity: 1;
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box h1 > * {
    visibility: visible;
    opacity: 1;
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box h1 :is(i, a) {
    color: var(--signal-yellow);
    -webkit-text-fill-color: var(--signal-yellow);
    text-shadow: none;
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box h1 span {
    color: var(--signal-copy-dim);
    -webkit-text-fill-color: var(--signal-copy-dim);
    font-size: 9px;
    letter-spacing: .14em;
}

body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box .table_wrap {
    position: absolute;
    z-index: 2;
    inset: 48px 12px 8px;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    overflow: hidden;
}

/* Right service banners support link, inert span, and clipboard span wrappers. */
body.lion2-skin.lion-skin .right_content .r_banner > :is(a, .banner-no-link, .banner-copy) {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0 0 6px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #656a6b;
    border-bottom: 4px solid var(--signal-yellow);
    border-radius: 0;
    background-color: #1b1f20;
    background-image: none;
    box-shadow: var(--signal-inset);
    color: var(--signal-copy);
    clip-path: var(--signal-cut);
}

body.lion2-skin.lion-skin .right_content .r_banner > :is(a, .banner-no-link, .banner-copy) > img {
    position: relative;
    z-index: 1;
    inset: auto;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    filter: none;
    opacity: 1;
}

/* Finance workflows. */
body.lion2-skin.lion-skin #ajax-content :is(.w_deposit, .w_withdraw) .forColumn {
    gap: 10px;
    background: transparent;
}

body.lion2-skin.lion-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(.rectBox, .payment_method) {
    overflow: hidden;
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #101314;
    box-shadow: var(--signal-inset);
}

body.lion2-skin.lion-skin #ajax-content :is(.w_deposit, .w_withdraw) .payment_method > .row {
    border: 0;
    border-bottom: 1px solid var(--signal-line-soft);
    background: #101314;
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content :is(.w_deposit, .w_withdraw) .payment_method > .row > .l1 {
    border: 0;
    border-right: 1px solid var(--signal-line);
    background: linear-gradient(180deg, #353a3b, #202425);
    color: var(--signal-yellow-hot);
    -webkit-text-fill-color: var(--signal-yellow-hot);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content :is(.w_deposit, .w_withdraw) .payment_method > .row > .l2 {
    border: 0;
    background: #101314;
    color: var(--signal-copy-soft);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(
    .input-cont,
    .input-info,
    .info-txt,
    .stat_money,
    .wd-card,
    .receive-type-card
) {
    border-color: var(--signal-line);
    border-radius: 0;
    background: #15191a;
    color: var(--signal-copy-soft);
    box-shadow: none;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(
    .content-sub-title,
    .wd-rolling-title,
    .wd-value--gold,
    .emp
) {
    color: var(--signal-yellow-hot);
    -webkit-text-fill-color: var(--signal-yellow-hot);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content :is(.w_deposit, .w_withdraw) .content-sub-title {
    margin: 10px 0 0;
    padding: 12px 14px;
    border: 1px solid var(--signal-line);
    border-bottom: 4px solid var(--signal-yellow);
    background: #242829;
    font-size: 18px;
}

/* Memo center — remove envelope, wax seal, serif gold, and ornate dividers. */
body.lion2-skin.lion-skin #ajax-content .page.w_memo {
    --memo-gold: var(--signal-yellow);
    --memo-gold-bright: var(--signal-yellow-hot);
    --memo-muted: var(--signal-copy-dim);
    --memo-line: var(--signal-line);
    --memo-line-faint: var(--signal-line-soft);
    background: transparent;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-shell {
    display: grid;
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo :is(.memo-overview, #memo_list_card) {
    position: relative;
    height: auto;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background-color: #111415;
    background-image:
        linear-gradient(135deg, rgb(255 255 255 / 3%), transparent 30%),
        url('/skin/lion2_main/images/signal/signal-concrete-texture-v1.webp');
    background-position: center;
    background-size: cover;
    box-shadow: var(--signal-inset);
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview {
    padding: 14px;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview__main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr);
    gap: 14px;
    height: auto;
    min-height: 150px;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview__intro {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    height: auto;
    min-height: 0;
    padding: 0;
    border: 0;
}

body.lion2-skin.lion-skin #ajax-content .page.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;
    width: 0;
    height: 0;
    background: none;
    filter: none;
    opacity: 0;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview__copy {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    padding: 18px 20px;
    border: 1px solid var(--signal-line);
    border-left: 6px solid var(--signal-yellow);
    background: rgb(10 12 13 / 84%);
    text-align: left;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview__title {
    margin: 0;
    padding: 0;
    color: var(--signal-copy);
    -webkit-text-fill-color: var(--signal-copy);
    font-family: var(--signal-font-display);
    font-size: 24px;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview__title::after {
    display: none;
    content: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview__description {
    max-width: 360px;
    margin: 8px 0 0;
    color: var(--signal-copy-soft);
    font-size: 12px;
    line-height: 1.6;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview__total {
    position: static;
    display: block;
    margin: 14px 0 0;
    color: var(--signal-yellow-hot);
    -webkit-text-fill-color: var(--signal-yellow-hot);
    font-family: var(--signal-font-display);
    font-size: 42px;
    line-height: 1;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview__controls {
    min-width: 0;
    padding: 0;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    height: 74px;
    padding: 0;
    border: 1px solid var(--signal-line);
    background: #171b1c;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-stat {
    border: 0;
    border-left: 1px solid var(--signal-line);
    background: transparent;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-stat:first-child {
    border-left: 0;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo :is(.memo-stat__label, .memo-toolbar-note) {
    color: var(--signal-copy-soft);
    -webkit-text-fill-color: var(--signal-copy-soft);
    font-family: inherit;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-stat__value {
    color: var(--signal-yellow-hot);
    -webkit-text-fill-color: var(--signal-yellow-hot);
    font-family: var(--signal-font-display);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_toolbar_card {
    gap: 8px;
    padding: 8px 0 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo :is(#all_read_btn, #all_memo_del_btn) {
    height: 38px;
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #242829;
    color: var(--signal-copy);
    -webkit-text-fill-color: var(--signal-copy);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #all_read_btn {
    border-color: var(--signal-yellow);
    background: var(--signal-yellow);
    color: #090b0c;
    -webkit-text-fill-color: #090b0c;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card {
    min-height: 360px;
    padding: 16px;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-card-header::after {
    top: 50%;
    right: 0;
    left: 150px;
    height: 6px;
    background: repeating-linear-gradient(135deg, var(--signal-yellow) 0 8px, #151819 8px 16px);
    color: transparent;
    content: '';
    text-shadow: none;
    transform: translateY(-50%);
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-card-title {
    color: var(--signal-copy);
    -webkit-text-fill-color: var(--signal-copy);
    font-family: var(--signal-font-display);
    font-size: 20px;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-card-title::before {
    width: 6px;
    height: 24px;
    border: 0;
    background: var(--signal-yellow);
    content: '';
}

/* Point exchange — industrial reserve console with all live values intact. */
body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury.point-treasury {
    display: grid;
    grid-template-columns: minmax(300px, 34%) minmax(0, 66%);
    width: 100%;
    min-height: 280px;
    margin: 0 0 10px;
    overflow: hidden;
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #0d1011;
    box-shadow: var(--signal-inset);
}

body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__balance {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    padding: 54px 24px 28px;
    overflow: hidden;
    border: 0;
    border-right: 1px solid var(--signal-line);
    border-radius: 0;
    background-color: #757672;
    background-image:
        linear-gradient(rgb(0 0 0 / 8%), rgb(0 0 0 / 20%)),
        url('/skin/lion2_main/images/signal/signal-frame-panel-v1.webp');
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__balance::before {
    position: absolute;
    z-index: 2;
    inset: 13px 14px auto;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 30px;
    padding: 0 10px;
    border: 0;
    border-left: 5px solid var(--signal-yellow);
    border-radius: 0;
    background: rgb(12 15 16 / 88%);
    box-shadow: none;
    color: var(--signal-copy);
    content: 'POINT RESERVE / LIVE';
    font: 800 9px/1 monospace;
    letter-spacing: .13em;
}

body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__balance::after {
    display: none;
    content: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__balance-copy {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    padding: 0;
    filter: none;
    text-align: center;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__label {
    padding: 5px 10px;
    border-left: 4px solid var(--signal-yellow);
    background: #151819;
    color: var(--signal-copy);
    -webkit-text-fill-color: var(--signal-copy);
    font-size: 12px;
    letter-spacing: .08em;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__amount {
    margin: 12px 0 0;
    color: #111415;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__amount strong {
    color: #101213;
    -webkit-text-fill-color: #101213;
    font-family: var(--signal-font-display);
    font-size: clamp(52px, 5vw, 76px);
    letter-spacing: -.06em;
    text-shadow: 0 1px rgb(255 255 255 / 32%);
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__amount span {
    color: #101213;
    -webkit-text-fill-color: #101213;
    font-size: 20px;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__rate {
    margin: 8px 0 0;
    padding: 4px 8px;
    border: 0;
    background: rgb(12 15 16 / 84%);
    color: var(--signal-yellow);
    -webkit-text-fill-color: var(--signal-yellow);
    box-shadow: none;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__gauge {
    display: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__exchange {
    min-height: 280px;
    padding: 24px 26px 18px;
    border: 0;
    border-radius: 0;
    background:
        linear-gradient(135deg, rgb(255 255 255 / 3%), transparent 30%),
        #101314;
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__heading {
    display: block;
    margin: 0;
    padding: 0 0 12px;
    border: 0;
    border-bottom: 4px solid var(--signal-yellow);
    background: transparent;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__heading::before {
    display: none;
    content: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__heading h2 {
    color: var(--signal-copy);
    -webkit-text-fill-color: var(--signal-copy);
    font-family: var(--signal-font-display);
    font-size: 24px;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__heading p {
    color: var(--signal-copy-soft);
    -webkit-text-fill-color: var(--signal-copy-soft);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__input {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr) 24px;
    min-height: 54px;
    margin: 12px 0 0;
    overflow: hidden;
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #0b0e0f;
    box-shadow: inset 0 2px 5px rgb(0 0 0 / 48%);
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__input-label {
    display: flex;
    align-items: center;
    padding-left: 12px;
    border-right: 1px solid var(--signal-line);
    color: var(--signal-copy-soft);
    -webkit-text-fill-color: var(--signal-copy-soft);
    font-size: 12px;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__input input {
    height: 100%;
    border: 0;
    background: transparent;
    color: var(--signal-copy);
    -webkit-text-fill-color: var(--signal-copy);
    font-family: var(--signal-font-display);
    font-size: 23px;
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__quick {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
    margin-top: 7px;
}

body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__quick button {
    height: 38px;
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #1d2122;
    color: var(--signal-copy-soft);
    -webkit-text-fill-color: var(--signal-copy-soft);
    box-shadow: none;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__quick button:is(:hover, .is-active) {
    border-color: var(--signal-yellow);
    background: var(--signal-yellow);
    color: #090b0c;
    -webkit-text-fill-color: #090b0c;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__actions {
    display: grid;
    grid-template-columns: 1fr minmax(180px, 34%);
    gap: 8px;
    margin: 8px 0 0;
    padding: 0;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__actions::before {
    display: none;
    content: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__actions :is(.reset_button, #point_proc) {
    height: 42px;
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #242829;
    color: var(--signal-copy);
    -webkit-text-fill-color: var(--signal-copy);
    box-shadow: none;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__actions #point_proc {
    border-color: var(--signal-yellow);
    background: var(--signal-yellow);
    color: #090b0c;
    -webkit-text-fill-color: #090b0c;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-ledger {
    min-height: 260px;
    margin: 0;
    padding: 14px;
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #101314;
    box-shadow: var(--signal-inset);
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-ledger__head {
    margin: 0 0 10px;
    padding: 0 0 9px;
    border: 0;
    border-bottom: 4px solid var(--signal-yellow);
    background: transparent;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-ledger__head h2 {
    color: var(--signal-copy);
    -webkit-text-fill-color: var(--signal-copy);
    font-family: var(--signal-font-display);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point .point-ledger__columns {
    border: 1px solid var(--signal-line);
    background: #2a2f30;
    color: var(--signal-copy-soft);
}

/* Honor ranking — preserve state/data markup and replace every fantasy layer. */
body.lion2-skin.lion-skin #ajax-content .w_honor_ranking :is(
    .honor-hero-title-image,
    .honor-champion-medal,
    .honor-champion-portrait,
    .honor-rank-badge--image,
    .honor-cat-strip-image,
    .honor-empty-stage__sky,
    .honor-empty-stage__spotlight,
    .honor-empty-stage__emblem,
    .honor-empty-stage__pedestal
) {
    display: none;
    visibility: hidden;
    background: none;
    filter: none;
    opacity: 0;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero::before {
    position: relative;
    z-index: 4;
    inset: auto;
    display: block;
    color: #101213;
    -webkit-text-fill-color: #101213;
    font-family: var(--signal-font-display);
    font-size: clamp(24px, 2.2vw, 34px);
    text-shadow: 0 1px rgb(255 255 255 / 28%);
    opacity: 1;
    transform: none;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero--rolling::before {
    content: "명예의 롤링왕";
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero--odds::before {
    content: "명예의 전당";
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero::after {
    position: absolute;
    z-index: 4;
    inset: auto auto 13px;
    display: block;
    color: #303334;
    -webkit-text-fill-color: #303334;
    font: 800 8px/1 monospace;
    letter-spacing: .18em;
    opacity: 1;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero--rolling::after {
    content: "ROLLING KING";
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-hero--odds::after {
    content: "HALL OF FAME";
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking :is(#honor-event-list, #honor-event-view) {
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-empty-stage {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 350px;
    padding: 44px 24px;
    overflow: hidden;
    border: 1px solid var(--signal-line);
    border-bottom: 6px solid var(--signal-yellow);
    border-radius: 0;
    background-color: #111415;
    background-image:
        linear-gradient(rgb(7 9 10 / 34%), rgb(7 9 10 / 62%)),
        url('/skin/lion2_main/images/signal/signal-frame-panel-v1.webp');
    background-position: center;
    background-size: 100% 100%;
    box-shadow: var(--signal-inset);
    text-align: center;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-empty-stage::before {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    border-left: 6px solid var(--signal-yellow);
    background: #151819;
    color: var(--signal-yellow-hot);
    content: "NO ACTIVE SIGNAL";
    font: 900 11px/1 monospace;
    letter-spacing: .15em;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-empty-stage__copy {
    position: relative;
    z-index: 3;
    margin-top: 14px;
    color: var(--signal-copy-soft);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-empty-stage__copy h2 {
    color: var(--signal-copy);
    -webkit-text-fill-color: var(--signal-copy);
    font-family: var(--signal-font-display);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking :is(
    .honor-ranking-shell,
    .honor-champions,
    .honor-table,
    .honor-cat-tabs,
    .honor-event-card,
    .honor-view-card
) {
    border-color: var(--signal-line);
    border-radius: 0;
    background-color: #101314;
    background-image: none;
    box-shadow: var(--signal-inset);
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking :is(.honor-ranking-notice, .honor-ranking-eventbar) {
    border-color: var(--signal-line);
    background: #242829;
    color: var(--signal-copy);
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking :is(
    .honor-ranking-notice-copy,
    .honor-ranking-period,
    .honor-ranking-pill,
    .honor-ranking-my strong,
    .honor-card-type,
    .honor-prize-amount
) {
    color: var(--signal-yellow-hot);
    -webkit-text-fill-color: var(--signal-yellow-hot);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-ranking-badge {
    border: 1px solid var(--signal-yellow);
    border-radius: 0;
    background: var(--signal-yellow);
    color: #090b0c;
    -webkit-text-fill-color: #090b0c;
    box-shadow: none;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-champions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    padding: 10px;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-champion {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    min-height: 90px;
    padding: 12px;
    border: 1px solid var(--signal-line);
    border-left: 5px solid var(--signal-yellow);
    border-radius: 0;
    background: #171b1c;
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-champion::before,
body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-champion::after {
    display: none;
    content: none;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-champion::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid var(--signal-yellow);
    background: #0b0e0f;
    color: var(--signal-yellow-hot);
    font: 900 12px/1 monospace;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-champion--1::before {
    content: "NO.1";
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-champion--2::before {
    content: "NO.2";
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-champion--3::before {
    content: "NO.3";
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-cat-tabs,
body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-ranking-shell--odds .honor-cat-tabs {
    display: flex;
    flex-wrap: wrap;
    grid-template: none;
    gap: 6px;
    padding: 10px;
    overflow-x: auto;
    border-bottom: 1px solid var(--signal-line);
    background: #151819;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-ranking-shell--odds .honor-cat-tab,
body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-cat-tab {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 88px;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #242829;
    color: var(--signal-copy-soft);
    -webkit-text-fill-color: var(--signal-copy-soft);
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-cat-tab::before {
    display: inline;
    color: inherit;
    content: attr(aria-label);
    font: 900 12px/1 var(--signal-font-display);
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-cat-tab.is-active {
    border-color: var(--signal-yellow);
    background: var(--signal-yellow);
    color: #090b0c;
    -webkit-text-fill-color: #090b0c;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-rank-cell--medal::before {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border: 1px solid var(--signal-yellow);
    border-radius: 0;
    background: #202425;
    color: var(--signal-yellow-hot);
    -webkit-text-fill-color: var(--signal-yellow-hot);
    box-shadow: none;
    transform: none;
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-rank-row--1 .honor-rank-cell--medal::before {
    content: "1";
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-rank-row--2 .honor-rank-cell--medal::before {
    content: "2";
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-rank-row--3 .honor-rank-cell--medal::before {
    content: "3";
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-rank-row--4 .honor-rank-cell--medal::before {
    content: "4";
}

body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-rank-row--5 .honor-rank-cell--medal::before {
    content: "5";
}

/* Roulette — the original canvas and #roulette_start click contract remain. */
body.lion2-skin.lion-skin #ajax-content .w_roulette {
    padding-bottom: 18px;
    background: transparent;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_tab {
    position: relative;
    z-index: 10;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    width: 100%;
    margin: 0 0 8px;
    padding: 7px;
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #111415;
    box-shadow: var(--signal-inset);
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_tab .roulette-tab-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    min-height: 58px;
    padding: 0 14px;
    overflow: hidden;
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: linear-gradient(180deg, #303536, #1c2021);
    box-shadow: none;
    color: var(--signal-copy);
    clip-path: var(--signal-cut);
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_tab .roulette-tab-button.active {
    border-color: var(--signal-yellow);
    background: var(--signal-yellow);
    color: #090b0c;
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette-tab-art {
    display: none;
    visibility: hidden;
    opacity: 0;
}

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

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette-tab-count {
    position: relative;
    z-index: 3;
    inset: auto;
    display: inline-flex;
    padding: 4px 7px;
    border: 1px solid currentcolor;
    border-radius: 0;
    background: rgb(8 10 11 / 24%);
    color: inherit;
    -webkit-text-fill-color: currentcolor;
    font-size: 9px;
    text-shadow: none;
    opacity: 1;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette-tab-count strong {
    color: inherit;
    -webkit-text-fill-color: currentcolor;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_wrap {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 24px 18px 18px;
    overflow: hidden;
    border: 1px solid var(--signal-line);
    border-bottom: 6px solid var(--signal-yellow);
    border-radius: 0;
    background-color: #101314;
    background-image:
        linear-gradient(rgb(8 10 11 / 30%), rgb(8 10 11 / 72%)),
        url('/skin/lion2_main/images/signal/signal-concrete-texture-v1.webp');
    background-position: center;
    background-size: cover;
    box-shadow: var(--signal-inset);
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_circle {
    position: relative;
    z-index: 2;
    display: block;
    width: min(56vw, 600px);
    max-width: calc(100% - 12px);
    height: auto;
    margin: 0 auto;
    filter: drop-shadow(0 18px 22px rgb(0 0 0 / 62%));
    opacity: 1;
}

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

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_canvas canvas {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    filter: grayscale(.86) contrast(1.18) brightness(.82);
}

body.lion2-skin.lion-skin #ajax-content .w_roulette :is(.roulette_character, .roulette_pin) {
    display: none;
    visibility: hidden;
    background: none;
    opacity: 0;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_btn {
    position: absolute;
    z-index: 6;
    top: calc((min(56vw, 600px) / 2) + 24px);
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 108px;
    height: 108px;
    margin: 0;
    border: 5px solid #111415;
    border-radius: 50%;
    background: var(--signal-yellow);
    box-shadow: inset 0 0 0 2px rgb(255 255 255 / 24%), 0 9px 18px rgb(0 0 0 / 55%);
    transform: translate(-50%, -50%);
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_btn #roulette_start {
    position: absolute;
    z-index: 3;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_btn::after {
    position: relative;
    z-index: 2;
    display: block;
    color: #090b0c;
    content: "SPIN";
    -webkit-text-fill-color: #090b0c;
    font: 900 22px/1 var(--signal-font-display);
    letter-spacing: -.06em;
    pointer-events: none;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .rulette_table {
    position: relative;
    z-index: 8;
    inset: auto;
    width: 100%;
    height: auto;
    margin: 18px auto 0;
    padding: 12px;
    overflow: hidden;
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: rgb(9 11 12 / 94%);
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette-results-head {
    border-bottom: 4px solid var(--signal-yellow);
    background: #242829;
    color: var(--signal-copy);
}

@media screen and (max-width: 980px) {
    body.lion2-skin.lion-skin #ajax-content :is(
        .page_ttl:not(.honor-page-title),
        .w_result .page-header,
        .w_coupon .coupon-page-head,
        .page-image.casino-page-hero,
        .page-image.slot-page-hero,
        .page-image.slot-favorite-hero,
        .page-image.minigame-page-image,
        .page-image.virtualgame-page-image,
        .page-image.lotusgame-page-image,
        .page-image.esport-page-image,
        .lion-token-hero,
        .lion-mingo-hero,
        .w_honor_ranking .honor-hero
    ) {
        height: 84px;
        min-height: 84px;
        max-height: 84px;
        margin-bottom: 8px;
        padding: 0 12px;
        background-size: 100% 100%;
        font-size: clamp(20px, 6vw, 26px);
    }

    body.lion2-skin.lion-skin #ajax-content :is(
        .page_ttl:not(.honor-page-title),
        .page-header,
        .coupon-page-head,
        .casino-page-hero,
        .slot-page-hero,
        .slot-favorite-hero,
        .minigame-page-image,
        .virtualgame-page-image,
        .lotusgame-page-image,
        .esport-page-image,
        .lion-token-hero,
        .lion-mingo-hero,
        .honor-hero
    ) :is(h1, h2, h3, strong, .lion-page-title-copy, .page-title, .title, .game-kind-title, .casino-hero-title) {
        font-size: clamp(20px, 6vw, 26px);
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area {
        grid-template-columns: 1fr;
        gap: 6px;
    }

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

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box h1 {
        height: 40px;
        min-height: 40px;
        padding: 0 10px;
        font-size: 13px;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box .table_wrap {
        inset: 43px 9px 8px;
    }

    body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview {
        height: auto;
        min-height: 0;
        margin: 0;
        padding: 10px;
    }

    body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview__main {
        display: block;
        height: auto;
        min-height: 0;
    }

    body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview__intro {
        display: block;
        height: auto;
        min-height: 0;
        padding: 0;
        border: 0;
    }

    body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview__copy {
        min-height: 126px;
        padding: 14px 16px;
    }

    body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview__total {
        position: static;
        margin-top: 10px;
        font-size: 34px;
    }

    body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview__stats {
        height: 72px;
        margin-top: 8px;
    }

    body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_toolbar_card {
        gap: 8px;
        padding: 8px 0 0;
    }

    body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card {
        min-height: 0;
        padding: 12px;
    }

    body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury.point-treasury {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__balance {
        min-height: 220px;
        padding: 50px 18px 24px;
        border-right: 0;
        border-bottom: 1px solid var(--signal-line);
    }

    body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__exchange {
        min-height: 0;
        padding: 18px 14px;
    }

    body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__input {
        grid-template-columns: 98px minmax(0, 1fr) 22px;
    }

    body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__quick {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.lion2-skin.lion-skin #ajax-content .w_point .point-treasury__actions {
        grid-template-columns: 1fr 1fr;
    }

    body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-empty-stage {
        min-height: 310px;
        padding: 36px 16px;
    }

    body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-champions {
        grid-template-columns: 1fr;
    }

    body.lion2-skin.lion-skin #ajax-content .w_honor_ranking .honor-ranking-shell--odds .honor-cat-tabs {
        display: flex;
        grid-template: none;
        gap: 4px;
    }

    body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_tab {
        gap: 4px;
        padding: 4px;
    }

    body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_tab .roulette-tab-button {
        min-height: 48px;
        padding: 0 8px;
    }

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

    body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette-tab-count {
        padding: 3px 4px;
        font-size: 8px;
    }

    body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_wrap {
        padding: 14px 6px 10px;
    }

    body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_circle {
        width: min(92vw, 520px);
        max-width: calc(100% - 8px);
    }

    body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_canvas {
        inset: 14px auto auto 50%;
        width: min(92vw, 520px);
        max-width: calc(100% - 20px);
    }

    body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_btn {
        top: calc((min(92vw, 520px) / 2) + 14px);
        width: 80px;
        height: 80px;
        border-width: 4px;
    }

    body.lion2-skin.lion-skin #ajax-content .w_roulette .roulette_btn::after {
        font-size: 17px;
    }

    body.lion2-skin.lion-skin #ajax-content .w_roulette .rulette_table {
        width: 100%;
        margin-top: 10px;
        padding: 7px;
    }
}

/* Final computed-style cleanup for dynamic rows and nested legacy controls. */
body.lion2-skin.lion-skin #ajax-content .page_ttl:not(.honor-page-title) .lion-page-title-copy::before,
body.lion2-skin.lion-skin #ajax-content .page_ttl:not(.honor-page-title) .lion-page-title-copy::after {
    display: none;
    width: 0;
    height: 0;
    margin: 0;
    background: none;
    content: none;
    filter: none;
}

body.lion2-skin.lion-skin #ajax-content .casino-page-hero .casino-hero-kicker {
    margin: 0 0 4px;
    padding: 4px 8px;
    border: 0;
    border-left: 5px solid var(--signal-yellow);
    border-radius: 0;
    background: #202425;
    color: var(--signal-yellow-hot);
    -webkit-text-fill-color: var(--signal-yellow-hot);
    box-shadow: none;
}

/* Message rows: retain open/read/delete behavior, replace the brown stationery. */
body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-table-card {
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-item,
body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-item:has(.memo-row--unread) {
    overflow: hidden;
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #101314;
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-item::before {
    position: absolute;
    z-index: 2;
    inset: 0 auto 0 0;
    display: block;
    width: 5px;
    height: auto;
    border: 0;
    background: var(--signal-line);
    content: '';
    opacity: 1;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-item:has(.memo-row--unread)::before {
    background: var(--signal-yellow);
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-row,
body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-item:has(.memo-row--unread) .memo-row {
    border-color: var(--signal-line-soft);
    background: #101314;
    color: var(--signal-copy-soft);
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-row--unread,
body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-item:has(.memo-row--unread) .memo-row--unread {
    background: linear-gradient(90deg, rgb(242 196 0 / 11%), #15191a 38%);
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-row__cell {
    border-color: var(--signal-line-soft);
    background: transparent;
    color: var(--signal-copy-soft);
    -webkit-text-fill-color: var(--signal-copy-soft);
    font-family: var(--signal-font-display);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-row__cell--date {
    color: var(--signal-copy);
    -webkit-text-fill-color: var(--signal-copy);
    font-family: var(--signal-font-display);
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-row__cell--date span {
    color: var(--signal-copy-dim);
    -webkit-text-fill-color: var(--signal-copy-dim);
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-row__cell--date::before {
    border: 2px solid var(--signal-line);
    border-radius: 0;
    background: #0b0e0f;
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-row--unread .memo-row__cell--date::before {
    border-color: var(--signal-yellow);
    background: var(--signal-yellow);
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-subject-button {
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-subject-button__text,
body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-row--unread .memo-subject-button__text {
    color: var(--signal-copy);
    -webkit-text-fill-color: var(--signal-copy);
    font-family: var(--signal-font-display);
    font-size: 15px;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card :is(
    .memo-status-badge,
    .memo-delete-placeholder,
    .memo-delete-button
) {
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #1e2223;
    color: var(--signal-copy-soft);
    -webkit-text-fill-color: var(--signal-copy-soft);
    box-shadow: none;
    font-family: var(--signal-font-display);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-status-badge--unread {
    border-color: var(--signal-yellow);
    color: var(--signal-yellow-hot);
    -webkit-text-fill-color: var(--signal-yellow-hot);
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-unread-dot {
    border-radius: 0;
    background: var(--signal-yellow);
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo_content {
    border-color: var(--signal-line);
    background: #15191a;
    color: var(--signal-copy-soft);
    box-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card :is(.memo-detail-visual, .memo-detail-medallion) {
    display: none;
    background: none;
}

/* Sports workspaces: structural grids remain, legacy safari palette does not. */
body.lion2-skin.lion-skin #ajax-content :is(
    .w_cross,
    .w_special,
    .w_realtime,
    .w_inplay,
    .w_europe
) {
    --color-brand: var(--signal-yellow);
    --color-brand-bg: var(--signal-yellow);
    --color-brand-dark: var(--signal-yellow-dim);
    --color-bg-dark: #0b0e0f;
    --color-bg-panel: #101314;
    --color-bg-surface: #15191a;
    --color-border-light: var(--signal-line);
    --color-text-primary: var(--signal-copy);
    --color-text-subtle: var(--signal-copy-soft);
    --color-text-muted: var(--signal-copy-dim);
    background: transparent;
    color: var(--signal-copy-soft);
}

body.lion2-skin.lion-skin #ajax-content :is(
    .w_cross,
    .w_special,
    .w_realtime,
    .w_inplay,
    .w_europe
) :is(
    .sports-list,
    .sw_l,
    .sw_r,
    .spo_jong,
    .cstype,
    .spnotice,
    .team_search,
    .sports-filter-search,
    .game_pan,
    .league-block,
    .league_info,
    .game_list,
    .extraOdds,
    .betBox,
    .betlistbox
) {
    border-color: var(--signal-line);
    border-radius: 0;
    background-color: #101314;
    background-image: none;
    box-shadow: none;
    color: var(--signal-copy-soft);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content :is(
    .w_cross,
    .w_special,
    .w_realtime,
    .w_inplay,
    .w_europe
) :is(.spo_jong a, .cstype a, .sports-type, .game_tab, .sports-filter-submit) {
    border-color: var(--signal-line);
    border-radius: 0;
    background: #202425;
    color: var(--signal-copy-soft);
    -webkit-text-fill-color: var(--signal-copy-soft);
    box-shadow: none;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content :is(
    .w_cross,
    .w_special,
    .w_realtime,
    .w_inplay,
    .w_europe
) :is(.spo_jong a, .cstype a, .sports-type, .game_tab, .sports-filter-submit):is(.on, .active, :hover) {
    border-color: var(--signal-yellow);
    background: var(--signal-yellow);
    color: #090b0c;
    -webkit-text-fill-color: #090b0c;
}

body.lion2-skin.lion-skin #ajax-content :is(
    .w_cross,
    .w_special,
    .w_realtime,
    .w_inplay,
    .w_europe
) :is(.league_info, .gameinfo, .tit, .spnotice .title) {
    border-color: var(--signal-line);
    background: #2a2f30;
    color: var(--signal-copy);
    -webkit-text-fill-color: var(--signal-copy);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content :is(
    .w_cross,
    .w_special,
    .w_realtime,
    .w_inplay,
    .w_europe
) .game_list :is(ul, li, .team, .team-wrap, .teaminfo, .odd_info) {
    border-color: var(--signal-line-soft);
    background-color: #15191a;
    background-image: none;
    color: var(--signal-copy-soft);
    box-shadow: none;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content :is(
    .w_cross,
    .w_special,
    .w_realtime,
    .w_inplay,
    .w_europe
) .game_list :is(li, .odd_info):is(.on, .active, .choice, :hover) {
    border-color: var(--signal-yellow);
    background: var(--signal-yellow);
    color: #090b0c;
    -webkit-text-fill-color: #090b0c;
}

body.lion2-skin.lion-skin #ajax-content :is(
    .w_cross,
    .w_special,
    .w_realtime,
    .w_inplay,
    .w_europe
) :is(.spnotice, .sports-filter-rules) {
    border-left: 5px solid var(--signal-yellow);
    background: #111415;
}

body.lion2-skin.lion-skin #ajax-content :is(
    .w_cross,
    .w_special,
    .w_realtime,
    .w_inplay,
    .w_europe
) :is(.spnotice, .sports-filter-rules) :is(h1, h2, h3, strong, .tit) {
    color: var(--signal-yellow-hot);
    -webkit-text-fill-color: var(--signal-yellow-hot);
    text-shadow: none;
}

/* Finance, coupon, point, and right-slip controls use one button language. */
body.lion2-skin.lion-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(
    .amount_button,
    .all_amount_button,
    .reset_button,
    .finance-action-button,
    .btnReds
) {
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #202425;
    color: var(--signal-copy-soft);
    -webkit-text-fill-color: var(--signal-copy-soft);
    box-shadow: none;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(
    .amount_button,
    .all_amount_button,
    .reset_button,
    .finance-action-button
):hover,
body.lion2-skin.lion-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(#deposit_proc, #withdraw_proc) {
    border: 1px solid var(--signal-yellow);
    border-radius: 0;
    background: var(--signal-yellow);
    color: #090b0c;
    -webkit-text-fill-color: #090b0c;
    box-shadow: none;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_coupon :is(
    .coupon-cleanup-button,
    .coupon-clear-button,
    [class*='cleanup']
) {
    border: 1px solid var(--signal-yellow);
    border-radius: 0;
    background: var(--signal-yellow);
    color: #090b0c;
    -webkit-text-fill-color: #090b0c;
    box-shadow: none;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_point #point_treasury .point-treasury__actions :is(.reset_button, #point_proc) {
    justify-self: stretch;
    width: 100%;
    min-width: 0;
}

body.lion2-skin.lion-skin .right_content .lion-main-betslip :is(
    .amountBtn,
    .maxBtn,
    .virtual-amountBtn,
    .virtual-maxBtn,
    .slip-amount-preset,
    .slip-tab-btn
) {
    border: 1px solid var(--signal-line);
    border-radius: 0;
    background: #202425;
    color: var(--signal-copy-soft);
    -webkit-text-fill-color: var(--signal-copy-soft);
    box-shadow: none;
    text-shadow: none;
}

body.lion2-skin.lion-skin .right_content .lion-main-betslip :is(
    .amountBtn,
    .maxBtn,
    .virtual-amountBtn,
    .virtual-maxBtn,
    .slip-amount-preset,
    .slip-tab-btn
):is(.active, :hover) {
    border-color: var(--signal-yellow);
    background: var(--signal-yellow);
    color: #090b0c;
    -webkit-text-fill-color: #090b0c;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .rulette_table :is(table, thead, tbody, tr, th, td) {
    border-color: var(--signal-line);
    background-color: #101314;
    background-image: none;
    color: var(--signal-copy-soft);
    -webkit-text-fill-color: var(--signal-copy-soft);
    box-shadow: none;
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content .w_roulette .rulette_table th {
    border-bottom: 3px solid var(--signal-yellow);
    background: #2a2f30;
    color: var(--signal-copy);
    -webkit-text-fill-color: var(--signal-copy);
}

body.lion2-skin.lion-skin #ajax-content :is(.w_europe, .w_inplay) :is(
    #gameDetail_w,
    .lion-bet-rules,
    .lion-bet-rules__body
) {
    border-color: var(--signal-line);
    border-radius: 0;
    background: #101314;
    color: var(--signal-copy-soft);
    -webkit-text-fill-color: var(--signal-copy-soft);
    box-shadow: none;
    font-family: var(--signal-font-display);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content :is(.w_europe, .w_inplay) .lion-bet-rules {
    border-left: 5px solid var(--signal-yellow);
}

body.lion2-skin.lion-skin #ajax-content :is(.w_europe, .w_inplay) .lion-bet-rules__title {
    margin: 0 0 12px;
    padding: 0 0 10px;
    border-bottom: 4px solid var(--signal-yellow);
    color: var(--signal-copy);
    -webkit-text-fill-color: var(--signal-copy);
    font-family: var(--signal-font-display);
    text-shadow: none;
}

body.lion2-skin.lion-skin #ajax-content :is(.w_europe, .w_inplay) .lion-bet-rules__body :is(p, div, span, strong) {
    color: var(--signal-copy-soft);
    -webkit-text-fill-color: var(--signal-copy-soft);
    font-family: var(--signal-font-display);
    text-shadow: none;
}

/* Final mobile legibility guards for compact account workflows. */
@media screen and (max-width: 980px) {
    body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-stat {
        box-sizing: border-box;
        height: 100%;
        min-height: 0;
        padding: 8px 4px;
    }

    body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-stat__value {
        margin-top: 5px;
        font-size: 29px;
        line-height: 1;
    }

    body.lion2-skin.lion-skin #ajax-content .page.w_deposit .payment_method > .row {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    body.lion2-skin.lion-skin #ajax-content .page.w_deposit .payment_method > .row > .l1 {
        box-sizing: border-box;
        flex: 0 0 110px;
        width: 110px;
        min-width: 110px;
        font-size: 13px;
        white-space: nowrap;
        word-break: keep-all;
    }

    body.lion2-skin.lion-skin #ajax-content .page.w_deposit .payment_method > .row > .l2 {
        flex: 1 1 auto;
        min-width: 0;
    }

    body.lion2-skin.lion-skin #ajax-content #myinfo_page .myinfo-overview-main {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        padding: 12px 14px 6px;
    }

    body.lion2-skin.lion-skin #ajax-content #myinfo_page .myinfo-overview-copy {
        width: 100%;
        min-width: 0;
        padding-left: 0;
    }

    body.lion2-skin.lion-skin #ajax-content #myinfo_page .myinfo-title {
        font-size: 18px;
        word-break: keep-all;
    }

    body.lion2-skin.lion-skin #ajax-content #myinfo_page .myinfo-description {
        display: block;
        max-width: none;
        overflow: visible;
        font-size: 12px;
        line-height: 1.55;
        word-break: keep-all;
        -webkit-box-orient: initial;
        -webkit-line-clamp: initial;
    }
}

/* ========================================================================== 
 * Home fidelity pass — approved 1680 x 945 Brutalist Signal composition
 *
 * The legacy Lion home paints its five category cards on the parent and makes
 * every link transparent. Lion2 uses real per-card assets, so the links must
 * be restored here. This last cascade also removes the legacy double nav
 * gutter and scales the complete desktop composition from the approved frame.
 * ========================================================================== */

@media screen and (min-width: 981px) {
    body.lion2-skin.lion-skin {
        --lion-main-art-height: clamp(82px, 5.7143vw, 150px);
        --lion-main-nav-height: clamp(44px, 2.9167vw, 76px);
        --lion-desktop-header-height: calc(var(--lion-main-art-height) + var(--lion-main-nav-height));
        --lion-left-frame-width: clamp(240px, 15.655vw, 410px);
        --lion-right-frame-width: clamp(238px, 15.119vw, 395px);
        --signal-home-gutter: clamp(8px, .5952vw, 15px);
        --signal-home-gap: clamp(6px, .4762vw, 12px);
    }

    body.lion2-skin.lion-skin .top_wrap {
        height: var(--lion-desktop-header-height) !important;
        background-color: transparent !important;
        background-image: var(--signal-part-header-shell) !important;
        background-position: center top !important;
        background-size: 100% var(--lion-main-art-height) !important;
        background-repeat: no-repeat !important;
        box-shadow: 0 5px 14px rgb(0 0 0 / 46%) !important;
        pointer-events: none !important;
    }

    body.lion2-skin.lion-skin .top_wrap::before,
    body.lion2-skin.lion-skin .top_wrap::after {
        display: none !important;
        content: none !important;
    }

    body.lion2-skin.lion-skin .top_wrap .userm_wrap {
        height: var(--lion-main-art-height) !important;
    }

    body.lion2-skin.lion-skin .top_wrap .userm_wrap .logo {
        top: clamp(6px, .4762vw, 12px) !important;
        left: clamp(12px, .8929vw, 22px) !important;
        width: calc(var(--lion-left-frame-width) - clamp(24px, 1.7857vw, 46px)) !important;
        height: calc(var(--lion-main-art-height) - clamp(12px, .9524vw, 24px)) !important;
        pointer-events: auto !important;
    }

    body.lion2-skin.lion-skin .top_wrap .userm_wrap .logo img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] .top_wrap .userm_wrap ul.submenu {
        top: clamp(12px, 1.1905vw, 30px) !important;
        right: clamp(12px, .8929vw, 22px) !important;
        display: flex !important;
        width: clamp(700px, 50vw, 1050px) !important;
        max-width: calc(100% - var(--lion-left-frame-width) - 24px) !important;
        height: clamp(42px, 2.9167vw, 74px) !important;
        margin: 0 !important;
        padding: 0 clamp(5px, .4762vw, 12px) !important;
        overflow: hidden !important;
        border: 2px solid #454849 !important;
        background:
            linear-gradient(180deg, rgb(235 233 224 / 98%), rgb(156 156 151 / 98%)) !important;
        box-shadow:
            inset 0 0 0 1px rgb(255 255 255 / 42%),
            inset 0 -5px 8px rgb(0 0 0 / 18%),
            0 5px 12px rgb(0 0 0 / 38%) !important;
        clip-path: none !important;
        pointer-events: auto !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] .top_wrap .userm_wrap ul.submenu li {
        display: flex !important;
        flex: 1 1 0 !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        height: 100% !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] .top_wrap .userm_wrap ul.submenu :is(a, button) {
        justify-content: center !important;
        width: 100% !important;
        height: calc(100% - 12px) !important;
        padding: 0 clamp(3px, .3571vw, 9px) !important;
        overflow: hidden !important;
        color: #101213 !important;
        font-size: clamp(10px, .7143vw, 16px) !important;
        text-align: center !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.lion2-skin.lion-skin .top_wrap .nav_wrap {
        top: var(--lion-main-art-height) !important;
        height: var(--lion-main-nav-height) !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    body.lion2-skin.lion-skin .top_wrap .nav_wrap .navdiv {
        position: relative !important;
        box-sizing: border-box !important;
        width: calc(100% - var(--lion-left-frame-width) - var(--lion-right-frame-width)) !important;
        height: var(--lion-main-nav-height) !important;
        margin: 0 0 0 var(--lion-left-frame-width) !important;
        padding: 0 0 0 clamp(42px, 3.0952vw, 80px) !important;
        overflow: hidden !important;
        border: 2px solid #4d5051 !important;
        background:
            var(--signal-part-nav-light) center / 100% 100% no-repeat,
            #aaa9a3 !important;
        box-shadow:
            inset 0 1px rgb(255 255 255 / 55%),
            inset 0 -5px 8px rgb(0 0 0 / 22%),
            0 4px 10px rgb(0 0 0 / 42%) !important;
        pointer-events: auto !important;
    }

    body.lion2-skin.lion-skin .top_wrap .nav_wrap .navdiv::before {
        position: absolute !important;
        z-index: 2 !important;
        inset: 0 auto 0 0 !important;
        display: block !important;
        width: clamp(42px, 3.0952vw, 80px) !important;
        content: '' !important;
        border-right: 2px solid #252728 !important;
        background: repeating-linear-gradient(135deg, var(--signal-yellow) 0 11px, #17191a 11px 22px) !important;
        box-shadow: inset 0 0 0 3px rgb(255 255 255 / 8%) !important;
    }

    body.lion2-skin.lion-skin .top_wrap .nav_wrap .navdiv > :is(a, button) {
        min-width: 0 !important;
        height: 100% !important;
        padding: 0 clamp(4px, .4167vw, 10px) !important;
        border-right: 1px solid rgb(33 35 35 / 18%) !important;
        color: #151718 !important;
        font-size: clamp(11px, .8333vw, 18px) !important;
        letter-spacing: -.055em !important;
        text-shadow: 0 1px rgb(255 255 255 / 48%) !important;
    }

    body.lion2-skin.lion-skin .top_wrap .nav_wrap .navdiv > :is(a, button)::before {
        flex: 0 0 auto !important;
        width: 5px !important;
        height: 5px !important;
        margin-right: clamp(4px, .3571vw, 9px) !important;
    }

    body.lion2-skin.lion-skin :is(.left_content, .right_content) {
        top: var(--lion-main-art-height) !important;
        height: calc(100vh - var(--lion-main-art-height)) !important;
        padding-top: clamp(10px, .7143vw, 18px) !important;
        padding-bottom: 10px !important;
        border-color: #656868 !important;
        background-color: #72716d !important;
        box-shadow:
            inset 0 0 0 2px rgb(255 255 255 / 10%),
            0 0 22px rgb(0 0 0 / 60%) !important;
    }

    body.lion2-skin.lion-skin .left_content {
        width: var(--lion-left-frame-width) !important;
        padding-right: clamp(12px, .8929vw, 22px) !important;
        padding-left: clamp(12px, .8929vw, 22px) !important;
        background-image:
            linear-gradient(90deg, rgb(218 216 207 / 16%), rgb(51 54 55 / 4%)),
            var(--signal-part-rail-left-top),
            var(--signal-part-rail-left-bottom),
            var(--signal-part-rail-left-mid),
            var(--signal-part-concrete) !important;
        background-position: center, left top, left bottom, left top, center !important;
        background-size: cover, 100% auto, 100% auto, 100% auto, 256px 256px !important;
        background-repeat: no-repeat, no-repeat, no-repeat, repeat-y, repeat !important;
    }

    body.lion2-skin.lion-skin .right_content {
        width: var(--lion-right-frame-width) !important;
        padding-right: clamp(11px, .7738vw, 20px) !important;
        padding-left: clamp(11px, .7738vw, 20px) !important;
        background-image:
            linear-gradient(270deg, rgb(218 216 207 / 16%), rgb(51 54 55 / 4%)),
            var(--signal-part-rail-right-top),
            var(--signal-part-rail-right-bottom),
            var(--signal-part-rail-right-mid),
            var(--signal-part-concrete) !important;
        background-position: center, right top, right bottom, right top, center !important;
        background-size: cover, 100% auto, 100% auto, 100% auto, 256px 256px !important;
        background-repeat: no-repeat, no-repeat, no-repeat, repeat-y, repeat !important;
    }

    body.lion2-skin.lion-skin :is(.left_content, .right_content)::before {
        display: none !important;
        content: none !important;
    }

    body.lion2-skin.lion-skin :is(.left_content, .right_content) .scrollFrame {
        height: calc(100vh - var(--lion-main-art-height) - 22px) !important;
    }

    body.lion2-skin.lion-skin .container_wrap {
        margin-top: var(--lion-desktop-header-height) !important;
    }

    body.lion2-skin.lion-skin .contents {
        width: calc(100% - var(--lion-left-frame-width) - var(--lion-right-frame-width)) !important;
        min-height: calc(100vh - var(--lion-desktop-header-height)) !important;
        margin: 0 var(--lion-right-frame-width) 0 var(--lion-left-frame-width) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] .contents {
        padding: var(--signal-home-gutter) var(--signal-home-gutter) 0 !important;
        background:
            linear-gradient(180deg, rgb(6 8 9 / 80%), rgb(5 7 8 / 94%)) !important;
    }

    body.lion2-skin.lion-skin .left_content .leftMenu .menu a,
    body.lion2-skin.lion-skin .left_content .leftMenu .menu a.ybg {
        font-size: clamp(10px, .7143vw, 15px) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .mpslide {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1143 / 326 !important;
        margin: 0 0 var(--signal-home-gap) !important;
        border: clamp(2px, .1786vw, 4px) solid #696d6e !important;
        background-position: center !important;
        background-size: cover !important;
        clip-path: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .mpslide::before,
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .mpslide::after {
        display: none !important;
        content: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .mpslide .swiper-container {
        position: absolute !important;
        z-index: 1 !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .mpslide .swiper-slide img {
        filter: none !important;
        mix-blend-mode: normal !important;
        opacity: 1 !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-copy {
        position: absolute !important;
        z-index: 8 !important;
        top: 10% !important;
        left: clamp(40px, 4.1667vw, 106px) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 62% !important;
        color: #f1f0e8 !important;
        text-align: left !important;
        text-shadow: 0 3px 8px #000 !important;
        pointer-events: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-copy::before {
        position: absolute !important;
        top: -12% !important;
        bottom: -18% !important;
        left: clamp(-18px, -1.0714vw, -8px) !important;
        width: clamp(6px, .4762vw, 12px) !important;
        content: '' !important;
        background: var(--signal-yellow) !important;
        box-shadow: 0 0 18px rgb(242 196 0 / 20%) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-kicker {
        margin-bottom: clamp(8px, .7143vw, 18px) !important;
        color: var(--signal-yellow-hot) !important;
        font-size: clamp(9px, .7143vw, 18px) !important;
        font-weight: 900 !important;
        letter-spacing: .18em !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-copy strong {
        color: #f0efe8 !important;
        font-family: var(--signal-font-display) !important;
        font-size: clamp(38px, 3.0952vw, 78px) !important;
        font-weight: 900 !important;
        line-height: 1.08 !important;
        letter-spacing: -.065em !important;
        white-space: nowrap !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-subtitle {
        width: min(92%, 650px) !important;
        margin-top: clamp(10px, .8929vw, 22px) !important;
        padding-top: clamp(8px, .5952vw, 15px) !important;
        border-top: 1px solid rgb(242 196 0 / 56%) !important;
        color: #deddd6 !important;
        font-size: clamp(14px, 1.3095vw, 30px) !important;
        letter-spacing: -.035em !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-market-panel {
        position: absolute !important;
        z-index: 9 !important;
        top: clamp(10px, .7143vw, 18px) !important;
        right: clamp(10px, .7143vw, 18px) !important;
        bottom: clamp(10px, .7143vw, 18px) !important;
        display: grid !important;
        grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
        gap: clamp(4px, .3571vw, 9px) !important;
        width: 25.5% !important;
        padding: clamp(10px, .8333vw, 21px) !important;
        border: 2px solid #626667 !important;
        background:
            radial-gradient(circle, rgb(142 146 146 / 26%) 0 1.5px, transparent 1.8px) 0 0 / 8px 8px,
            linear-gradient(180deg, rgb(14 17 18 / 96%), rgb(5 7 8 / 98%)) !important;
        box-shadow:
            inset 0 0 0 3px #0b0d0e,
            inset 0 0 22px #000,
            -8px 0 20px rgb(0 0 0 / 40%) !important;
        pointer-events: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-market-panel > span {
        position: relative !important;
        display: grid !important;
        grid-template-columns: clamp(30px, 2.381vw, 60px) 1fr !important;
        grid-template-rows: 1fr 1fr !important;
        align-items: center !important;
        min-height: 0 !important;
        padding: 3px 8px 3px clamp(42px, 3.0952vw, 78px) !important;
        border: 1px solid #77735c !important;
        background: linear-gradient(180deg, #292823, #0b0d0e) !important;
        color: #e7e5dc !important;
        box-shadow: inset 0 0 0 1px rgb(242 196 0 / 10%) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-market-panel > span::before {
        position: absolute !important;
        top: 50% !important;
        left: clamp(6px, .5952vw, 15px) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: clamp(28px, 2.2619vw, 57px) !important;
        aspect-ratio: 1 !important;
        border: 2px solid #c8c7be !important;
        border-radius: 50% !important;
        content: attr(data-code) !important;
        background: #151718 !important;
        color: var(--signal-yellow) !important;
        font: 900 clamp(8px, .5952vw, 15px)/1 monospace !important;
        box-shadow: inset 0 0 0 2px #090a0a !important;
        transform: translateY(-50%) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-market-panel :is(b, small) {
        grid-column: 2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-market-panel b {
        align-self: end !important;
        color: #e7e5dc !important;
        font-size: clamp(9px, .7143vw, 18px) !important;
        line-height: 1 !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-market-panel small {
        align-self: start !important;
        margin-top: 3px !important;
        color: #858987 !important;
        font: 700 clamp(6px, .4762vw, 12px)/1 monospace !important;
        letter-spacing: .1em !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: var(--signal-home-gap) !important;
        height: auto !important;
        margin: 0 0 var(--signal-home-gap) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box,
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box .inn {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 3.92 / 1 !important;
        clip-path: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box:first-child .inn {
        background-image:
            linear-gradient(90deg, rgb(8 10 11 / 76%), rgb(8 10 11 / 42%)),
            url('/skin/lion2_main/images/signal/signal-hero-v1.webp') !important;
        background-position: center, 18% 54% !important;
        background-size: cover, cover !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box:last-child .inn {
        background-image:
            linear-gradient(90deg, rgb(8 10 11 / 72%), rgb(8 10 11 / 38%)),
            url('/skin/lion2_main/images/signal/signal-tile-live-v1.webp') !important;
        background-position: center, center 42% !important;
        background-size: cover, cover !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box h1 {
        height: 29% !important;
        min-height: 38px !important;
        padding: 0 clamp(10px, .8333vw, 21px) !important;
        border-bottom: 3px solid var(--signal-yellow) !important;
        background: linear-gradient(180deg, rgb(221 219 211 / 98%), rgb(126 128 125 / 96%)) !important;
        color: #111314 !important;
        text-shadow: 0 1px rgb(255 255 255 / 38%) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box h1 > div {
        color: #111314 !important;
        -webkit-text-fill-color: #111314 !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box h1 :is(i, a) {
        color: #17191a !important;
        -webkit-text-fill-color: #17191a !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box h1 span {
        color: #444747 !important;
        -webkit-text-fill-color: #444747 !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .main_notice_area .notice_box .table_wrap {
        inset: 31% clamp(8px, .5952vw, 15px) clamp(8px, .4762vw, 12px) !important;
        background: rgb(5 7 8 / 44%) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .mpmenu1 {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: var(--signal-home-gap) !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 var(--signal-home-gap) !important;
        background: transparent !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .mpmenu1 > a:not(.mobile) {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1.15 / 1 !important;
        border: 2px solid #6b6f70 !important;
        opacity: 1 !important;
        transform: none !important;
        clip-path: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .mpmenu1 > a.mobile {
        display: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .mpmenu1 > a::before {
        height: 27% !important;
        min-height: 42px !important;
        border-top: 3px solid #17191a !important;
        background:
            linear-gradient(110deg, transparent 0 83%, #161819 83% 88%, transparent 88%),
            linear-gradient(180deg, #ffdc22, #d7ac00) !important;
        font-size: clamp(17px, 1.5476vw, 38px) !important;
        text-shadow: 0 1px rgb(255 255 255 / 36%) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .mpmenu1 > a::after {
        display: none !important;
        content: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .footer.desktop {
        display: flex !important;
        box-sizing: border-box !important;
        align-items: center !important;
        justify-content: center !important;
        height: clamp(98px, 6.0714vw, 160px) !important;
        min-height: 0 !important;
        padding: clamp(7px, .5952vw, 15px) 0 !important;
        overflow: hidden !important;
        border: 2px solid #424647 !important;
        background:
            linear-gradient(180deg, rgb(16 19 20 / 92%), rgb(5 7 8 / 98%)),
            url('/skin/lion2_main/images/signal/signal-concrete-texture-v1.webp') center / cover !important;
        box-shadow: inset 0 0 0 2px rgb(255 255 255 / 4%) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .footer_logos {
        width: 100% !important;
        filter: grayscale(1) contrast(1.05) brightness(.98) !important;
        opacity: .86 !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .footer_logos ul {
        display: grid !important;
        grid-template-columns: repeat(10, 110px) !important;
        justify-content: center !important;
        gap: 2px 0 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .footer_logos ul li {
        width: 110px !important;
        height: 40px !important;
        margin: 0 !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .footer_logos ul li:nth-child(n + 21),
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .copyright {
        display: none !important;
    }

    /* Lion1 and the approved guest concept both show service cards directly
       beneath the login box. Logged-in users retain the live betting slip. */
    body.lion2-skin.lion-skin[data-lion-page='home'] .right_content .rightMenu > .login_box + .lion-main-betslip {
        display: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] .right_content .rightMenu > .user_body:first-child {
        padding: clamp(7px, .5357vw, 13px) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] .right_content .lion-account-balance {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 4px !important;
        min-height: clamp(30px, 2.0238vw, 52px) !important;
        padding: 0 clamp(5px, .3571vw, 9px) !important;
        font-size: clamp(9px, .6548vw, 14px) !important;
        white-space: nowrap !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] .right_content .lion-account-balance > div:first-child {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        gap: 3px !important;
        white-space: nowrap !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] .right_content .lion-account-balance > div:last-child {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        font-size: clamp(9px, .5952vw, 13px) !important;
        white-space: nowrap !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] .right_content .lion-account-balance .slip-panel-toggle {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        height: 22px !important;
        padding: 0 5px !important;
        font-size: 8px !important;
        line-height: 20px !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] .right_content .r_banner {
        box-sizing: border-box !important;
        gap: clamp(5px, .4167vw, 10px) !important;
        width: 100% !important;
        margin: clamp(7px, .5952vw, 15px) 0 0 !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] .right_content .r_banner > :is(a, .banner-no-link, .banner-copy) {
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 2px solid #4e5252 !important;
        border-bottom: 5px solid var(--signal-yellow) !important;
        background: #111314 !important;
        color: #111314 !important;
        box-shadow:
            inset 0 0 0 1px rgb(255 255 255 / 45%),
            inset 0 -6px 10px rgb(0 0 0 / 20%) !important;
        clip-path: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] .right_content .r_banner > :is(a, .banner-no-link, .banner-copy)::before,
    body.lion2-skin.lion-skin[data-lion-page='home'] .right_content .r_banner > :is(a, .banner-no-link, .banner-copy)::after {
        display: none !important;
        content: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] .right_content .r_banner > :is(a, .banner-no-link, .banner-copy) > img {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        filter: none !important;
        opacity: 1 !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] .right_content .login_box ~ .r_banner::after {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: clamp(110px, 7.7381vw, 197px) !important;
        border: 2px solid #4e5252 !important;
        content: 'EXIT  A2  →' !important;
        background:
            linear-gradient(180deg, rgb(207 205 197 / 96%), rgb(121 123 120 / 96%)) !important;
        color: #3a3d3d !important;
        font: 900 clamp(24px, 2.1429vw, 54px)/1 var(--signal-font-display) !important;
        letter-spacing: .08em !important;
        text-shadow: 0 1px rgb(255 255 255 / 38%) !important;
        box-shadow: inset 0 0 0 1px rgb(255 255 255 / 32%) !important;
    }
}

@media screen and (min-width: 1251px) and (max-width: 1450px) {
    body.lion2-skin.lion-skin .contents {
        width: calc(100% - var(--lion-right-frame-width)) !important;
        margin-right: var(--lion-right-frame-width) !important;
        margin-left: 0 !important;
    }

    body.lion2-skin.lion-skin .top_wrap .nav_wrap .navdiv {
        width: calc(100% - var(--lion-right-frame-width)) !important;
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 981px) and (max-width: 1250px) {
    body.lion2-skin.lion-skin .contents,
    body.lion2-skin.lion-skin .top_wrap .nav_wrap .navdiv {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 980px) {
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .mpslide::before,
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .mpslide::after {
        display: none !important;
        content: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-copy {
        position: absolute !important;
        z-index: 8 !important;
        top: 34% !important;
        left: 26px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: calc(100% - 52px) !important;
        text-align: left !important;
        text-shadow: 0 2px 5px #000 !important;
        pointer-events: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-kicker {
        margin-bottom: 6px !important;
        color: var(--signal-yellow) !important;
        font-size: 8px !important;
        font-weight: 900 !important;
        letter-spacing: .14em !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-copy strong {
        color: #f0efe8 !important;
        font-family: var(--signal-font-display) !important;
        font-size: clamp(22px, 7.2vw, 30px) !important;
        font-weight: 900 !important;
        line-height: 1.05 !important;
        letter-spacing: -.06em !important;
        white-space: nowrap !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-subtitle {
        margin-top: 8px !important;
        padding-top: 7px !important;
        border-top: 1px solid rgb(242 196 0 / 54%) !important;
        color: #d7d6cf !important;
        font-size: 11px !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .signal-hero-market-panel {
        display: none !important;
    }

    /* The administrator-driven mobile mosaic is the canonical compact menu.
       Hide the desktop five-card strip to prevent the duplicated 516px block. */
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .mpmenu1 {
        display: none !important;
    }
}

/* Administrator slides own the campaign copy. The live instrument bay remains
   a separate text-driven module and is mounted beside the artwork in Wave 1. */
body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content .mpslide.has-admin-slides .signal-hero-copy {
    display: none !important;
}