/* MSPORT(2026-10-29) · 모바일 배팅판(match_card) — 기존 사이트(cs-105) 모바일 경기 줄 배치 이식.
   대상 = 해외배당(Cross) · 크로스(Korea) · 스페셜(Special) · 실시간(Inplay) 공용 클래스(match_card / league_header / match_item / match_top_row / odds_group(_special) / odds_kind / odds_box / detail_btn_wrap).
   배치(원본): ① 리그 머리줄(아이콘 · 리그명) ② 시간 줄 = [시간] … [홈 : 원정] ③ 배당 줄 = [구분 50][홈 이름 … 배당][무·VS·기준점 50][배당 … 원정 이름][+more 40].
   색 = 원본 공용 css 축(#121212 · #202020 · #292828 · 금 #9c8555/#b2985f) + 선택 = 주황(#d88a1c). ≤1023.98(IsMobile 경계) 전용 · PC 무접촉.
   동작(배당 클릭 · 잠금 · 깜빡임 화살표 · 상세 펼침)은 마크업 그대로 — 모양만. */

.vs_names, .k_top, .sp_time { display: none; }

@media (max-width: 1023.98px) {
    /* 화면 꽉 차게 — 스포츠 본문 래퍼 여백 제거(지시) */
    .sk_app .sports_content_wrap { margin: 0 !important; padding: 0 !important; }

    /* 글꼴(지시 2026-10-30) = 배팅판(경기 카드)만 Arita 돋움(S1 동형 · app-skin.css AritaDotum 선언 재사용) — 같은 폭에 팀명·구분명이 더 들어간다.
       헤더·메뉴·카트 등 다른 영역 무영향(match_card 안쪽 한정 · 모바일 전용). */
    .sk_app .match_card { font-family: 'AritaDotum', var(--app-font-base, sans-serif); }
    .sk_app .match_card button { font-family: inherit; }

    /* 카드 = 리그 1묶음 */
    .sk_app .match_card { margin: 0 0 6px; border: 0; border-radius: 0; background: #121212; overflow: visible; }

    /* ① 리그 머리줄 */
    .sk_app .match_card .league_header { display: flex; align-items: center; gap: 6px; height: 30px; margin: 0; padding: 0 10px;
        background: linear-gradient(to bottom, #2c2c2c 0%, #222 100%); border-top: 1px solid #3a3a3a; border-bottom: 1px solid #000;
        font-size: 13px; font-weight: 700; color: #fff; border-radius: 0; }
    .sk_app .match_card .league_header .st_game_ico { width: 20px; height: auto; }
    .sk_app .match_card .league_header .league_name { min-width: 0; overflow: hidden; color: #fff; white-space: nowrap; text-overflow: ellipsis; }

    /* 경기 1건 */
    .sk_app .match_card .match_item { position: relative; margin: 0 !important; padding: 10px 4px !important; border: 0; border-bottom: 1px solid #2a2b2e; border-radius: 0; background: #1a1a1a; }   /* 지시 · 10px 4px */

    /* ② 시간 줄 — [시간] … [홈 : 원정] */
    .sk_app .match_card .match_top_row { display: flex; align-items: center; gap: 6px; height: 32px; margin: 0; padding: 0 2px; background: transparent; border: 0; }
    .sk_app .match_card .match_top_row .icon_sp { display: none; }
    .sk_app .match_card .match_top_row .time { flex: 0 0 auto; font-size: 13px; font-weight: 700; color: #fff; }
    /* 별표 = 오른쪽 「홈 : 원정」 뒤(지시) — 순서만 바꾼다(마크업 위치 무관). */
    .sk_app .match_card .match_top_row .time { order: 1; }
    .sk_app .match_card .match_top_row .vs_names { order: 2; }
    .sk_app .match_card .match_top_row .favorite_btn { order: 3; }
    .sk_app .match_card .favorite_btn { flex: 0 0 auto; padding: 0 2px; border: 0; background: none; font-size: 15px; line-height: 1; color: #6d6d6d; }
    .sk_app .match_card .favorite_btn.active { color: #f8c853; }
    /* [홈로고 홈 : 원정 원정로고](지시 2026-10-30) — 오른쪽 정렬 한 줄 · 팀명만 줄임표(로고·콜론은 고정 폭). 로고 깨짐 = onerror 숨김. */
    .sk_app .vs_names { display: flex; flex: 1 1 auto; align-items: center; justify-content: flex-end; gap: 4px; min-width: 0; overflow: hidden;
                                   font-size: 12px; font-weight: 700; color: #fff; white-space: nowrap; }
    .sk_app .vs_names .tname { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    .sk_app .vs_names > i { flex: 0 0 auto; font-style: normal; color: #9a9a9a; }
    .sk_app .vs_names .team_logo_odds { flex: 0 0 auto; width: 18px; height: 18px; object-fit: contain; }

    /* 크로스(국내형 · Korea) — 시간대 머리줄·우측 액션(☆·+N) 대신 경기마다 [시간] … [홈 : 원정] [☆] 머리줄(k_top) · 메인 배당 전부 펼침(마크업). */
    .sk_app .match_card .match_time_head,
    .sk_app .match_card .match_actions { display: none !important; }
    .sk_app .match_card .k_top { display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 2px; }
    .sk_app .match_card .k_top .time { flex: 0 0 auto; font-size: 13px; font-weight: 700; color: #fff; }

    /* 스페셜(Special) — 경기 정보 줄([날짜][홈][VS][원정]) · +N 숨김 · 머리줄 = [시간] … [홈 : 원정] [☆] · 마켓 = 항상 펼침(마크업). */
    .sk_app .match_card .match_top_row_info .match_info_spacer,
    .sk_app .match_card .match_top_row_info .detail_btn_wrap,
    .sk_app .match_card .match_item > .odds_group_special.info_row { display: none !important; }   /* 4칸 줄 규칙(display:grid !important)보다 우선 */
    .sk_app .match_card .match_top_row_info .sp_time { display: block; }
    .sk_app .match_card .odds_more_wrap { display: flex; flex-direction: column; gap: 3px; margin: 0; padding: 0; border: 0; background: transparent; }
    .sk_app .match_card .market_phase { margin: 2px 0 0; padding: 2px 6px; font-size: 11px; color: #b2985f; }
    /* 3열 이름 마켓(더블 찬스 등 · stack) = [구분명 전체][이름 3칸][배당 3칸] 세로 블록 — 4칸 줄 규칙 제외 · 칸 높이만 맞춤 */
    .sk_app .match_card .odds_group_special.stack { display: block; height: auto; padding: 2px 0; }
    .sk_app .match_card .odds_group_special.stack .odds_kind_full { padding: 3px 6px; font-size: 11px; color: #cfcfcf; background: #111; border: 1px solid #4a4a4a; }
    .sk_app .match_card .odds_group_special.stack .odds_names { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2px; padding: 3px 0; font-size: 11px; color: #bdbdbd; text-align: center; }
    .sk_app .match_card .odds_group_special.stack .odds_names span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .sk_app .match_card .odds_group_special.stack .odds_cells { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2px; }
    .sk_app .match_card .odds_group_special.stack .odds_box { justify-content: center; }

    /* +more — 첫 배당 줄(원정 칸) 바로 오른쪽에 고정(펼쳐도 아래로 안 내려감 · 지시). 마크업은 시간 줄 안 → 경기 기준 절대 배치:
       top = match_item 위 여백 10px + 시간 줄 32px. 오른쪽 = match_item 좌우 여백 4px. */
    /* 2026-10-30 지시 · 「+more」 → 「+N」(추가 배당 수 · 마크업 .count) — 버튼 폭 38 → 32px, 그만큼 팀명·구분 칸이 넓어진다. */
    .sk_app .match_card .match_item:has(> .match_top_row:not(.match_top_row_info) .detail_btn_wrap) .match_bottom_row > .odds_section { padding-right: 34px; }
    .sk_app .match_card .match_top_row .detail_btn_wrap { position: absolute; right: 4px; top: 42px; bottom: auto; display: flex; align-items: center; justify-content: center;
        width: 32px; height: 34px; box-sizing: border-box; margin: 0 !important; padding: 0; border: 1px solid #3a3122; border-radius: 0;
        background: linear-gradient(to bottom, #b39b67 0%, #8e7648 100%); cursor: pointer; }
    .sk_app .match_card .detail_btn_wrap .arrow { display: none; }
    .sk_app .match_card .detail_btn_wrap .count { display: block; position: static; margin: 0; padding: 0; background: none; border: 0;
        font-size: 11px; font-weight: 700; color: #fff; letter-spacing: -.5px; line-height: 1; white-space: nowrap; }
    .sk_app .match_card .detail_btn_wrap.active { background: linear-gradient(to bottom, #d8a64a 0%, #a77a2a 100%); }

    /* ③ 배당 줄 */
    /* 좌우 여백 = match_item 4px 한 곳. sports.css 의 가로 배치(flex row) 해제 — 상세(+more) 펼침이 배당 줄 아래로 쌓이게(배당 줄이 밀려 내려가던 원인). */
    .sk_app .match_card .match_bottom_row { display: block !important; margin: 0; padding: 0; }
    .sk_app .match_card .odds_section { display: flex; flex-direction: column; gap: 3px; }
    .sk_app .match_card .odds_group,
    .sk_app .match_card .odds_group_special:not(.stack) { display: grid !important; grid-template-columns: 56px minmax(0, 1fr) 34px minmax(0, 1fr) !important; gap: 2px !important; height: 34px; margin: 0; }   /* 2026-10-30 · 구분 50→56(「전체경기」 한 줄) · 가운데(무·VS·기준점) 50→34 */
    .sk_app .match_card .odds_group:has(> .odds_box.empty) { grid-template-columns: 1fr !important; }

    /* 구분 칸(정규시간·전체경기 등) — 원본 = 테두리 상자 */
    /* sports.css 「모바일 구분명 전폭(grid-column:1/-1 · 26px)」 해제 — 크로스(국내형) 깨짐 원인(구분 칸이 한 줄 따로 떨어짐). */
    .sk_app .match_card .odds_kind { grid-column: auto !important; display: flex !important; align-items: center; justify-content: center; min-width: 0; height: 34px !important; padding: 0 2px; overflow: hidden;
        border: 1px solid #4a4a4a !important; border-radius: 0; background: #111 !important; font-size: 11px; font-weight: 500; color: #cfcfcf; white-space: nowrap; letter-spacing: -.5px; }
    .sk_app .match_card .odds_kind span { overflow: hidden; text-overflow: clip; }   /* 「전체경기」 = 말줄임(…) 없이 한 줄 */

    /* 배당 칸 — 홈/원정 = [이름 … 배당] · 가운데 = 무/VS/기준점 */
    .sk_app .match_card .odds_box { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 4px; min-width: 0; height: 34px; padding: 0 6px;
        border: 0 !important; border-radius: 0; background: linear-gradient(to bottom, #3a3a3a 0%, #2a2a2a 100%) !important;
        font-size: 13px; font-weight: 700; color: #fff; box-shadow: none; }
    .sk_app .match_card .odds_box .team_side { display: flex; align-items: center; gap: 3px; min-width: 0; overflow: hidden; }
    .sk_app .match_card .odds_box .team_logo_odds { display: none; }
    .sk_app .match_card .odds_box .tname { min-width: 0; overflow: hidden; font-size: 12px; font-weight: 400 !important; color: #fff; white-space: nowrap; text-overflow: ellipsis; }   /* 팀명 = 얇게(지시) · 배당 숫자는 굵게 유지 */
    .sk_app .match_card .odds_box .team_side_away { order: 2; justify-content: flex-end; }
    .sk_app .match_card .odds_box.center,
    .sk_app .match_card .odds_box.draw { justify-content: center; padding: 0 2px; background: linear-gradient(to bottom, #333 0%, #262626 100%) !important; }
    .sk_app .match_card .odds_box.vs { font-size: 11px; color: #fff; cursor: default; }
    .sk_app .match_card .odds_box.center:not(.vs) { font-size: 12px; letter-spacing: -.3px; }   /* 좁아진 기준점 칸(-1.5 · 225.5) */
    .sk_app .match_card .odds_box.empty { justify-content: center; color: #8a8a8a; font-weight: 500; }
    .sk_app .match_card .odds_box .abs-handi { font-size: 10px; color: #4ccf6a; }

    /* 선택 = 원본 주황 */
    /* 2026-10-30 지시 · 선택 = 주황 바탕 + 배당·팀명 모두 검정(팀명만 흰색으로 남던 것 정정) */
    .sk_app .match_card .odds_box.selected { background: linear-gradient(to bottom, #e09a2c 0%, #c27812 100%) !important; color: #000 !important; }
    .sk_app .match_card .odds_box.selected .tname,
    .sk_app .match_card .odds_box.selected span,
    .sk_app .match_card .odds_box.selected .odds_val { color: #000 !important; }

    /* 잠금 — 원본 = 흐린 칸 + 자물쇠 */
    .sk_app .match_card .odds_locked .odds_box,
    .sk_app .match_card .odds_box:disabled { opacity: .45; }
    .sk_app .match_card .odds_box .odds_lock_overlay { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 14px; }

    /* 상세 펼침(+more) 영역은 기존 컴포넌트 그대로 — 위쪽 간격 + 좌우 2px(지시) */
    .sk_app .match_card .mobile_detail_area { margin-top: 6px; }
    .sk_app .detail_content { padding-left: 2px !important; padding-right: 2px !important; }
}