#rankings { --rk-gold:#f2d58f; --rk-green:#80e5b6; --rk-purple:#bea0ea; --rk-muted:#9aafa3; min-width:0; padding:18px 0 55px; color:#e5eee8; }
.rk-collection-favorites{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:4px 0;}
.rk-collection-favorites>span{color:#efd498;font-size:12px;margin-right:4px;}
#rankings .rk-collection-favorites button{padding:8px 12px;min-height:36px;border:1px solid #455f4d;border-radius:8px;background:#192d20;color:#c3d8ca;font-size:12px;cursor:pointer;}
#rankings .rk-collection-favorites button[aria-pressed=true]{background:#edd49a;color:#2b2414;border-color:#edd49a;}
.rk-collection-favorites small{color:#91aa99;font-size:11px;}.rk-collection-favorites a{color:#c9ddce;text-underline-offset:3px;}
.rk-dialog:has(.rk-rules-simple){width:min(540px,calc(100vw - 32px));}
.rk-rules-simple p{margin:18px 0;color:#b8cbbf;font-size:14px;line-height:1.65;}
.rk-rules-simple strong{color:#e5eee8;font-weight:600;}
.rk-rules-simple>small{display:block;margin-top:24px;color:#8da695;font-size:11px;line-height:1.5;}
.rk-journey-chart header{padding-right:20px;}.rk-journey-chart header p{color:#b6cbbc;line-height:1.6;}
.rk-journey-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:24px 0 10px;}
.rk-journey-chart .rk-chart-scope-note{font-size:11px;color:#9bb3a3;line-height:1.5;margin:0 0 20px;}
@media(max-width:650px){.rk-journey-summary{gap:4px;}.rk-summary-packs{grid-column:auto;}}
.rk-journey-summary>button{display:grid;gap:7px;padding:15px;border:1px solid #3c5744;border-radius:12px;background:#1b3023;text-align:left;color:#d6e8dd;cursor:pointer;min-width:0;}
.rk-journey-summary>button:hover{background:#254432;border-color:#79ad8b;}.rk-journey-summary>button[aria-pressed=true]{border-color:var(--journey-color);box-shadow:inset 0 0 0 1px var(--journey-color);background:#293d2b;}
.rk-chart-view-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;flex-wrap:wrap;}.rk-chart-view-heading strong{font-size:13px;color:#d4e8da;}.rk-chart-view-heading small{font-size:11px;color:#91aa99;}.rk-journey-chart .rk-chart-detail-total{font-size:12px;color:#adc7b5;margin:12px 0;}
.rk-journey-summary span,.rk-journey-summary small{font-size:11px;color:#a7bfaf;}.rk-journey-summary strong{font-size:23px;color:#8be1b7;font-variant-numeric:tabular-nums;}.rk-journey-summary .is-sale strong{color:#f1aa83;}
.rk-chart-legend{display:flex;flex-wrap:wrap;gap:18px;color:#afc7b7;font-size:11px;margin:0 0 8px;}.rk-chart-legend span{display:flex;align-items:center;gap:7px;}.rk-chart-legend i{width:8px;height:8px;border-radius:50%;background:#80e5b6;}.rk-chart-legend .is-sale{background:#f1aa83;}.rk-chart-legend .is-milestone{background:#f2d58f;}
.rk-chart-scroll{overflow-x:auto;scrollbar-width:thin;border:1px solid #354d3d;border-radius:14px;background:#102018;padding:8px 0;}.rk-chart-scroll svg{display:block;width:100%;min-width:580px;}.rk-chart-scroll text{font:12px system-ui,sans-serif;}.rk-chart-scroll .rk-chart-small{font-size:10px;}
.rk-chart-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;margin:12px 0;padding:0;border:1px solid #3a5141;border-radius:10px;overflow:hidden;}
.rk-chart-steps li{display:grid;justify-items:center;align-content:center;gap:4px;text-align:center;padding:10px 5px;color:#849b8d;border-right:1px solid #3a5141;}.rk-chart-steps li:last-child{border-right:0;}.rk-chart-steps .is-reached{background:#d9c28208;color:#f2d58f;}.rk-chart-steps strong{font-size:14px;}.rk-chart-steps small{font-size:10px;color:#a8baac;}
.rk-journey-chart .rk-chart-note{font-size:11px;line-height:1.6;color:#8fa999;margin:14px 0 0;}
@media(max-width:650px){.rk-journey-summary>button{padding:8px 3px;gap:5px;text-align:center;align-content:start;border-radius:8px;}.rk-journey-summary span{font-size:10px;line-height:1.35;overflow-wrap:anywhere;min-height:4.05em;}.rk-journey-summary strong{font-size:17px;overflow-wrap:anywhere;}.rk-journey-summary small{font-size:9px;line-height:1.3;overflow-wrap:anywhere;}.rk-chart-legend{gap:10px;font-size:10px;}.rk-chart-steps small{font-size:9px;}}
.rk-audience-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:18px;}
.rk-audience-toolbar>div{display:flex;gap:6px;flex-wrap:wrap;}
#rankings .rk-audience-toolbar button{min-height:42px;border:1px solid #3a5142;border-radius:9px;padding:10px 15px;background:#15251b;color:#b7cec0;font-size:12px;cursor:pointer;}
#rankings .rk-audience-toolbar [aria-pressed=true]{background:#cdebd9;color:#163124;border-color:#cdebd9;}
#rankings .rk-audience-toolbar .rk-position-button{background:#ffe2a0;border-color:#ffe2a0;color:#34240e;font-weight:650;}
#rankings .rk-table tr.is-you{background:linear-gradient(110deg,#8c591f80,#6e542c66);box-shadow:inset 4px 0 #ffc563;}
#rankings .rk-table tr.is-you td{border-top-color:#d29c4559;border-bottom:1px solid #d29c4559;}
#rankings .rk-table tr.is-you :is(.rk-rank,.rk-player-button strong){color:#ffe2a0;}
#rankings .rk-table tr.is-you:focus{outline:none;}
.rk-table-wrap{contain:paint;}
@media(max-width:480px){#rankings .rk-audience-toolbar button{padding:10px 12px;}.rk-audience-toolbar{gap:8px;}.rk-position-button{margin-left:auto;}}
body[data-active-section="rankings"] .app-shell { min-width:0; }
@media(max-width:980px){body[data-active-section="rankings"] .app-frame{grid-template-columns:minmax(0,1fr);}}
#rankings [hidden],.rk-dialog [hidden] { display:none!important; }
#rankings button,.rk-dialog button { font:inherit; }
/* Server views reuse the same controls, including Safari's native select reset. */
#rankings .rk-controls select { appearance:none; -webkit-appearance:none; padding-right:36px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23eacf8e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; }
html .rk-server-pagination { gap:12px; align-items:center; flex-wrap:wrap; margin:16px 0; }
html .rk-server-pagination[hidden] { display:none!important; }
html .rk-server-pagination button { appearance:none; -webkit-appearance:none; width:auto; min-width:90px; height:auto; min-height:40px; padding:8px 12px; border:1px solid #52715d; border-radius:9px; background:#21362a; color:#d1e6d8; font:inherit; font-size:12px; cursor:pointer; }
html .rk-server-pagination button:hover:not(:disabled) { background:#2d4936; border-color:#87ab90; }
html .rk-server-pagination button:disabled { opacity:.45; cursor:default; }
html .rk-server-pagination button:focus-visible { outline:2px solid #eacf8e; outline-offset:3px; }
.rk-server-profile .rk-profile-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; padding-bottom:12px; overflow:visible; }
.rk-server-profile .rk-profile-tabs button { appearance:none; -webkit-appearance:none; min-width:0; min-height:44px; padding:9px 5px; border:1px solid #385a47; border-radius:9px; background:#14271d; color:#b8d9c5; font-size:12px; overflow-wrap:normal; hyphens:auto; }
.rk-server-profile .rk-profile-tabs button[aria-pressed=true] { background:#cce9d8; border-color:#cce9d8; color:#123120; }
.rk-server-profile .rk-profile-tabs button:hover:not([aria-pressed=true]) { background:#244633; border-color:#76b38c; }
.rk-server-profile .rk-profile-table th button { display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; width:100%; min-width:0; hyphens:manual; }
.rk-server-profile .rk-sort-label { max-width:100%; }
.rk-server-profile .rk-sort-arrow { font-family:Arial,sans-serif; font-variant-emoji:text; }
.rk-server-profile .rk-profile-journey-status { display:block; margin-bottom:4px; color:#a9bdaf; font-size:11px; }
.rk-server-profile .rk-profile-table .rk-profile-journey { min-width:36px; min-height:36px; padding:6px; }
.rk-server-profile .rk-profile-journey svg { flex-shrink:0; }
@media(max-width:600px) {
 html .rk-dialog.rk-server-profile .rk-profile-collection .rk-profile-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
 html .rk-dialog.rk-server-profile .rk-profile-collection .rk-profile-tabs button { padding:9px 6px!important; font-size:12px!important; overflow-wrap:normal; }
 #rankings .rk-controls select { font-size:16px; }
 html .rk-dialog.rk-server-profile .rk-profile-table :is(th,td):nth-child(1) { width:28%; }
 html .rk-dialog.rk-server-profile .rk-profile-table :is(th,td):nth-child(n+2) { width:24%; }
 html .rk-dialog.rk-server-profile .rk-profile-table th { overflow-wrap:normal; hyphens:auto; }
 html body #rankings .rk-tabs button[data-tab] { overflow-wrap:normal; hyphens:auto; }
}
#rankings button:focus-visible,#rankings input:focus-visible,#rankings select:focus-visible,.rk-dialog :focus-visible { outline:2px solid #eacf8e; outline-offset:4px; }
#rankings button:disabled,.rk-dialog button:disabled { opacity:.45; cursor:default; }
.rk-eyebrow { display:block; color:#cdb67d; letter-spacing:2px; font-size:10px; font-weight:600; line-height:1.7; }
.rk-hero { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 240px; align-items:center; min-height:230px; overflow:hidden; padding:34px 36px; border:1px solid #7b744548; border-radius:22px; background:radial-gradient(ellipse at 90% 10%,#d3b66915,transparent 60%),linear-gradient(125deg,#1e3527,#111d16); }
.rk-hero h1 { max-width:660px; margin:11px 0 13px; font-size:clamp(28px,3.5vw,41px); font-weight:650; letter-spacing:-1.4px; line-height:1.15; }
.rk-hero p { color:#afc3b5; font-size:14px; line-height:1.7; margin:0; }
.rk-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:23px; }
#rankings .rk-primary,.rk-dialog .rk-primary { display:inline-flex; align-items:center; justify-content:center; gap:15px; min-height:42px; padding:10px 17px; color:#17241a; background:#f0d99f; border:1px solid #f0d99f; border-radius:9px; font-size:12px; font-weight:650; }
#rankings .rk-primary:hover,.rk-dialog .rk-primary:hover { background:#ffe8b5; }
#rankings .rk-secondary,.rk-dialog .rk-secondary { display:inline-flex; gap:14px; align-items:center; justify-content:center; min-height:40px; padding:9px 14px; border:1px solid #52715d; border-radius:9px; background:#21362a; color:#d1e6d8; font-size:12px; }
#rankings .rk-quiet,.rk-dialog .rk-quiet { padding:9px 0; background:transparent; color:#acc3b5; font-size:12px; }
.rk-hero-art { position:relative; display:grid; place-items:center; height:175px; }
.rk-art-orbit { position:absolute; width:170px; height:170px; border:1px solid #d1b96e22; border-radius:50%; box-shadow:0 0 0 21px #d1b96e06,0 0 0 22px #d1b96e09; }
.rk-trophy { z-index:1; color:#efcf82; font-family:Georgia,serif; font-size:95px; line-height:1; text-shadow:0 6px 30px #e6c2773a; transform:rotate(-5deg); }
.rk-art-caption { position:absolute; bottom:-5px; color:#d7c28b; font-size:7px; letter-spacing:1.3px; }
.rk-art-star { position:absolute; color:#edd58d; }
.star-a { left:27px; top:33px; font-size:30px; }.star-b { right:23px; top:88px; font-size:33px; }.star-c { left:54px; bottom:22px; font-size:13px; color:#82d2ad; }
.rk-demo { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:14px 3px 17px; color:#859b8d; font-size:11px; }
.rk-demo strong { font-weight:500; color:#baab87; }.rk-demo-dot { width:5px; height:5px; border-radius:50%; background:#c7ae71; }
.rk-tabs { display:flex; gap:6px; padding-bottom:13px; border-bottom:1px solid #304136; overflow-x:auto; scrollbar-width:thin; }
#rankings .rk-tabs button { display:flex; align-items:center; justify-content:center; gap:8px; flex:1 0 auto; border:1px solid transparent; background:transparent; color:#a9bdae; border-radius:9px; padding:12px 16px; font-size:13px; white-space:nowrap; }
.rk-tabs button>span { font-size:18px; }
#rankings .rk-tabs button[aria-pressed=true] { border-color:#607d6759; background:#283e2f; color:#e7f5ea; }
.rk-controls { display:grid; gap:12px; padding:20px 0 8px; }
.rk-scope-controls { display:flex; align-items:flex-end; gap:10px; }.rk-scope-controls:empty { display:none; }
.rk-scope-controls>label { flex:1; min-width:0; }.rk-scope-controls>.rk-parent-label { flex:.85; }
#rankings .rk-scope-controls>.rk-scope-label { flex:0 1 360px; }
#rankings .rk-scope-reset { margin-left:auto; min-height:41px; white-space:nowrap; }
@media(max-width:700px){#rankings .rk-scope-controls>.rk-scope-label{flex:1 1 180px;}#rankings .rk-scope-reset{flex:0 0 auto;}}
.rk-main-controls { display:grid; grid-template-columns:1.5fr 1.15fr 1fr 1.2fr; gap:10px; }
.rk-controls label,.rk-compare-picker { display:grid; gap:6px; font-size:10px; color:#94ad9c; min-width:0; }
.rk-controls select,.rk-controls input,.rk-dialog input,.rk-dialog select { min-width:0; width:100%; min-height:41px; box-sizing:border-box; border:1px solid #3a5142; border-radius:9px; background:#14221a; color:#dbe8df; padding:9px 11px; font:inherit; font-size:12px; }
.rk-controls select:disabled { opacity:.5; }
.rk-search-row { display:flex; align-items:center; gap:15px; }.rk-search-row label { width:min(370px,55%); }.rk-search-row input { background:transparent; }.rk-search-row .rk-quiet { margin-left:auto; }
.rk-scope-ribbon { display:flex; gap:6px; overflow-x:auto; scrollbar-width:thin; padding:12px 0 2px; }
#rankings .rk-scope-ribbon button { flex-shrink:0; display:flex; gap:6px; align-items:center; padding:6px 10px; border:1px solid #354e3e; border-radius:30px; font-size:10px; background:#18271e; color:#a8c4b3; }
#rankings .rk-scope-ribbon button[aria-pressed=true] { color:#f0d79e; border-color:#b49d615c; background:#c8ae5a0d; }
.rk-board-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:28px 0 19px; scroll-margin-top:25px; }
.rk-board-heading h2 { font-size:clamp(24px,2.4vw,31px); letter-spacing:-.7px; margin:7px 0 9px; line-height:1.25; font-weight:650; }
.rk-board-heading p { font-size:12px; color:#98b0a0; margin:0; line-height:1.65; }
#rankings .rk-info { display:grid; place-items:center; flex:0 0 28px; height:28px; background:transparent; border:1px solid #789482; border-radius:50%; color:#c2d7c9; font:italic 16px Georgia,serif; }
.rk-heading-count { white-space:nowrap; border:1px solid #58674b; border-radius:30px; padding:8px 13px; color:#d5c698; font-size:11px; }
.rk-stat-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:25px; }
.rk-stat-cards>div { display:grid; gap:8px; padding:16px 19px; border:1px solid #344638; border-radius:12px; background:#17251c; }
.rk-stat-cards small { color:#9db5a5; font-size:11px; }.rk-stat-cards strong { color:#e6ecd9; font-size:25px; font-weight:600; letter-spacing:-.6px; }.rk-stat-cards>div:last-child strong { color:#e9d099; }.rk-stat-cards span { color:#748d7c; font-size:10px; }
.rk-podium { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:end; padding-top:20px; margin-bottom:22px; }
#rankings .rk-podium-card { position:relative; display:flex; flex-direction:column; align-items:center; min-height:249px; padding:17px 15px 0; overflow:hidden; border:1px solid #5a6e634f; border-radius:15px; background:radial-gradient(ellipse at 50% 0,#a7c3c210,transparent 60%),#16261d; text-align:center; transition:transform .2s,border-color .2s; }
#rankings .rk-podium-card.place-1 { min-height:276px; border-color:#c3a35c86; background:radial-gradient(ellipse at 50% 0,#d5b76720,transparent 65%),linear-gradient(145deg,#273729,#17251b); box-shadow:0 5px 35px #bea4530c; }
.rk-podium-rank { display:block; margin-bottom:14px; color:#b6bfc4; font-size:11px; letter-spacing:1px; }.place-1 .rk-podium-rank { color:#f3d188; }.place-3 .rk-podium-rank { color:#c5a488; }
.rk-avatar { --player-color:#76e3b5; display:inline-flex; flex:0 0 39px; width:39px; height:39px; position:relative; align-items:center; justify-content:center; background:linear-gradient(140deg,color-mix(in srgb,var(--player-color) 20%,#163123),#19271e); border:1px solid color-mix(in srgb,var(--player-color) 45%,#21392b); border-radius:12px; color:var(--player-color); font-size:20px; }
.rk-avatar>small { position:absolute; bottom:4px; font-size:5px; color:#d5e6d9; opacity:.6; letter-spacing:1px; }.rk-avatar>span { margin-bottom:3px; }
.rk-avatar.large { width:67px; height:67px; flex-basis:67px; border-radius:20px; font-size:37px; }.rk-avatar.large>small { font-size:7px; bottom:6px; }
.rk-podium-card>strong { display:flex; flex-direction:column; gap:4px; align-items:center; max-width:100%; overflow-wrap:anywhere; margin:12px 0 9px; font-size:13px; }
.rk-you-tag { display:inline-block; margin-left:7px; border-radius:5px; background:#75dcab18; color:#8fe9bd; padding:2px 5px; font-size:8px; font-weight:500; white-space:nowrap; }
.rk-podium-card .rk-you-tag { margin:0; }.rk-podium-score { color:#dce8da; font-size:25px; font-weight:650; letter-spacing:-.6px; }.place-1 .rk-podium-score { color:#f4da9c; }
.rk-podium-card>small { color:#94ad9f; font-size:10px; margin:4px 0 16px; }
.rk-podium-foot { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:auto; padding:12px 6px; width:calc(100% + 30px); border-top:1px solid #61765830; font-size:10px; color:#b7c7b5; background:#00000010; }
.rk-personal { display:flex; align-items:center; gap:20px; margin:20px 0; padding:17px 20px; border:1px solid #56816666; border-radius:13px; background:linear-gradient(100deg,#24443188,#16271d); }
.rk-personal>div { display:flex; align-items:center; gap:12px; flex:1; }.rk-personal>div>div { display:grid; gap:5px; }.rk-personal small { color:#a5c6b2; letter-spacing:1px; font-size:8px; }.rk-personal strong { font-size:18px; color:#b9efd1; }.rk-personal span { font-size:10px; color:#8caf98; }
.rk-personal p { flex:1; font-size:11px; line-height:1.6; color:#a3c5af; margin:0; }
.rk-table-wrap { overflow:auto; scrollbar-width:thin; border:1px solid #344a3b; border-radius:14px; scroll-margin-top:20px; }
.rk-table { width:100%; border-collapse:collapse; text-align:left; }
.rk-table thead { background:#1c2e22; }.rk-table th { font-weight:500; color:#99b2a1; padding:13px 16px; font-size:10px; white-space:nowrap; }
#rankings:is([data-ranking-tab="general"],[data-ranking-tab="category"]) .rk-table th { font-size:14px; font-weight:650; color:#f2dfa9; line-height:1.4; padding-top:17px; padding-bottom:17px; }
#rankings:is([data-ranking-tab="general"],[data-ranking-tab="category"]) .rk-player-button>span:not(.rk-avatar)>small { display:none; }
.rk-table td { padding:12px 16px; font-size:11px; border-top:1px solid #30453680; }.rk-table td:first-child { width:68px; }.rk-table tr.is-you { background:#4fab7d11; }
.rk-table td:nth-child(3) { min-width:170px; }.rk-table td:nth-child(4) { width:45px; min-width:45px; }.rk-table td:last-child { min-width:170px; }
.rk-content>.rk-table-wrap { margin-top:20px; }
.rk-rank { display:block; font-size:16px; font-weight:600; color:#a0b6a9; font-variant-numeric:tabular-nums; }.rk-rank.medal-1 { color:#f0d395; }.rk-rank.medal-2 { color:#c2d8e1; }.rk-rank.medal-3 { color:#d1ad8b; }
.rk-movement { display:block; font-size:9px; color:#6b8073; padding-top:4px; }.rk-movement.up { color:#83d9af; }.rk-movement.down { color:#cb929b; }
#rankings .rk-player-button { display:flex; align-items:center; gap:12px; background:none; text-align:left; padding:0; }.rk-player-button>span:last-child { display:grid; gap:5px; }.rk-player-button strong { font-size:13px; font-weight:550; white-space:nowrap; }.rk-player-button small { font-size:10px; color:#809c89; }
.rk-progress { display:flex; flex-direction:column; gap:6px; }.rk-progress span { font-size:12px; font-weight:550; color:#c7e9d3; }
.rk-progress progress,.rk-profile-bars progress,.rk-compare-categories progress { width:100%; height:4px; appearance:none; border:0; border-radius:8px; overflow:hidden; background:#45644f40; accent-color:#6dcea0; }
.rk-progress progress::-webkit-progress-bar,.rk-profile-bars progress::-webkit-progress-bar,.rk-compare-categories progress::-webkit-progress-bar { background:#45644f40; }
.rk-progress progress::-webkit-progress-value,.rk-profile-bars progress::-webkit-progress-value,.rk-compare-categories progress::-webkit-progress-value { background:linear-gradient(90deg,#42a779,#a3e7bd); border-radius:8px; }
.rk-progress progress::-moz-progress-bar,.rk-profile-bars progress::-moz-progress-bar,.rk-compare-categories progress::-moz-progress-bar { background:#76cf9f; }
#rankings .rk-time-button { display:grid; gap:5px; background:transparent; text-align:left; color:#819c8b; padding:0; font-size:12px; }.rk-time-button.complete { color:#dcca99; }.rk-time-button small { color:#769780; font-size:9px; }
.rk-table-score { display:block; margin-bottom:4px; font-size:17px; color:#d4e9d9; }.rk-table td>small { font-size:9px; color:#8aab97; display:block; }
.rk-completion-cell { display:flex; align-items:center; justify-content:space-between; gap:24px; min-width:310px; }
.rk-completion-duration { display:grid; gap:5px; color:#b4cbbd; line-height:1.4; font-variant-numeric:tabular-nums; }
.rk-completion-duration strong { display:block; font-size:13px; font-weight:600; white-space:nowrap; }
.rk-completion-duration.complete strong { color:#f2d58f; font-size:17px; }
.rk-completion-duration strong span { font-size:12px; font-weight:500; }
.rk-completion-duration small { display:block; color:#91a99a; font-size:11px; white-space:nowrap; }
#rankings .rk-journey-link { display:inline-flex; align-items:center; justify-content:center; gap:12px; flex-shrink:0; min-height:40px; margin-left:auto; padding:10px 13px; border:1px solid #4e6b56; border-radius:9px; background:#22392a; color:#d6e8dc; font-size:11px; font-weight:550; line-height:1.4; text-decoration:none; white-space:nowrap; cursor:pointer; }
#rankings .rk-journey-link:hover { background:#2d4936; border-color:#87ab90; color:#f0d99f; }
#rankings .rk-journey-link>span { color:#c7b77e; font-size:15px; }
#rankings .rk-compare-small { display:grid; place-items:center; height:31px; width:31px; padding:0; background:#23392b; border:1px solid #405a47; border-radius:8px; font-size:17px; color:#a6cbb3; }
.rk-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:14px 0 0; color:#8da493; font-size:11px; }.rk-pagination>div { display:flex; align-items:center; gap:15px; }.rk-pagination button { display:grid; place-items:center; width:34px; height:34px; border:1px solid #405a47; background:#1e3226; border-radius:8px; color:#bad3c2; }
.rk-bottom-records { margin-top:31px; padding-top:22px; border-top:1px solid #334938; }.rk-bottom-records h3 { margin:0 0 7px; font-size:17px; font-weight:550; }.rk-bottom-records p { color:#87a08d; font-size:11px; margin:0 0 17px; }.rk-bottom-records>div:last-child { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.rk-record-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; scroll-margin-top:20px; }
#rankings .rk-record-card { display:flex; gap:13px; align-items:center; padding:17px; border-radius:12px; border:1px solid #56504773; background:linear-gradient(135deg,#2e2e213a,#19271e); text-align:left; min-width:0; }
.rk-record-icon { font-size:26px; color:#cfb478; }.rk-record-card>span:nth-child(2) { display:grid; gap:6px; flex:1; min-width:0; }.rk-record-card small { font-size:9px; color:#b6a17b; }.rk-record-card strong { color:#d4e4d8; font-size:13px; font-weight:550; }.rk-record-card>span>span { font-size:10px; color:#819e8b; }.rk-record-card>b { font-size:13px; color:#e5ca8d; white-space:nowrap; }
.rk-explanation { font-size:11px; color:#8ea28f; line-height:1.7; margin:10px 0 20px; }
.rk-empty { padding:38px 15px; text-align:center; border:1px dashed #506747; border-radius:14px; background:#abc36805; margin:20px 0; }.rk-empty>span { display:block; font-size:35px; color:#c7b681; }.rk-empty h3 { font-size:17px; font-weight:550; }.rk-empty p { font-size:12px; color:#94af9d; line-height:1.7; }

.rk-dialog { --rk-gold:#f2d58f; --rk-green:#80e5b6; --rk-purple:#bea0ea; width:min(920px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:30px; overflow:auto; border:1px solid #8e86515c; border-radius:22px; background:radial-gradient(ellipse at top right,#a4b45810,transparent 55%),#14221a; color:#e0ede4; box-shadow:0 30px 100px #0008; animation:rk-dialog-in .24s cubic-bezier(.2,.7,.25,1); }
.rk-dialog::backdrop { background:#030905b8; backdrop-filter:blur(9px); }
.rk-dialog button { cursor:pointer; }.rk-dialog .rk-close { position:absolute; top:13px; right:14px; height:32px; width:32px; background:transparent; color:#bacdbf; font-size:24px; border-radius:50%; }
.rk-dialog h2 { font-size:29px; line-height:1.2; margin:12px 30px 12px 0; font-weight:600; letter-spacing:-.7px; color:#efdaa7; }.rk-dialog h3 { font-size:16px; margin:0 0 9px; font-weight:550; }.rk-dialog-muted { color:#93ae9d; font-size:12px; line-height:1.7; }.rk-dialog-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:12px; margin-top:22px; }.rk-wide { width:100%; margin-top:22px; }
.rk-profile-header { display:flex; align-items:center; gap:23px; padding:7px 0 23px; border-bottom:1px solid #385340; }.rk-profile-header .rk-avatar.profile { flex:0 0 88px; width:88px; height:88px; font-size:46px; border-radius:25px; box-shadow:0 0 45px color-mix(in srgb,var(--player-color) 7%,transparent); }.rk-avatar.profile>small { bottom:10px; font-size:8px; }.rk-profile-header h2 { display:flex; align-items:center; flex-wrap:wrap; gap:5px; color:#e4eee6; overflow-wrap:anywhere; }.rk-profile-header .rk-you-tag { margin:0; font-size:9px; }.rk-profile-header p { margin:0 0 9px; color:#c1b990; font-size:12px; }.rk-profile-header>div>small { color:#8fa898; font-size:10px; }
.rk-profile-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:20px 0; }
.rk-profile-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.rk-profile-stats>div { display:grid; gap:10px; padding:16px; background:#21392a5c; border:1px solid #4d70503d; border-radius:12px; }.rk-profile-stats small { font-size:10px; color:#a8bdac; }.rk-profile-stats strong { font-size:24px; font-weight:550; color:#c9e9d3; }
.rk-profile-tabs,.rk-profile-filters { display:flex; gap:5px; border-bottom:1px solid #3a5742; margin:20px 0; overflow:auto; }.rk-profile-tabs button,.rk-profile-filters button { flex-shrink:0; background:transparent; color:#a0b8a5; font-size:12px; padding:12px 15px; border-bottom:2px solid transparent; }.rk-profile-tabs button[aria-pressed=true],.rk-profile-filters button[aria-pressed=true] { border-color:#d6bd80; color:#ecd299; }.rk-profile-filters { margin:0 0 15px; }
.rk-profile-overview { display:grid; grid-template-columns:1.2fr 1fr; gap:25px; }.rk-profile-bars { display:grid; gap:6px; margin-top:18px; }.rk-profile-bars button { display:grid; grid-template-columns:minmax(140px,1.45fr) minmax(40px,1fr) 47px; align-items:center; gap:9px; padding:7px 0; background:transparent; text-align:left; color:#b3c6b8; font-size:10px; }.rk-profile-bars strong { text-align:right; font-weight:500; color:#a8dbb8; font-size:10px; }
.rk-profile-recent { display:grid; gap:7px; margin-top:17px; }.rk-profile-recent button { display:flex; align-items:center; gap:12px; padding:12px; background:#23422d40; border:1px solid #4c704c35; border-radius:10px; text-align:left; color:#cad9c8; font-size:11px; }.rk-profile-recent button>span:nth-child(2) { display:grid; gap:6px; flex:1; }.rk-profile-recent small { font-size:9px; color:#8ca790; }.rk-profile-recent strong { font-weight:500; }.rk-check { color:#8ce1ad; font-size:17px; }
.rk-specialty { padding:20px; margin-top:18px; border:1px solid #b4955940; border-radius:12px; background:radial-gradient(ellipse at top,#bea1530d,transparent 75%); text-align:center; }.rk-specialty>span { display:block; color:#d2b377; font-size:32px; }.rk-specialty small { display:block; color:#baae83; font-size:8px; letter-spacing:1.4px; margin:10px 0; }.rk-specialty strong { font-size:15px; font-weight:550; }.rk-specialty p { color:#a7bd9d; font-size:11px; margin-bottom:0; }
.rk-profile-collections { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.rk-profile-collections button { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:13px; border:1px solid #4166454d; border-radius:10px; background:#1a32223a; color:#c8d8c9; text-align:left; min-width:0; }.rk-profile-collections button>span { display:grid; gap:6px; }.rk-profile-collections button>span:last-child { text-align:right; flex-shrink:0; }.rk-profile-collections small { font-size:9px; color:#8aab91; }.rk-profile-collections strong { font-size:12px; font-weight:500; }.rk-profile-collections b { font-size:14px; font-weight:550; color:#c6e2c4; }.rk-profile-collections .rk-green { color:#d4bb86; }
.rk-growth { padding-top:3px; }.rk-growth p { color:#98b29e; font-size:12px; line-height:1.7; }.rk-growth svg { width:100%; height:auto; margin:12px 0; }.rk-growth text { fill:#94ad99; font-size:10px; }.rk-growth-milestones { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.rk-growth-milestones>div { display:grid; gap:10px; padding:16px; background:#213625; border-radius:11px; }.rk-growth-milestones strong { color:#dac38c; font-size:21px; }.rk-growth-milestones span { font-size:11px; }.rk-growth-milestones small { font-size:10px; color:#93ad98; }
.rk-dialog:has(.rk-journey-header) { width:min(610px,calc(100vw - 32px)); }
.rk-journey-header { text-align:center; padding-top:5px; }.rk-journey-seal { display:grid; place-items:center; width:53px; height:53px; border:1px solid #70d1a14a; border-radius:50%; background:#75d1a113; color:#83e5b3; font-size:26px; margin:18px auto; }.rk-journey-header h2 { margin:12px 0 18px; }.rk-inline-player { display:inline-flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:10px; border:0; background:transparent; color:#c7ddc7; padding:0; font-size:12px; }.rk-inline-player .rk-avatar { width:30px; height:30px; flex-basis:30px; border-radius:9px; font-size:16px; }.rk-inline-player small { display:none; }
.rk-journey-time { display:grid; gap:8px; margin:22px 0 15px; }.rk-journey-time strong { font-size:35px; letter-spacing:-1px; font-weight:600; color:#e9cf92; }.rk-journey-time span { font-size:11px; color:#9fbaa5; }.rk-record-badge { display:inline-block; padding:7px 10px; border:1px solid #d3b67052; border-radius:30px; background:#d3b6700a; color:#e5c984; font-size:10px; }
.rk-journey-stats { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; padding:17px 0 12px; margin-top:7px; border-bottom:1px solid #3b5642; color:#98b9a1; font-size:11px; }.rk-journey-stats strong { color:#d0e3cb; }
.rk-timeline { padding:6px 0 0; margin:12px 0; list-style:none; }.rk-timeline li { position:relative; display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:13px; padding:14px 0; }.rk-timeline li:before { content:''; position:absolute; left:15px; width:1px; top:0; bottom:0; background:#3e5c47; }.rk-timeline li:first-child:before { top:50%; }.rk-timeline li:last-child:before { bottom:50%; }.rk-timeline-node { display:grid; place-items:center; position:relative; width:32px; height:32px; border:1px solid #486850; border-radius:50%; background:#1c3022; color:#718e78; font-size:13px; }.rk-timeline li.reached .rk-timeline-node { color:#a2e9b6; border-color:#76c3934d; background:#224733; }.rk-timeline li>div { display:grid; gap:6px; }.rk-timeline strong { color:#a0b8a3; font-size:12px; font-weight:500; }.rk-timeline li.reached strong { color:#dce8d9; }.rk-timeline li span:not(.rk-timeline-node) { color:#7c9985; font-size:10px; }.rk-timeline li>small { color:#bda775; font-size:10px; text-align:right; }
.rk-compare-picker { margin:18px 0; max-width:320px; }.rk-compare-heroes { display:grid; grid-template-columns:1fr 35px 1fr; align-items:center; margin:22px 0; }.rk-compare-heroes>div { display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; }.rk-compare-heroes strong { font-size:13px; font-weight:550; overflow-wrap:anywhere; }.rk-compare-heroes>div>span:last-child { color:#dcd494; font-size:23px; }.rk-versus { color:#7e9482; text-align:center; font-size:10px; letter-spacing:1px; }
.rk-compare-metrics { border:1px solid #43644555; border-radius:13px; overflow:hidden; }.rk-compare-metrics>div { display:grid; grid-template-columns:1fr 1.2fr 1fr; gap:10px; align-items:center; text-align:center; padding:14px; border-bottom:1px solid #43644535; }.rk-compare-metrics>div:last-child { border-bottom:0; }.rk-compare-metrics strong { color:#d0e5c6; font-size:15px; font-weight:550; }.rk-compare-metrics span { color:#859f8a; font-size:10px; }
.rk-compare-categories { margin-top:24px; }.rk-compare-categories h3 { margin-bottom:17px; }.rk-compare-categories>div { display:grid; grid-template-columns:45px 1fr 1.7fr 1fr 45px; gap:12px; align-items:center; padding:8px 0; font-size:10px; }.rk-compare-categories span { text-align:center; color:#a0b69f; }.rk-compare-categories strong { color:#acd4b1; font-weight:500; }.rk-compare-categories strong:last-child { text-align:right; }.rk-compare-categories progress:first-of-type { transform:rotate(180deg); }
.rk-browser-search { display:block; margin:20px 0; }.rk-browser-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.rk-browser-grid>button { display:flex; flex-direction:column; gap:11px; padding:18px; border:1px solid #41684566; border-radius:14px; background:linear-gradient(140deg,#223a2780,#17271b); color:#d8e9d2; text-align:left; min-width:0; transition:transform .2s,border-color .2s; }.rk-scope-symbol { color:#cbb87f; font:26px Georgia,serif; }.rk-browser-grid strong { font-size:14px; font-weight:550; line-height:1.4; }.rk-browser-grid>button>small { font-size:10px; color:#89a18b; line-height:1.6; }.rk-scope-winner { display:flex; align-items:center; gap:9px; margin-top:auto; }.rk-scope-winner>span:last-child { display:grid; gap:4px; font-size:10px; overflow-wrap:anywhere; }.rk-scope-winner small { color:#a3d2a3; font-size:9px; }.rk-scope-winner .rk-avatar { width:30px; height:30px; flex-basis:30px; border-radius:9px; font-size:18px; }.rk-scope-record { display:flex; justify-content:space-between; gap:10px; border-top:1px solid #49674550; padding-top:11px; color:#c4b079; font-size:10px; }
.rk-rule-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:23px 0; }.rk-rule-grid>section { border:1px solid #47734b50; border-radius:13px; background:#1e3b2733; padding:20px; }.rk-rule-grid section>span { color:#a8d8a9; font-size:11px; letter-spacing:1px; }.rk-rule-grid h3 { margin:15px 0 10px; }.rk-rule-grid p,.rk-rules-note p { color:#95b29b; font-size:12px; line-height:1.75; margin:0; }.rk-rules-note { padding:18px; border:1px solid #b4985a3c; border-radius:12px; background:#b4985a07; }.rk-rules-note strong { color:#d1b77f; font-size:12px; }.rk-rules-note p { margin-top:9px; }
@keyframes rk-dialog-in { from { opacity:0; transform:translateY(12px) scale(.97); } to { opacity:1; transform:translateY(0) scale(1); } }
@media(hover:hover) and (pointer:fine){#rankings .rk-podium-card:hover,.rk-browser-grid>button:hover { transform:translateY(-4px); border-color:#b2af6b; }#rankings .rk-record-card:hover { border-color:#b79c66; }#rankings .rk-player-button:hover strong,.rk-profile-bars button:hover>span { color:#f1d9a1; }}
@media(max-width:1100px){.rk-hero{grid-template-columns:1fr 155px;padding:28px;}.rk-hero-art{transform:scale(.85);}.rk-main-controls{grid-template-columns:repeat(2,minmax(0,1fr));}.rk-personal{gap:14px;padding:15px;}.rk-personal p{display:none;}.rk-record-card>b{font-size:12px;}.rk-profile-overview{gap:18px;}}
@media(max-width:700px){.rk-hero{grid-template-columns:1fr;padding:24px;min-height:0;}.rk-hero-art{position:absolute;right:-48px;top:6px;opacity:.15;pointer-events:none;}.rk-hero>div:first-child{z-index:1;}.rk-hero h1{font-size:32px;max-width:390px;}.rk-hero p{font-size:12px;}.rk-hero-actions{gap:8px;margin-top:20px;}.rk-tabs{gap:3px;}.rk-tabs button{font-size:11px!important;padding:10px 12px!important;}.rk-demo{font-size:10px;}.rk-demo>span:last-child{line-height:1.5;}.rk-scope-controls{flex-wrap:wrap;}.rk-scope-controls .rk-browse{width:100%;}.rk-scope-controls>label{flex-basis:100%;}.rk-main-controls{gap:9px;}.rk-search-row{gap:9px;}.rk-search-row label{width:62%;}.rk-search-row .rk-quiet{font-size:10px!important;text-align:right;}.rk-board-heading{margin-top:22px;}.rk-heading-count{display:none;}.rk-stat-cards{gap:7px;}.rk-stat-cards>div{padding:12px 9px;gap:7px;}.rk-stat-cards small{font-size:9px;line-height:1.4;}.rk-stat-cards strong{font-size:20px;}.rk-stat-cards span{font-size:8px;line-height:1.5;}.rk-podium{gap:7px;margin-top:4px;padding-top:15px;}.rk-podium-card{padding:13px 8px 0!important;min-height:211px!important;border-radius:12px!important;}.rk-podium-card.place-1{min-height:233px!important;}.rk-podium-rank{font-size:8px;letter-spacing:.5px;margin-bottom:11px;}.rk-podium-card .rk-avatar.large{width:47px;height:47px;flex-basis:47px;border-radius:15px;font-size:26px;}.rk-podium-card>strong{font-size:10px;line-height:1.45;margin-top:10px;}.rk-podium-score{font-size:19px;}.rk-podium-card>small{font-size:8px;line-height:1.5;}.rk-podium-foot{font-size:8px;padding:10px 4px;width:calc(100% + 16px);}.rk-podium-foot>span{display:none;}.rk-personal{padding:12px;}.rk-personal strong{font-size:15px;}.rk-personal span{font-size:9px;}.rk-personal .rk-secondary{font-size:10px!important;padding:8px!important;white-space:nowrap;}.rk-personal .rk-secondary>span{display:none;}.rk-table th,.rk-table td{padding:11px 10px;}.rk-table td:nth-child(3){min-width:125px;}.rk-table td:nth-child(4){min-width:110px;}.rk-table td:nth-child(2){min-width:180px;}.rk-bottom-records>div:last-child,.rk-record-grid{grid-template-columns:1fr;}.rk-bottom-records h3{font-size:15px;}.rk-pagination{font-size:10px;}.rk-dialog{padding:23px 18px;border-radius:18px;}.rk-dialog h2{font-size:25px;}.rk-profile-header{gap:14px;align-items:flex-start;}.rk-profile-header .rk-avatar.profile{width:63px;height:63px;flex-basis:63px;border-radius:20px;font-size:33px;}.rk-profile-header h2{font-size:22px;}.rk-profile-header p{font-size:11px;line-height:1.6;}.rk-profile-header .rk-eyebrow{font-size:8px;letter-spacing:1px;}.rk-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.rk-profile-stats>div{padding:13px;}.rk-profile-actions{gap:8px;}.rk-profile-actions .rk-quiet{font-size:10px;}.rk-profile-tabs button,.rk-profile-filters button{font-size:11px;padding:11px 10px;}.rk-profile-overview{grid-template-columns:1fr;gap:26px;}.rk-profile-bars button{grid-template-columns:minmax(130px,1.5fr) 1fr 42px;}.rk-profile-collections{grid-template-columns:1fr;}.rk-growth-milestones{grid-template-columns:repeat(2,minmax(0,1fr));}.rk-growth-milestones>div{padding:13px;}.rk-timeline li{gap:10px;grid-template-columns:32px 1fr auto;}.rk-timeline strong{font-size:11px;}.rk-timeline li>small{font-size:9px;max-width:93px;}.rk-journey-time strong{font-size:31px;}.rk-compare-metrics>div{padding:12px 9px;gap:7px;}.rk-compare-metrics strong{font-size:13px;}.rk-compare-heroes strong{font-size:11px;}.rk-compare-heroes .rk-you-tag{display:block;margin:5px auto 0;max-width:max-content;}.rk-compare-categories>div{grid-template-columns:35px 1fr 1.8fr 1fr 35px;gap:6px;font-size:8px;}.rk-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.rk-browser-grid>button{padding:13px;gap:10px;}.rk-browser-grid strong{font-size:12px;}.rk-scope-winner .rk-avatar{display:none;}.rk-rule-grid{grid-template-columns:1fr;gap:10px;}.rk-rule-grid>section{padding:16px;}}
@media(prefers-reduced-motion:reduce){.rk-dialog{animation:none;}#rankings *,.rk-dialog *{transition:none!important;scroll-behavior:auto!important;}}
.rk-profile-collection { margin-top:24px; }
.rk-profile-selectors { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:20px; }
.rk-profile-selectors label { display:grid; gap:7px; font-size:12px; color:#a8bdac; }
.rk-profile-table th { color:#f2dfa9; font-size:12px; font-weight:650; }
.rk-profile-table td { padding:5px 12px; }
.rk-profile-table th { padding-top:7px; padding-bottom:7px; }
.rk-dialog .rk-profile-table .rk-secondary { min-height:28px; padding:4px 10px; line-height:18px; border-radius:7px; }
.rk-profile-table .rk-collection-progress>.rk-collection-track { height:27px; min-height:27px; border-radius:6px; }
.rk-profile-table td:first-child { width:auto; }
.rk-profile-table td:nth-child(2) { min-width:100px; white-space:nowrap; font-size:12px; }
.rk-profile-table td:nth-child(3) { min-width:220px; }
.rk-profile-table td:last-child { min-width:135px; width:auto; }
.rk-profile-table button { white-space:nowrap; font-size:11px; }
.rk-dialog .rk-profile-table .rk-missing-info { display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-height:0;margin-left:5px;padding:0;border:1px solid #52715d;border-radius:50%;background:transparent;color:#d1e6d8;font:italic 16px/1 Georgia,serif;vertical-align:middle;cursor:pointer; }
.rk-profile-toolbar{display:flex;align-items:center;gap:12px;border-bottom:1px solid #3a5742;margin:20px 0;flex-wrap:wrap;}
.rk-profile-toolbar .rk-profile-tabs{margin:0;border:0;flex:1;min-width:0;}
.rk-profile-scope-filter{width:240px;max-width:100%;margin-left:auto;padding:5px 0;}
.rk-profile-category-option{font-weight:700;}
.rk-profile-collection-sorts{display:flex;justify-content:space-between;gap:12px;max-width:220px;}
.rk-profile-table th button{background:transparent;color:inherit;border:0;padding:5px 0;cursor:pointer;font:inherit;}
.rk-profile-table th button span{color:#99b5a3;margin-left:4px;}
.rk-profile-table th button[aria-pressed=true] span{color:#ffdc8b;}
@media(max-width:700px){.rk-profile-toolbar .rk-profile-tabs{flex-basis:100%;}.rk-profile-scope-filter{width:100%;}}
@media(max-width:700px){.rk-profile-selectors{grid-template-columns:repeat(2,minmax(0,1fr));}.rk-profile-table td:nth-child(2){min-width:100px;}}
.rk-dialog .rk-profile-stats{grid-template-columns:repeat(5,minmax(0,1fr));}
@media(max-width:700px){.rk-dialog .rk-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));}.rk-profile-stats>div:last-child{grid-column:1/-1;}}

/* Player progress: fit every column, independently of the wide ranking tables. */
@media(max-width:600px) {
.rk-profile-counts { display:grid; gap:3px; position:relative; isolation:isolate; overflow:hidden; padding:7px 3px; border:1px solid #568b6d; border-radius:6px; background:#193b2c; color:#f1f8f3; text-align:center; font-size:11px; white-space:nowrap; }
.rk-profile-counts progress { position:absolute; inset:0; width:100%; height:100%; appearance:none; border:0; z-index:-1; }
.rk-profile-counts progress::-webkit-progress-bar { background:#193b2c; }
.rk-profile-counts progress::-webkit-progress-value { background:#328567; }
.rk-profile-counts progress::-moz-progress-bar { background:#328567; }
.rk-profile-counts.is-complete { background:#efd084; border-color:#efd084; color:#30200c; }
.rk-profile-counts.is-complete progress::-webkit-progress-value { background:#efd084; }
.rk-profile-counts.is-complete progress::-moz-progress-bar { background:#efd084; }
html .rk-dialog .rk-profile-table-grouped :is(th,td):nth-child(1) { width:39%; }
html .rk-dialog .rk-profile-table-grouped :is(th,td):nth-child(2) { width:29%; }
html .rk-dialog .rk-profile-table-grouped :is(th,td):nth-child(3) { width:32%; }
html .rk-dialog .rk-profile-table-grouped [data-profile-journey] { display:inline-flex; align-items:center; justify-content:center; font-size:10px; width:auto; min-height:28px; padding:3px 6px; margin-top:3px; white-space:nowrap; }
html .rk-dialog .rk-profile-table-grouped [data-profile-journey]::after { content:none; }
html .rk-dialog .rk-profile-table-grouped .rk-completion-duration { gap:1px; }
.rk-dialog .rk-profile-table { table-layout:fixed; width:100%; min-width:0; }
.rk-dialog .rk-profile-table :is(th,td) { min-width:0; padding:6px; white-space:normal; overflow-wrap:anywhere; }
.rk-dialog .rk-profile-table :is(th,td):nth-child(1) { width:38%; }
.rk-dialog .rk-profile-table :is(th,td):nth-child(2) { width:18%; }
.rk-dialog .rk-profile-table :is(th,td):nth-child(3) { width:26%; }
.rk-dialog .rk-profile-table :is(th,td):nth-child(4) { width:18%; }
.rk-profile-table .rk-collection-progress,
.rk-profile-table .rk-collection-progress>.rk-collection-track { width:100%; min-width:0; }
.rk-profile-table .rk-collection-progress>.rk-collection-track { height:auto; min-height:38px; gap:4px; padding:5px; flex-wrap:wrap; }
.rk-profile-table .rk-collection-track .rk-collection-label { white-space:normal; overflow:visible; text-overflow:clip; min-width:0; }
.rk-profile-table .rk-profile-collection-sorts { gap:4px; max-width:none; }
.rk-dialog .rk-profile-table button { white-space:normal; max-width:100%; }
.rk-dialog .rk-profile-table .rk-completion-duration strong { white-space:normal; font-size:13px; }
.rk-profile-collection .rk-table-wrap::before { display:none!important; }
@media(max-width:700px) {
 .rk-dialog .rk-profile-table :is(th,td) { padding:5px 3px; font-size:11px; line-height:1.35; }
 .rk-profile-table .rk-collection-track { flex-direction:column; align-items:flex-start; }
 .rk-profile-table .rk-collection-track .rk-collection-label { font-size:11px; }
 .rk-profile-table .rk-collection-track .rk-collection-percent { font-size:12px; }
 .rk-dialog .rk-profile-table .rk-completion-duration :is(strong,strong span) { font-size:11px; }
 .rk-profile-table .rk-completion-clock { font-size:10px; }
 .rk-dialog .rk-profile-table [data-profile-journey] { font-size:0; min-height:44px; width:44px; padding:0; }
 .rk-dialog .rk-profile-table [data-profile-journey]::after { content:'↗'; font-size:20px; }
 .rk-dialog .rk-profile-table th button { min-height:44px; font-size:11px; }
}
}
.rk-profile-header .rk-pnj-badge{display:inline-block;vertical-align:middle;font-size:11px;font-weight:600;line-height:1.4;padding:2px 6px;border:1px solid #667d6d;border-radius:5px;color:#ceddd3;background:#21392b;letter-spacing:.04em}