.rk-collection-progress { width:220px; min-width:220px; }
.rk-collection-progress>.rk-collection-track { width:220px; height:31px; min-width:0; }
.rk-collection-track { position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:31px; padding:0 9px; box-sizing:border-box; border:1px solid #6ac79c45; border-radius:8px; overflow:hidden; background:#15281e; }
.rk-collection-track progress { position:absolute; inset:0; width:100%; height:100%; appearance:none; border:0; background:transparent; }
.rk-collection-track progress::-webkit-progress-bar { background:#15281e; }
.rk-collection-track progress::-webkit-progress-value { background:linear-gradient(90deg,#2d7960,#369675); }
.rk-collection-track progress::-moz-progress-bar { background:linear-gradient(90deg,#2d7960,#369675); }
.rk-collection-track.is-complete progress::-webkit-progress-value { background:linear-gradient(90deg,#cb8b35,#f5d486); }
.rk-collection-track.is-complete progress::-moz-progress-bar { background:linear-gradient(90deg,#cb8b35,#f5d486); }
.rk-collection-track.is-complete .rk-collection-label,.rk-collection-track.is-complete .rk-collection-percent { color:#30200c; text-shadow:none; }
.rk-collection-label,.rk-collection-count { position:relative; z-index:1; color:#e8f3ec; text-shadow:0 1px 2px #102b20; }
.rk-collection-label { font-size:12px; line-height:1.4; padding:6px 0; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rk-collection-percent { position:relative; z-index:1; flex-shrink:0; margin-left:auto; text-align:right; color:#f1f8f3; font-size:15px; font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums; }
.rk-collection-count { flex-shrink:0; font-size:9px; white-space:nowrap; font-variant-numeric:tabular-nums; }
#rankings:is([data-ranking-tab=general],[data-ranking-tab=category],[data-ranking-tab=subcategory],[data-ranking-tab=district]) .rk-table td:last-child { min-width:250px; }
.rk-completion-cell { display:flex; gap:18px; align-items:center; justify-content:space-between; }
.rk-completion-duration { display:grid; gap:4px; color:#9fb4a6; }
.rk-completion-duration.complete { display:flex; gap:8px; align-items:baseline; white-space:nowrap; }
.rk-completion-clock { font-size:11px; color:#e1c38a; font-variant-numeric:tabular-nums; }
.rk-completion-duration>strong { font-size:14px; font-weight:600; white-space:nowrap; }
.rk-completion-duration.complete>strong { font-size:18px; color:#f0d99d; }
.rk-completion-duration strong span { font-size:13px; font-weight:500; }
.rk-completion-duration small { font-size:10px; color:#93ad9b; }
#rankings .rk-journey-link { white-space:nowrap; padding:10px 11px; min-height:44px; border:1px solid #537960; border-radius:8px; background:#244231; color:#b6e4c9; font-size:11px; }
#rankings .rk-journey-link:hover { background:#30583e; }
.rk-dialog:has(.rk-journey-chart) { width:min(960px,calc(100vw - 24px)); }
.rk-journey-chart header p { color:#a4bfad; font-size:12px; margin:0; line-height:1.6; }
.rk-chart-scroll { margin-top:24px; min-width:0; border:1px solid #35533e; border-radius:12px; padding:16px 8px 0; background:#101e16; }
.rk-chart-scroll svg { display:block; width:100%; min-width:0; height:auto; }
.rk-chart-legend:empty { display:none; }
@media(min-width:601px) {
 .rk-chart-scroll { overflow-x:auto; scrollbar-width:thin; }
 .rk-chart-scroll svg { min-width:600px; }
}
@media(max-width:600px) {
 .rk-journey-chart { display:flex; flex-direction:column; }
 .rk-journey-chart .rk-chart-legend { order:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:32px; align-content:start; gap:4px 8px; height:104px; min-height:104px; box-sizing:border-box; margin:8px 0 0; overflow:auto; font-size:10px; }
 .rk-journey-chart .rk-chart-legend span { min-width:0; line-height:1.3; }
 .rk-journey-chart .rk-chart-steps { order:2; }
 .rk-journey-chart .rk-chart-note { order:3; }
}
@media(max-width:600px) {
 .rk-chart-scroll text { font-size:24px!important; }
 .rk-chart-scroll .rk-chart-date-secondary { display:none; }
}
.rk-chart-scroll text { fill:#a4bdaa; font:15px system-ui,sans-serif; }
.rk-chart-scroll .rk-chart-axis-title { font-size:14px; fill:#c3dbc9; }
.rk-chart-milestone line { stroke:#43624c; stroke-dasharray:5 5; }
.rk-chart-milestone[data-reached=true] text { fill:#b6e8cb; }
.rk-chart-line { fill:none; stroke:#85e4b3; stroke-width:3; stroke-linejoin:round; }
.rk-server-journey .rk-chart-scroll{position:relative;}
.rk-server-journey{position:relative;overflow-anchor:none;}
.rk-dialog:has(.rk-server-journey)>.rk-close{z-index:3;}
html body .rk-server-journey .rk-journey-scope{display:block;width:100%;min-height:30px;padding:4px 10px;border:1px solid #bda76566;border-radius:8px;background:#eed99d12;color:#eed99d;font:600 12px/1.3 system-ui,sans-serif;cursor:pointer;}
html body .rk-server-journey .rk-journey-scope[aria-pressed=true]{background:#eed99d24;border-color:#bda765;}
.rk-server-journey [data-journey-series-status]{position:absolute;bottom:0;left:0;right:0;margin:0;background:#102018;color:#ffe2a0;font-size:11px;}
.rk-server-journey svg[data-inspect]{touch-action:pan-y;}
.rk-server-journey .rk-chart-tooltip{position:absolute;top:8px;left:12px;right:12px;z-index:2;width:fit-content;max-width:calc(100% - 24px);box-sizing:border-box;padding:6px 9px;border:1px solid #718760;border-radius:8px;background:#101e16f5;color:#edf7f0;font:12px/1.4 system-ui,sans-serif;pointer-events:none;box-shadow:0 3px 10px #0005;}
.rk-server-journey .rk-chart-tooltip[hidden]{display:none;}
.rk-chart-area { fill:#69d89d20; }
.rk-chart-dot { fill:#f2d99d; stroke:#15271d; stroke-width:2; }
.rk-chart-baseline { stroke:#526e5c; }
.rk-chart-purchases { margin:16px 0 0; color:#aac3b2; font-size:12px; }
.rk-chart-purchases strong { color:#d5ddce; }
.rk-chart-purchases span { display:block; font-size:11px; color:#8da996; margin-top:4px; }
.rk-chart-note { margin:12px 0 0; color:#819f8c; font-size:10px; }
/* Real history uses the validated chart layout; totals are not fake filters. */
.rk-server-journey .rk-journey-summary { margin:20px 0 10px; }
.rk-journey-short-label{display:none;}
@media(max-width:600px){
 html body .rk-server-journey .rk-journey-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;}
 html body .rk-server-journey .rk-journey-stat{padding:7px 2px;gap:5px;text-align:center;}
 html body .rk-server-journey .rk-journey-stat span{min-height:0;font-size:9px;line-height:1.2;}
 html body .rk-server-journey .rk-journey-stat strong{font-size:16px;}
 html body .rk-server-journey .rk-journey-stat small{font-size:9px;line-height:1.2;overflow-wrap:anywhere;}
 html body .rk-server-journey .rk-journey-full-label,html body .rk-server-journey .rk-journey-extra-note{display:none;}
 html body .rk-server-journey .rk-journey-short-label{display:inline;}
}
.rk-server-journey .rk-journey-stat { display:grid; align-content:start; gap:7px; min-width:0; padding:14px 10px; border:1px solid #3c5744; border-top:2px solid var(--journey-color); border-radius:12px; background:#1b3023; color:#d6e8dd; }
.rk-server-journey .rk-journey-stat strong { color:var(--journey-color); }
.rk-server-journey .rk-chart-scroll { margin-top:4px; }
.rk-server-journey .rk-chart-steps small { overflow-wrap:normal; }
.rk-server-journey .rk-journey-empty { margin:22px 0 4px; padding:18px; border:1px solid #35533e; border-radius:12px; background:#101e16; color:#a4bfad; font-size:13px; line-height:1.6; }
@media(max-width:600px) {
 .rk-server-journey .rk-journey-summary { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:16px 0 8px; }
 .rk-server-journey .rk-journey-stat { padding:10px 8px; gap:5px; border-radius:9px; }
 .rk-server-journey .rk-journey-stat span { min-height:2.6em; line-height:1.3; overflow-wrap:normal; }
 .rk-server-journey .rk-journey-stat strong { font-size:21px; }
 .rk-server-journey .rk-chart-view-heading { margin:4px 0 8px; }
 .rk-server-journey .rk-chart-scope-note { margin-bottom:12px; }
 .rk-server-journey .rk-chart-steps small { font-size:10px; line-height:1.35; }
}
#rankings:is([data-ranking-tab=general],[data-ranking-tab=category],[data-ranking-tab=subcategory],[data-ranking-tab=district]) .rk-table td { padding:7px 12px; }
#rankings:is([data-ranking-tab=general],[data-ranking-tab=category],[data-ranking-tab=subcategory],[data-ranking-tab=district]) .rk-table td:nth-child(4) { width:auto; min-width:105px; white-space:nowrap; }
#rankings:is([data-ranking-tab=general],[data-ranking-tab=category],[data-ranking-tab=subcategory],[data-ranking-tab=district]) .rk-table .rk-avatar { width:30px; height:30px; flex-basis:30px; border-radius:9px; font-size:17px; }
#rankings:is([data-ranking-tab=general],[data-ranking-tab=category],[data-ranking-tab=subcategory],[data-ranking-tab=district]) .rk-player-button { gap:9px; }
#rankings:is([data-ranking-tab=general],[data-ranking-tab=category],[data-ranking-tab=subcategory],[data-ranking-tab=district]) .rk-journey-link { min-height:32px; padding:7px 10px; font-size:10px; }
.rk-card-count { color:#e0ebdf; font-size:12px; font-variant-numeric:tabular-nums; }
.rk-server-journey button.rk-journey-stat{font:inherit;color:inherit;text-align:left;cursor:pointer;}
.rk-server-journey button.rk-journey-stat[aria-pressed=true]{border-color:var(--journey-color);box-shadow:0 0 0 2px var(--journey-color);background:#294536;}
.rk-server-journey button.rk-journey-stat:focus-visible{outline:2px solid #ffe2a0;outline-offset:3px;}
.rk-server-journey [data-journey-series-status]:empty{display:none;}
.rk-server-journey .rk-chart-steps[hidden]{display:none;}
@media(pointer:coarse){#rankings:is([data-ranking-tab=general],[data-ranking-tab=category],[data-ranking-tab=subcategory],[data-ranking-tab=district]) .rk-journey-link { min-height:44px; }}
@media(max-width:700px){.rk-completion-cell{gap:12px;}.rk-completion-duration.complete>strong{font-size:21px;}.rk-journey-chart h2{font-size:21px;}.rk-chart-scroll{padding:10px 4px 0;}}
