/* 모바일(≤767px) 홈 3단 — ① 오늘의 랭킹 ② 마감임박 경기 ③ 실시간 픽 피드. 마크업·데이터는 portal_home.html / portal_home_data.php. PC·태블릿에서는 이 섹션들을 그리지 않고, 숨김 규칙도 ≤767px 안에서만 건다. 애니메이션 없음. */
.rt-home .hm-m { display: none; }
.rt-home .hm-m-sh-pb, .rt-home .hm-m-pbcards { display: none; }

@media (max-width: 767px) {
  .rt-home .hm-m { display: block; min-width: 0; }

  /* 모바일 홈의 메인 섹션은 오늘의 랭킹·마감임박 경기·실시간 픽 피드 셋뿐 — 나머지(마크업은 PC·태블릿 공용이라 지우지 않는다)는 모바일에서만 숨긴다. */
  html:root:root .rt-home .hm-main > :not(.hm-m):not(.hm-pickbook) { display: none; }
  .rt-home .hm-main > .hm-m-rank { order: 0; } .rt-home .hm-main > .hm-m-close { order: 1; } .rt-home .hm-main > .hm-m-t5.is-profit { order: 2; } .rt-home .hm-main > .hm-m-t5.is-rate { order: 3; } .rt-home .hm-main > .hm-m-t5.is-h100 { order: 4; }
  /* 팁스터 최신 픽 = 공식 월 수익 4~13위의 최신 공개 픽(portal_pickbook, 최대 10건). 제목만 모바일용 문구로 바꾼다 */
  html:root:root .rt-home .hm-main > .hm-pickbook { display: block; order: 5; --sc: 80, 140, 255; }
  /* 팁스터 최신 픽 헤더: 수익 TOP3 픽 헤더(.hm-m-sh)와 같은 아이콘 박스·제목·전체보기. 기존 .hm-head 는 모바일에서만 숨긴다 */
  html:root:root .rt-home .hm-main > .hm-pickbook > .hm-head { display: none; }
  html:root:root .rt-home .hm-main > .hm-pickbook { padding: 10px 10px 4px; }
  html:root:root .rt-home .hm-main > .hm-pickbook > .hm-m-sh-pb { display: flex; --sc: 80, 140, 255; }
  html:root:root .rt-home .hm-main > .hm-pickbook > a.hm-feed-row { margin-left: 0; margin-right: 0; }
  html:root:root .rt-home .hm-main > .hm-pickbook > .hm-m-sh-pb .hm-m-more { color: rgb(var(--sc)); }

  /* ── 오늘의 랭킹 ── */
  .rt-home .hm-m-rank { position: relative; overflow: hidden; padding: 14px 10px 10px; border: 1px solid rgba(149, 107, 255, .4); border-radius: 18px;
    background: radial-gradient(70% 55% at 88% 0%, rgba(149, 107, 255, .34), transparent 70%), radial-gradient(60% 50% at 0% 100%, rgba(70, 120, 255, .16), transparent 70%), linear-gradient(180deg, #0f1636, #080d22);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .06); }
  .rt-home .hm-m-rank-head { padding: 0 4px 12px; }
  .rt-home .hm-m-rank-head h2 { display: flex; align-items: center; gap: 8px; color: #fff; font-size: 24px; font-weight: 850; letter-spacing: -.8px; line-height: 1.2; }
  .rt-home .hm-m-rank-head h2 svg { flex: none; width: 26px; height: 26px; color: #f1c45b; filter: drop-shadow(0 0 8px rgba(241, 196, 91, .5)); }
  .rt-home .hm-m-rank-t { color: #fff; }
  .rt-home .hm-m-rank-head p { margin-top: 4px; color: var(--h-text2); font-size: 12.5px; }

  .rt-home .hm-m-rk3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .rt-home .hm-m-card { --k: 241, 196, 91; display: flex; flex-direction: column; min-width: 0; padding: 9px 6px 8px; border: 1px solid rgba(var(--k), .4); border-radius: 13px;
    background: linear-gradient(180deg, rgba(var(--k), .13), rgba(var(--k), .02) 55%), rgba(8, 13, 34, .72); }
  .rt-home .hm-m-card.is-rate { --k: 96, 150, 255; }
  .rt-home .hm-m-card.is-h100 { --k: 190, 120, 255; }
  .rt-home .hm-m-card-head { display: flex; align-items: center; justify-content: space-between; gap: 2px; color: #fff; font-size: 14px; font-weight: 800; letter-spacing: -.4px; white-space: nowrap; }
  .rt-home .hm-m-card-head b { overflow: hidden; text-overflow: ellipsis; }
  .rt-home .hm-m-card-head span { flex: none; color: rgb(var(--k)); font-size: 18px; line-height: 1; }
  .rt-home .hm-m-card-sub { margin: 2px 0 7px; min-height: 28px; color: var(--h-text2); font-size: 10.5px; line-height: 1.3; }
  .rt-home .hm-m-none { padding: 14px 4px; color: var(--h-text2); font-size: 11px; text-align: center; }

  .rt-home .hm-m-first { display: flex; align-items: center; gap: 5px; min-width: 0; margin-bottom: 4px; padding: 7px 5px; border: 1px solid rgba(var(--k), .35); border-radius: 10px; background: rgba(var(--k), .1); }
  .rt-home .hm-m-medal { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: rgb(var(--k)); color: #0b1030; font-size: 11px; font-weight: 900; }
  .rt-home .hm-m-first-t { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
  .rt-home .hm-m-first-t .hm-m-nick { color: #fff; font-size: 11.5px; font-weight: 700; }
  .rt-home .hm-m-first-t strong { color: rgb(var(--k)); font-size: 15px; font-weight: 850; letter-spacing: -.5px; white-space: nowrap; }
  .rt-home .hm-m-nick { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .rt-home .hm-m-li { display: flex; align-items: center; gap: 4px; min-width: 0; padding: 5px 2px; border-top: 1px solid rgba(148, 163, 200, .12); font-size: 11px; }
  .rt-home .hm-m-li .hm-m-nick { flex: 1 1 0; min-width: 0; color: #dfe3f2; }
  .rt-home .hm-m-li b { flex: none; color: rgb(var(--k)); font-size: 11px; font-weight: 800; white-space: nowrap; }
  .rt-home .hm-m-no { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 15px; height: 15px; border-radius: 5px; background: rgba(148, 163, 200, .2); color: #dfe3f2; font-size: 9.5px; font-weight: 800; }
  .rt-home .hm-m-card .is-down { color: #ff8b8b; }
  .rt-home .hm-m-all { display: flex; align-items: center; justify-content: center; gap: 3px; margin-top: auto; min-height: 30px; padding: 0 4px; border: 1px solid rgba(var(--k), .5); border-radius: 9px; color: rgb(var(--k)); font-size: 10.5px; font-weight: 700; line-height: 1.15; text-align: center; }
  .rt-home .hm-m-card > .hm-m-li:last-of-type { margin-bottom: 7px; }
  .rt-home .hm-m-card > .hm-m-first:last-of-type { margin-bottom: 7px; }

  /* ── 공통 섹션 헤더(마감임박 경기·실시간 픽 피드) ── */
  .rt-home .hm-m-close, .rt-home .hm-m-t5 { padding: 10px 10px 10px; border: 1px solid rgba(var(--sc), .38); border-radius: 16px; background: linear-gradient(180deg, rgba(var(--sc), .09), rgba(var(--sc), 0) 90px), #0a1030; }
  .rt-home .hm-m-close { --sc: 255, 138, 76; }   /* #FF8A4C — PC 홈 타이머 아이콘색, 헤더 포인트색(--hd)과 같은 값 */
  .rt-home .hm-m-t5.is-profit { --sc: 241, 196, 91; }
  .rt-home .hm-m-t5.is-rate { --sc: 180, 154, 255; }   /* #B49AFF — 헤더 포인트색(--hd)과 같은 값 */
  .rt-home .hm-m-t5.is-h100 { --sc: 46, 230, 166; }
  .rt-home .hm-m-sh { display: flex; align-items: center; gap: 8px; padding: 2px 2px 10px; }
  .rt-home .hm-m-sh-ico { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid rgba(var(--sc), .5); border-radius: 10px; background: rgba(var(--sc), .14); color: rgb(var(--sc)); }
  .rt-home .hm-m-sh h2 { flex: 1 1 auto; min-width: 0; overflow: hidden; color: #fff; font-size: 17px; font-weight: 800; letter-spacing: -.4px; text-overflow: ellipsis; white-space: nowrap; }
  .rt-home .hm-m-more { flex: none; color: #dfe3f2; font-size: 12.5px; font-weight: 650; white-space: nowrap; }
  .rt-home .hm-m-empty { padding: 18px 8px; border: 1px dashed rgba(148, 163, 200, .25); border-radius: 12px; color: var(--h-text2); font-size: 12.5px; text-align: center; }

  /* ── 마감임박 경기: 가로 스크롤 카드 ── */
  .rt-home .hm-m-close-track { display: flex; gap: 8px; margin: 0 -10px; padding: 0 10px 2px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scroll-padding: 0 10px; scrollbar-width: none; }
  .rt-home .hm-m-close-track::-webkit-scrollbar { display: none; }
  .rt-home .hm-m-ev { display: flex; flex: 0 0 138px; flex-direction: column; gap: 8px; min-width: 0; padding: 9px 8px 10px; border: 1px solid rgba(80, 140, 255, .3); border-radius: 12px; background: rgba(8, 13, 34, .75); scroll-snap-align: start; }
  .rt-home .hm-m-ev.is-closed { opacity: .5; }
  .rt-home .hm-m-ev-top { display: flex; align-items: center; justify-content: space-between; gap: 4px; min-width: 0; }
  .rt-home .hm-m-ev-lg { min-width: 0; overflow: hidden; color: #dfe3f2; font-size: 11.5px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
  .rt-home .hm-m-left { display: inline-flex; flex: none; align-items: center; gap: 3px; padding: 2px 6px; border-radius: 999px; background: rgba(255, 85, 85, .14); color: #ff6b6b; font-size: 10.5px; font-weight: 800; font-variant-numeric: tabular-nums; }
  .rt-home .hm-m-ev-teams { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: start; gap: 2px; }
  .rt-home .hm-m-ev-team { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; text-align: center; }
  .rt-home .hm-m-ev-team b { max-width: 100%; color: #fff; font-size: 11.5px; font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .rt-home .hm-m-ev-logo { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; }
  .rt-home .hm-m-ev-logo img { width: 34px; height: 34px; object-fit: contain; }
  .rt-home .hm-m-ev-vs { padding-top: 10px; color: var(--h-text2); font-size: 10.5px; font-weight: 700; }
  .rt-home .hm-m-ev-title { color: #fff; font-size: 12.5px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }

}
@media (max-width: 359px) {
  .rt-home .hm-m-rank-head h2 { font-size: 21px; }
  .rt-home .hm-m-first-t strong { font-size: 13.5px; }
}
@media (max-width: 400px) {   /* 360~390px: 1위 칸 수치(+98,800 / 80.00%)가 카드 안에 들어오도록 */
  .rt-home .hm-m-first { gap: 4px; padding: 6px 4px; }
  .rt-home .hm-m-medal { width: 17px; height: 17px; font-size: 10px; }
  .rt-home .hm-m-first-t strong { font-size: 12.5px; letter-spacing: -.6px; }
  .rt-home .hm-m-first-t .hm-m-nick { font-size: 11px; }
}
@media (max-width: 767px) {   /* 2~5위: 칸이 좁아 닉네임이 잘리므로 [순위] [닉네임 / 수치] 2단 */
  .rt-home .hm-m-li { display: grid; grid-template-columns: 15px minmax(0, 1fr); column-gap: 5px; align-items: center; padding: 4px 2px; }
  .rt-home .hm-m-li .hm-m-no { grid-row: 1 / span 2; }
  .rt-home .hm-m-li .hm-m-nick { grid-column: 2; line-height: 1.25; }
  .rt-home .hm-m-li b { grid-column: 2; line-height: 1.2; }
}

@media (min-width: 768px) {   /* 모바일 전용 섹션: .hm-top 등 기존 클래스를 함께 쓰는 TOP5 카드가 PC·태블릿 규칙에 걸려 보이지 않도록 */
  html:root:root .rt-home .hm-main > .hm-m { display: none; }
}

@media (max-width: 767px) {   /* ── TOP5 픽 카드(B안): 순위별 독립 카드 · 상단 메달/닉네임/결과 · 중앙 팀 · 하단 PICK 강조 + 배당 ── */
  .rt-home .hm-m-t5 { display: flex; flex-direction: column; gap: 8px; }
  .rt-home .hm-m-t5 .hm-m-sh { padding-bottom: 2px; }
  .rt-home .hm-m-t5 .hm-m-sh-ico { border-color: rgba(var(--sc), .5); }
  .rt-home .hm-m-t5 .hm-m-more { color: rgb(var(--sc)); }
  .rt-home .hm-m-t5 .hm-m-empty { margin: 0; }
  .rt-home .hm-m-pc { display: block; padding: 9px 10px 10px; border: 1px solid rgba(149, 107, 255, .26); border-radius: 13px; background: linear-gradient(180deg, rgba(20, 28, 66, .9), rgba(10, 15, 40, .95)); }
  .rt-home .hm-m-pc.is-rank1 { border-color: rgba(var(--sc), .75); background: linear-gradient(180deg, rgba(var(--sc), .16), rgba(10, 15, 40, .95) 70%); box-shadow: 0 0 0 1px rgba(var(--sc), .18) inset, 0 4px 16px rgba(var(--sc), .12); }
  .rt-home .hm-m-pc.pd-pick-win { border-color: rgba(46, 230, 166, .4); background: #0D2728; }
  .rt-home .hm-m-pc.pd-pick-lose, .rt-home .hm-m-pc.pd-pick-lost { border-color: rgba(200, 110, 150, .4); background: #241A30; }
  .rt-home .hm-m-pc-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
  .rt-home .hm-m-pc .hm-rank-no { flex: none; width: 24px; height: 24px; font-size: 12px; }
  .rt-home .hm-m-pc-nick { flex: 1 1 auto; min-width: 0; overflow: hidden; color: #fff; font-size: 14.5px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
  .rt-home .hm-m-pc-st { flex: none; min-width: 48px; padding: 2px 10px; border: 1px solid rgba(149, 107, 255, .55); border-radius: 999px; background: rgba(149, 107, 255, .14); color: #e3d9ff; font-size: 11.5px; font-style: normal; font-weight: 700; text-align: center; white-space: nowrap; }
  .rt-home .hm-m-pc.pd-pick-win .hm-m-pc-st { border-color: rgba(46, 230, 166, .6); background: rgba(46, 230, 166, .12); color: #2ee6a6; }
  .rt-home .hm-m-pc.pd-pick-lose .hm-m-pc-st, .rt-home .hm-m-pc.pd-pick-lost .hm-m-pc-st { border-color: rgba(255, 120, 140, .55); background: rgba(255, 120, 140, .1); color: #ff8fa3; }
  .rt-home .hm-m-pc-match { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; column-gap: 8px; margin-top: 9px; }
  /* 팀명 줄: [좌 1fr][VS][우 1fr] — VS 는 항상 카드 정중앙, 두 팀은 VS 쪽으로 붙어(좌=오른쪽 정렬, 우=왼쪽 정렬) 짧으면 가운데에 모이고, 길면 각자 바깥쪽으로 늘어나 반 폭 안에서 줄바꿈한다. 로고는 팀명 바깥쪽. */
  .rt-home .hm-m-pc-team { display: flex; align-items: center; justify-content: flex-end; gap: 5px; min-width: 0; text-align: right; }
  .rt-home .hm-m-pc-team:last-child { flex-direction: row-reverse; justify-content: flex-end; text-align: left; }
  .rt-home .hm-m-pc-team b { flex: 0 1 auto; }
  .rt-home .hm-m-pc-team b { min-width: 0; color: #f2f4fb; font-size: 13px; font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; }
  .rt-home .hm-m-pc-logo { display: inline-flex; flex: none; width: 28px; height: 28px; }
  .rt-home .hm-m-pc-logo img { width: 28px; height: 28px; object-fit: contain; }
  .rt-home .hm-m-pc-vs { color: var(--h-text2); font-size: 11px; font-weight: 700; }
  .rt-home .hm-m-pc-ev { grid-column: 1 / -1; color: #f2f4fb; font-size: 13px; font-weight: 700; overflow-wrap: anywhere; }
  .rt-home .hm-m-pc-meta { display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; margin-top: 4px; color: var(--h-text2); font-size: 11px; }
  .rt-home .hm-m-pc-meta b { min-width: 0; overflow: hidden; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
  .rt-home .hm-m-pc-meta u { text-decoration: none; opacity: .5; }
  .rt-home .hm-m-pc-pick { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 6px; margin-top: 8px; }
  .rt-home .hm-m-pc-pick > i, .rt-home .hm-m-pc-pick > b, .rt-home .hm-m-pc-odds { display: flex; align-items: center; min-height: 36px; }
  .rt-home .hm-m-pc-pick > i { padding: 0 9px; border-radius: 9px 0 0 9px; background: rgba(var(--sc), .3); color: #fff; font-size: 11px; font-style: normal; font-weight: 800; letter-spacing: .5px; }
  .rt-home .hm-m-pc-pick > b { grid-column: 2; justify-content: center; margin-left: -6px; padding: 4px 8px; border: 1px solid rgba(var(--sc), .55); border-left: 0; border-radius: 0 9px 9px 0; background: rgba(var(--sc), .1); color: #fff; font-size: 14px; font-weight: 850; line-height: 1.25; text-align: center; overflow-wrap: anywhere; }
  .rt-home .hm-m-pc-odds { flex-direction: column; justify-content: center; min-width: 64px; padding: 2px 10px; border: 1px solid rgba(148, 163, 200, .3); border-radius: 9px; background: rgba(8, 13, 34, .6); line-height: 1.15; }
  .rt-home .hm-m-pc-odds small { color: var(--h-text2); font-size: 10px; }
  .rt-home .hm-m-pc-odds span { color: #fff; font-size: 15px; font-weight: 850; font-variant-numeric: tabular-nums; }
  .rt-home .hm-m-t5.is-profit .hm-m-pc-odds span { color: #f1c45b; }
  .rt-home .hm-m-t5.is-h100 .hm-m-pc-odds span { color: #2ee6a6; }
}

@media (max-width: 767px) {   /* ── 섹션 헤더 B안: 핵심 단어만 포인트색 + 은은한 하단 라인 ── */
  .rt-home .hm-m-acc { color: var(--hd, #b49aff); font-weight: inherit; }
  .rt-home .hm-m-rank { --hd: #B49AFF; --hd-rgb: 180, 154, 255; }
  .rt-home .hm-pickbook { --hd: #70A7FF; --hd-rgb: 112, 167, 255; }
  .rt-home .hm-m-close { --hd: #FF8A4C; --hd-rgb: 255, 138, 76; }
  .rt-home .hm-m-t5.is-profit { --hd: #E9C16D; --hd-rgb: 233, 193, 109; }
  .rt-home .hm-m-t5.is-rate { --hd: #B49AFF; --hd-rgb: 180, 154, 255; }
  .rt-home .hm-m-t5.is-h100 { --hd: #50C8B0; --hd-rgb: 80, 200, 176; }
  .rt-home .hm-m-sh { padding-bottom: 8px; border-bottom: 1px solid rgba(var(--hd-rgb), .35); }
  .rt-home .hm-m-close > .hm-m-sh, .rt-home .hm-pickbook > .hm-m-sh { margin-bottom: 8px; }
  .rt-home .hm-m-rank-head { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(var(--hd-rgb), .35); }
  .rt-home .hm-m-more { color: rgb(var(--sc, var(--hd-rgb))); }
  .rt-home .hm-m-sh h2 { min-width: 0; }
}
@media (max-width: 767px) {   /* 헤더 아이콘 색 = PC 홈 같은 섹션 아이콘의 최종 computed color(다크 rgb · 라이트 color(srgb)). 전체보기 링크는 제목 포인트색(--hd) */
  .rt-home .hm-pickbook { --ic: 94, 168, 255; --icl: color(srgb 0.229333 0.391529 0.610353); }
  .rt-home .hm-m-t5.is-profit { --ic: 229, 168, 75; --icl: color(srgb 0.504627 0.391529 0.243294); }
  .rt-home .hm-m-t5.is-h100 { --ic: 46, 230, 166; --icl: color(srgb 0.131451 0.517961 0.428863); }
  html:root:root .rt-home .hm-main > .hm-m .hm-m-sh .hm-m-sh-ico, html:root:root .rt-home .hm-main > .hm-pickbook > .hm-m-sh .hm-m-sh-ico { border-color: rgba(var(--ic, var(--hd-rgb)), .5); background: rgba(var(--ic, var(--hd-rgb)), .14); color: rgb(var(--ic, var(--hd-rgb))); }
  html:root:root[data-theme="light"] .rt-home .hm-main > .hm-m .hm-m-sh .hm-m-sh-ico, html:root:root[data-theme="light"] .rt-home .hm-main > .hm-pickbook > .hm-m-sh .hm-m-sh-ico { color: var(--icl, #444); }
  html:root:root .rt-home .hm-main > .hm-m .hm-m-sh .hm-m-more, html:root:root .rt-home .hm-main > .hm-pickbook > .hm-m-sh .hm-m-more { color: rgb(var(--hd-rgb)); }
}
@media (max-width: 767px) {   /* 라이트: 마감임박 경기·적중률 TOP3 픽의 헤더 아이콘·전체보기를 제목 강조색(라이트 계산색)과 일치 */
  html:root:root[data-theme="light"] .rt-home .hm-main > .hm-m-close { --hd: color(srgb 0.557647 0.330353 0.245333); }   /* PC 홈 타이머 아이콘의 라이트 계산색 */
  html:root:root[data-theme="light"] .rt-home .hm-main > .hm-m-close > .hm-m-sh :is(.hm-m-sh-ico, .hm-m-more) { color: color(srgb 0.557647 0.330353 0.245333); }
  html:root:root[data-theme="light"] .rt-home .hm-main > .hm-m-t5.is-rate > .hm-m-sh :is(.hm-m-sh-ico, .hm-m-more) { color: rgb(100, 47, 255); }
}
@media (max-width: 767px) {   /* ── 팁스터 최신 픽: TOP3 B안 카드(순위 메달 없음, 컴팩트). 기존 PC 행은 모바일에서 숨긴다 ── */
  html:root:root .rt-home .hm-main > .hm-pickbook > a.hm-feed-row { display: none; }
  html:root:root .rt-home .hm-main > .hm-pickbook > .hm-pbempty { display: none; }
  html:root:root .rt-home .hm-main > .hm-pickbook > .hm-m-pbcards { display: flex; flex-direction: column; gap: 8px; padding-bottom: 6px; }
  .rt-home .hm-m-pbcards .hm-m-pc.is-compact { padding: 8px 10px 9px; }
  .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-match { margin-top: 6px; }
  .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-meta { margin-top: 3px; }
  .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-pick { margin-top: 6px; }
  .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-pick > i, .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-pick > b, .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-odds { min-height: 32px; }
  .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-odds { margin: 0; }
  .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-odds span { font-size: 14px; }
  .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-logo, .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-logo img { width: 24px; height: 24px; }
}
@media (max-width: 767px) {   /* ── 팁스터 최신 픽 고밀도 카드: 여백·간격 우선 축소(높이 고정 없음). 글꼴은 닉네임 13.5 · 팀명 12.5 · 일시/리그 10.5 ── */
  html:root:root .rt-home .hm-main > .hm-pickbook > .hm-m-pbcards { gap: 6px; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact { padding: 5px 9px 6px; border-radius: 12px; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-top { gap: 6px; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-nick { font-size: 13.5px; line-height: 1.25; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-st { min-width: 44px; padding: 1px 9px; font-size: 11px; line-height: 1.35; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-match { margin-top: 4px; column-gap: 6px; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-team { gap: 4px; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-team b { font-size: 12.5px; line-height: 1.2; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-logo, html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-logo img { width: 20px; height: 20px; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-vs { font-size: 10.5px; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-meta { margin-top: 1px; gap: 5px; font-size: 10.5px; line-height: 1.25; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-pick { margin-top: 5px; gap: 5px; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-pick > i, html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-pick > b, html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-odds { min-height: 28px; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-pick > i { padding: 0 8px; font-size: 10.5px; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-pick > b { padding: 2px 8px; font-size: 13.5px; line-height: 1.2; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-odds { min-width: 58px; padding: 1px 8px; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-odds small { font-size: 9.5px; line-height: 1.1; }
  html:root:root .rt-home .hm-m-pbcards .hm-m-pc.is-compact .hm-m-pc-odds span { font-size: 13.5px; line-height: 1.1; }
}