/* 2026-11-07 재회 타사 비교 빈칸(결과 · 결제 전 · 입력). 재회 화면에서만 불러온다.
   점수 게이지 · 두 명식 합충 그림은 SVG, 경쟁자 그림은 static/img/cards/person-*-2 를 흐리게. 왼쪽 강조 띠 · 원색 뱃지 · 14px 미만 글자 없음. */
:root{--rg-pull:#c45c7c;--rg-clash:#5f7896;--rg-track:#ece6dd;--rg-cell:#faf7f2;--rg-cell-line:#e4ddd2;--rg-you:#f6f1f6;--rg-ink:#2a2622;--rg-sub:#6f6a63;--rg-chip:#f4efe8}
:root[data-theme="dark"]{--rg-pull:#e78aa6;--rg-clash:#8fa9c9;--rg-track:#2a2a2a;--rg-cell:#1b1b1b;--rg-cell-line:#2c2c2c;--rg-you:#1d1a1d;--rg-ink:#f2f2f2;--rg-sub:#bdbdbd;--rg-chip:#1f1f1f}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){--rg-pull:#e78aa6;--rg-clash:#8fa9c9;--rg-track:#2a2a2a;--rg-cell:#1b1b1b;--rg-cell-line:#2c2c2c;--rg-you:#1d1a1d;--rg-ink:#f2f2f2;--rg-sub:#bdbdbd;--rg-chip:#1f1f1f}}

/* 점수 */
.rg-gauge{position:relative;margin:10px auto 0;max-width:260px}
.rg-gauge svg{display:block;width:100%;height:auto}
.rg-gauge path{fill:none;stroke-width:14;stroke-linecap:round}
.rg-gauge-track{stroke:var(--rg-track)}
.rg-gauge-fill{stroke:var(--rg-pull)}
.rg-gauge figcaption{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:center;align-items:baseline;gap:2px;color:var(--rg-ink)}
.rg-gauge figcaption b{font-size:48px;line-height:1;font-weight:800;letter-spacing:-1px}
.rg-gauge figcaption span{font-size:18px;font-weight:700}
.rg-odds-other{display:flex;justify-content:center;gap:8px;margin:8px 0 14px;font-size:15px;color:var(--rg-sub)}
.rg-odds-other b{color:var(--rg-ink)}
.rg-picked{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 6px;padding:0}
.rg-picked div{display:flex;gap:6px;align-items:baseline;padding:6px 10px;border-radius:8px;background:var(--rg-chip);font-size:14px}
.rg-picked dt{color:var(--rg-sub)}.rg-picked dd{margin:0;font-weight:700;color:var(--rg-ink)}

/* 가까운 연락하기 좋은 날 */
.rg-near{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.rg-near li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--rg-cell-line);background:var(--rg-cell)}
.rg-near b{font-size:17px;color:var(--rg-ink)}.rg-near small{font-size:14px;color:var(--rg-sub)}

/* 두 명식 */
.rg-pair{margin:12px 0 0}
.rg-pair svg{display:block;width:100%;height:auto;max-width:360px;margin:0 auto}
.rg-pair text{text-anchor:middle;fill:var(--rg-ink);font-family:inherit}
/* 11/14 손님 화면 14px: 그림은 360px 폭에서 약 0.93배로 줄어 그려지므로 글자는 16(그려지면 약 15px) */
.rg-cols text{font-size:16px;fill:var(--rg-sub)}
.rg-pair text.rg-block-title{text-anchor:start;font-size:16px;font-weight:700;fill:var(--rg-sub)}
.rg-cell rect{fill:var(--rg-cell);stroke:var(--rg-cell-line);stroke-width:1.2}
.rg-cell.is-you rect{fill:var(--rg-you)}
.rg-cell[data-el="목"] rect{stroke:#5f9e74}.rg-cell[data-el="화"] rect{stroke:#d0705a}.rg-cell[data-el="토"] rect{stroke:#b9924f}
.rg-cell[data-el="금"] rect{stroke:#9a9aa6}.rg-cell[data-el="수"] rect{stroke:#4f78a8}
.rg-cell.is-unknown rect{stroke-dasharray:4 3}
.rg-han{font-size:22px;font-weight:700}
.rg-pair text.rg-ko{font-size:16px;fill:var(--rg-sub)!important}
.rg-link{stroke-width:2}
.rg-link.is-pull{stroke:var(--rg-pull)}
.rg-link.is-clash{stroke:var(--rg-clash);stroke-dasharray:5 4}
.rg-mark circle{stroke-width:1.6;fill:var(--rg-cell)}
.rg-mark.is-pull circle{stroke:var(--rg-pull)}.rg-mark.is-clash circle{stroke:var(--rg-clash)}
.rg-mark text{font-size:16px;font-weight:700;dominant-baseline:central}
.rg-mark.is-pull text{fill:var(--rg-pull)}.rg-mark.is-clash text{fill:var(--rg-clash)}
.rg-pair figcaption{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:14px;color:var(--rg-sub)}
.rg-count{display:flex;justify-content:center;gap:18px;margin:10px 0 4px;font-size:16px}
.rg-count .is-pull b{color:var(--rg-pull)}.rg-count .is-clash b{color:var(--rg-clash)}

/* 장소 · 경쟁자 · 개운법 */
.rg-places{list-style:none;margin:10px 0 0;padding:0;counter-reset:rg}
.rg-places li{position:relative;padding:12px 0 12px 34px;border-top:1px solid var(--rg-cell-line);counter-increment:rg}
.rg-places li::before{content:counter(rg);position:absolute;left:4px;top:12px;width:22px;height:22px;border-radius:50%;border:1px solid var(--rg-cell-line);font-size:14px;line-height:22px;text-align:center;color:var(--rg-sub)}
.rg-places b{font-size:15px;color:var(--rg-ink)}.rg-places p{margin:4px 0 0;font-size:14.5px}
.rg-rival{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;margin:12px 0 10px}
.rg-rival-img{width:96px;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--rg-cell)}
.rg-rival-img img{display:block;width:100%;height:100%;object-fit:cover;filter:blur(5px) saturate(.8);transform:scale(1.08)}
.rg-rival-text>b{display:block;font-size:16px;color:var(--rg-ink);margin-bottom:4px}
.rg-rival-text p{margin:0;font-size:14.5px}
.rg-rival-when{margin-top:6px!important;font-weight:700}
.rg-charm{display:grid;gap:8px;margin:12px 0 0;padding:0}
.rg-charm div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:10px 12px;border-radius:10px;background:var(--rg-chip);font-size:14.5px}
.rg-charm dt{color:var(--rg-sub);font-weight:700}.rg-charm dd{margin:0;color:var(--rg-ink);word-break:keep-all}

/* 결제 전 분량 */
.rg-stats{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0 0;padding:0}
.rg-stats li{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 2px;border-radius:10px;background:var(--rg-chip);text-align:center}
.rg-stats b{font-size:17px;color:var(--rg-ink)}.rg-stats span{font-size:14px;color:var(--rg-sub);word-break:keep-all;line-height:1.3}
@media (max-width:370px){.rg-stats{grid-template-columns:repeat(2,1fr)}.rg-charm div{grid-template-columns:84px 1fr}}

/* 입력: 상황 고르기 칩 */
.rs-fld{margin-bottom:18px}
.rs-fld>label{display:block;margin-bottom:8px;font-size:15px;font-weight:700}
.seg.rs-chips{flex-wrap:wrap}
.seg.rs-chips button{flex:1 1 calc(50% - 8px);min-width:0;padding:12px 6px;font-size:15px;word-break:keep-all}