@charset "utf-8";
/* 포커 상금 순위 (계산기 · 선수 사전 · 보고서) — 2026-11-03
   테마 CSS(thepoker.css)의 색 변수만 쓰고, 테마 파일은 건드리지 않습니다. */

.rk-page [hidden] { display: none !important; }
.rk-page > .tp-card { margin-top: 16px; }
.rk-page--wide { max-width: 1100px; }
.rk-tabs a { flex: 1 0 auto; }

.rk-admin { margin: 0 0 12px; padding: 10px 14px; border: 1px solid var(--gold); border-radius: 10px; background: var(--gold-bg); color: var(--gold-ink); font-size: 13px; }
.rk-adminbox { margin: 16px 0 0; padding: 12px 14px; border: 1px dashed var(--line2); border-radius: 10px; font-size: 13px; line-height: 1.7; color: var(--muted); }
.rk-adminbox b { color: var(--gold-ink); margin-right: 6px; }
.rk-adminbox code { font-family: var(--mono); color: var(--text); }

.rk-note { margin: 10px 0 0; font-size: 13px; line-height: 1.7; color: var(--muted); }
.rk-note b { color: var(--text); }
.rk-src { margin: 20px 0 0; font-size: 12px; line-height: 1.7; color: var(--dim); }
.rk-src a { color: var(--muted); text-decoration: underline; }
.rk-badge { display: inline-block; margin-left: 4px; padding: 1px 6px; border-radius: 6px; background: var(--bg2); border: 1px solid var(--line2); font-size: 11px; font-weight: 600; color: var(--muted); font-family: var(--font); letter-spacing: 0; vertical-align: 1px; }
.rk-badge--warn { border-color: var(--gold); color: var(--gold-ink); }

/* 계산기 */
.rk-fields { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.rk-field { display: block; min-width: 0; }
.rk-field > span { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 600; color: var(--muted); }
.rk-field small { font-weight: 400; color: var(--dim); }
.rk-field input { font-size: 18px; font-weight: 600; }
.rk-field--main input { font-size: 22px; }
.rk-quick { margin-top: 12px; }

.rk-out { margin-top: 20px; padding: 18px 20px; border-radius: 12px; background: var(--bg2); border: 1px solid var(--line); display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 14px 18px; }
.rk-stat { min-width: 0; }
.rk-stat span { display: block; font-size: 12px; color: var(--muted); }
.rk-stat strong { display: block; font-size: 24px; font-weight: 700; line-height: 1.3; color: var(--text); overflow-wrap: anywhere; }
.rk-stat em { display: block; font-style: normal; font-size: 12px; color: var(--dim); }
.rk-stat--main strong { font-size: 36px; color: var(--felt-ink); }
.rk-out__line { grid-column: 1 / -1; margin: 4px 0 0; padding-top: 14px; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.7; color: #d6d9d6; }
.rk-goals { grid-column: 1 / -1; margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.rk-goals:empty { display: none; }
.rk-goals li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: baseline; padding: 8px 12px; border: 1px solid var(--line); border-radius: 9px; font-size: 13px; color: var(--muted); }
.rk-goals b { font-family: var(--mono); color: var(--text); }
.rk-goals em { font-style: normal; color: var(--dim); }

.rk-share { margin-top: 16px; display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 16px; align-items: center; }
.rk-share canvas { width: 220px; height: 220px; border-radius: 10px; border: 1px solid var(--line); }
.rk-share__btns { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.rk-share__msg { font-size: 13px; color: var(--felt-ink); }

.rk-table td, .rk-table th { white-space: nowrap; }
.rk-list th.ta-l strong { display: block; font-weight: 700; color: var(--text); }
.rk-list th.ta-l strong a { color: var(--felt-ink); }
.rk-list th.ta-l small { display: block; font-size: 12px; font-weight: 400; color: var(--dim); }
.rk-list th.ta-l .rk-badge { margin: 2px 0 0; }
.rk-post { font-size: 13px; color: var(--felt-ink); }
.rk-none { color: var(--dim); }

/* 선수 사전 */
.rk-find { margin-top: 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.rk-sw { margin: 0; }
.rk-sw button { padding: 0 16px; min-height: 40px; border: 0; background: none; color: var(--muted); font: inherit; font-weight: 600; cursor: pointer; }
.rk-sw button.is-on { color: var(--text); box-shadow: inset 0 -2px 0 var(--felt2); }
.rk-empty { margin: 16px 0 0; color: var(--muted); }

/* 보고서 */
.rk-kpis { margin-top: 16px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.rk-kpi { padding: 16px 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.rk-kpi span { display: block; font-size: 12px; color: var(--muted); }
.rk-kpi strong { display: block; margin-top: 4px; font-size: 24px; font-weight: 800; color: var(--text); font-variant-numeric: tabular-nums; }
.rk-kpi em { display: block; font-style: normal; font-size: 13px; color: var(--gold-ink); }
.rk-kpi--main { grid-column: 1 / -1; border-color: var(--felt); background: var(--felt-bg); }
.rk-kpi--main strong { font-size: 40px; color: var(--felt-ink); }

.rk-facts { margin: 0; padding-left: 20px; display: grid; gap: 12px; font-size: 15px; line-height: 1.75; color: #d6d9d6; }
.rk-facts b { color: var(--text); }

.rk-bars { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.rk-bars li { display: grid; grid-template-columns: 88px minmax(0, 1fr) 150px; gap: 12px; align-items: center; }
.rk-bars__k { font-size: 14px; font-weight: 700; color: var(--text); }
.rk-bars__k small { display: block; font-size: 11px; font-weight: 400; color: var(--dim); }
.rk-bars__bar { height: 14px; border-radius: 7px; background: var(--bg2); overflow: hidden; }
.rk-bars__bar i { display: block; height: 100%; border-radius: 7px; background: var(--felt2); }
.rk-bars__v { font-size: 14px; text-align: right; color: var(--text); }
.rk-bars__v small { display: block; font-family: var(--font); font-size: 11px; color: var(--dim); letter-spacing: 0; }
.rk-bars--cty li { grid-template-columns: 120px minmax(0, 1fr) 56px; }
.rk-bars--cty .rk-bars__bar i { background: var(--gold); }
.rk-cta { margin: 18px 0 0; }
.rk-how { margin: 0; padding-left: 18px; display: grid; gap: 8px; font-size: 14px; line-height: 1.7; color: var(--muted); }

/* 대회 우승자 기록 */
.rk-kpis--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rk-filter { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.rk-filter select.tp-input { width: auto; min-width: 110px; }
.rk-filter input[type=search] { flex: 1 1 200px; width: auto; }
.rk-chk { display: inline-flex; gap: 6px; align-items: center; font-size: 14px; color: var(--muted); white-space: nowrap; }
.rk-win td, .rk-win th { vertical-align: top; }
.rk-win td small, .rk-win th small { display: block; font-family: var(--font); font-size: 12px; font-weight: 400; color: var(--dim); letter-spacing: 0; }
.rk-win .rk-wrap { white-space: normal; min-width: 140px; }
.rk-win td.rk-wrap strong { display: block; font-weight: 700; color: var(--text); }
.rk-win td.rk-wrap strong a { color: var(--felt-ink); }
.rk-win tr.is-kr > td:first-child { box-shadow: inset 3px 0 0 var(--gold); }
.rk-pager { margin-top: 14px; display: flex; gap: 14px; justify-content: center; align-items: center; font-size: 14px; color: var(--muted); }
.rk-pager a { color: var(--felt-ink); }

@media (max-width: 760px) {
    .rk-kpis--4 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .rk-filter select.tp-input { flex: 1 1 40%; }
    .rk-fields { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .rk-field--main { grid-column: 1 / -1; }
    .rk-out { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 16px; }
    .rk-stat--main { grid-column: 1 / -1; }
    .rk-share { grid-template-columns: minmax(0, 1fr); justify-items: start; }
    .rk-kpis { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .rk-find { grid-template-columns: minmax(0, 1fr); }
    .rk-hide-sm { display: none; }
    .rk-bars li { grid-template-columns: 70px minmax(0, 1fr) 110px; gap: 8px; }
    .rk-bars--cty li { grid-template-columns: 96px minmax(0, 1fr) 44px; }
}
@media (max-width: 420px) {
    .rk-goals li { grid-template-columns: minmax(0, 1fr) auto; }
    .rk-goals em { grid-column: 1 / -1; }
    .rk-kpi--main strong { font-size: 32px; }
}