/*
  QRスタンプラリー ランキング画面スタイル
  編集日時 : 2026-10-17 10:37 JST
  改変歴   :
    v1.4.0  2026-10-17 10:37 JST  初版作成
*/
.rk-head{margin:8px 0 14px}
.rk-head h1{font-size:26px}
.rk-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.rk-total{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 8px;text-align:center}
.rk-total span{display:block;font-size:12px;color:var(--sub)}
.rk-total b{display:block;font-size:22px;font-variant-numeric:tabular-nums;white-space:nowrap}
.rk-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rk-item{display:grid;grid-template-columns:3.2em 1fr;gap:10px;align-items:center}
.rk-rank{font-weight:700;color:var(--sub);text-align:right;font-variant-numeric:tabular-nums}
.rk-item.top1 .rk-rank,.rk-item.top2 .rk-rank,.rk-item.top3 .rk-rank{color:var(--accent);font-size:18px}
.rk-body{min-width:0}
.rk-line{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.rk-name{overflow-wrap:anywhere}
.rk-count{color:var(--sub);white-space:nowrap;font-variant-numeric:tabular-nums}
.rk-bar{height:8px;border-radius:99px;background:var(--bg);margin-top:4px;overflow:hidden}
.rk-bar i{display:block;height:100%;border-radius:99px;background:var(--accent);transition:width .6s ease}
.rk-at{text-align:center}
.rk-back{text-align:center;margin-top:18px}
.rk-back a{color:var(--accent);font-weight:700}
@media (min-width:700px){.wrap{max-width:720px}.rk-head h1{font-size:34px}.rk-total b{font-size:30px}}
@media (prefers-reduced-motion:reduce){.rk-bar i{transition:none}}