/*
 * Lion2 Signal — compact sports market indicators, immutable revision 1.
 *
 * The 1X2 marker is repeated beside both teams even though the three-way odds
 * row already communicates match winner.  On the compact shell it steals the
 * limited team-name budget.  Keep its accessible name in the DOM while taking
 * it out of visual flow, and preserve H/up/down as distinct semantic signals.
 */

@layer lion2-signal-shell {
    @media screen and (max-width: 980px) {
        body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
            :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
            .sports-list .game_list .game_type:has(> .signal-market-icon--match-winner) {
            position: absolute !important;
            width: 1px !important;
            min-width: 1px !important;
            height: 1px !important;
            min-height: 1px !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
            border: 0 !important;
            clip: rect(0 0 0 0) !important;
            clip-path: inset(50%) !important;
            white-space: nowrap !important;
        }

        body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
            :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
            .sports-list .game_list .game_type:is(
                :has(> .arrow_up),
                :has(> .arrow_down),
                :has(> span:not(.arrow_up):not(.arrow_down):not(.signal-market-icon))
            ) {
            position: relative !important;
            display: inline-grid !important;
            box-sizing: border-box !important;
            width: 18px !important;
            min-width: 18px !important;
            height: 18px !important;
            min-height: 18px !important;
            flex: 0 0 18px !important;
            margin: 0 !important;
            padding: 0 !important;
            place-items: center !important;
            border: 1px solid rgb(174 181 178 / 42%) !important;
            border-radius: 2px !important;
            background: linear-gradient(180deg, #252a2b, #0b0f10) !important;
            box-shadow:
                inset 0 1px 0 rgb(255 255 255 / 9%),
                0 1px 2px rgb(0 0 0 / 50%) !important;
            line-height: 1 !important;
        }

        body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
            :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
            .sports-list .game_list .game_type > :is(
                .arrow_up,
                .arrow_down,
                span:not(.arrow_up):not(.arrow_down):not(.signal-market-icon)
            ) {
            font-family: var(--signal-font-numeric, monospace) !important;
            font-size: 10px !important;
            font-weight: 900 !important;
            line-height: 1 !important;
        }

        body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
            :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
            .sports-list .game_list .game_type
            > span:not(.arrow_up):not(.arrow_down):not(.signal-market-icon) {
            color: #78efa0 !important;
            -webkit-text-fill-color: #78efa0 !important;
            text-shadow: 0 0 5px rgb(120 239 160 / 32%) !important;
        }

        body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
            :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
            .sports-list .game_list .game_type > .arrow_up {
            color: #ff7a6b !important;
            -webkit-text-fill-color: #ff7a6b !important;
            text-shadow: 0 0 5px rgb(255 122 107 / 32%) !important;
        }

        body.lion2-skin.lion-skin #ajax-content#ajax-content#ajax-content
            :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
            .sports-list .game_list .game_type > .arrow_down {
            color: #7fc0ff !important;
            -webkit-text-fill-color: #7fc0ff !important;
            text-shadow: 0 0 5px rgb(127 192 255 / 32%) !important;
        }
    }
}