/* rinka-rank-history.css — 実績ページの「ゲームランキングのきろく」（2026-09-30）。クラスは rkh- で独立 */
.rinka-rankhist { --rkh-ink:#4a3540; --rkh-soft:#76606c; --rkh-line:#f1dbe7; --rkh-pink:#e0588f; }
.rkh-lead { color: var(--rkh-soft); font-size: .9rem; margin: 0 0 .9rem; }
.rkh-tabs { display: flex; gap: .4rem; overflow-x: auto; padding-bottom: .4rem; margin-bottom: .8rem; -webkit-overflow-scrolling: touch; }
.rkh-tab { flex: 0 0 auto; min-height: 44px; padding: 0 1rem; border: 1px solid var(--rkh-line); border-radius: 999px; background: #fff; color: var(--rkh-ink); font: inherit; font-weight: 700; cursor: pointer; }
.rkh-tab i { font-style: normal; font-size: .7rem; margin-left: .4em; padding: .1em .5em; border-radius: 999px; background: #ffe3ef; color: #b83a72; }
.rkh-tab.is-on { background: linear-gradient(120deg, #ff8fbf, #c9a2ff); border-color: transparent; color: #fff; }
.rkh-tab:focus-visible { outline: 3px solid #c9a2ff; outline-offset: 2px; }
.rkh-sum { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; }
.rkh-big { background: #fff; border: 1px solid var(--rkh-line); border-radius: 16px; padding: .8rem .4rem; text-align: center; }
.rkh-big b { display: block; font-size: 1.7rem; line-height: 1.1; color: var(--rkh-pink); }
.rkh-big b small { font-size: .7rem; margin-left: .15em; color: var(--rkh-soft); }
.rkh-big span { font-size: .72rem; color: var(--rkh-soft); }
.rkh-award { margin: .8rem 0 0; padding: .7rem 1rem; border-radius: 14px; background: linear-gradient(120deg, #fff4c2, #ffe3ef); color: #8a5a00; font-weight: 700; }
.rkh-award span { display: block; font-size: .8rem; font-weight: 400; color: var(--rkh-soft); }
.rkh-note, .rkh-empty { color: var(--rkh-soft); font-size: .85rem; margin: .8rem 0 0; }
.rkh-game { margin-top: 1rem; }
.rkh-game h3 { margin: 0 0 .4rem; font-size: 1rem; color: var(--rkh-ink); }
.rkh-game h3 em { font-style: normal; font-size: .75rem; margin-left: .5em; color: #fff; background: var(--rkh-pink); border-radius: 999px; padding: .1em .6em; }
.rkh-game ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .35rem; }
.rkh-row { display: grid; grid-template-columns: 3.2rem 1fr auto auto; align-items: center; gap: .5rem; background: #fff; border: 1px solid var(--rkh-line); border-radius: 12px; padding: .5rem .7rem; }
.rkh-rk { font-weight: 800; color: var(--rkh-ink); } .rkh-rk small { font-size: .65rem; color: var(--rkh-soft); }
.rkh-row.is-top1 .rkh-rk { color: #c58a00; } .rkh-row.is-top2 .rkh-rk { color: #7f8aa0; } .rkh-row.is-top3 .rkh-rk { color: #b8734e; }
.rkh-lb { font-size: .85rem; color: var(--rkh-ink); min-width: 0; overflow-wrap: anywhere; }
.rkh-val { font-weight: 700; font-size: .85rem; color: var(--rkh-pink); }
.rkh-of { font-size: .7rem; color: var(--rkh-soft); }
@media (max-width: 480px) { .rkh-big b { font-size: 1.35rem; } .rkh-row { grid-template-columns: 2.8rem 1fr auto; } .rkh-of { display: none; } }