/* cubelegend-ranked-summary.css — RANKED MATCH SUMMARY (design/Ranked_Summary).
   Load AFTER CubeRunnerz.css en cubelegend-summary.css. Geen CSS-variabelen
   behalve de per-rij tint (--rksum-tint, inline gezet door de templates);
   'headers' voor cijfers/titels, p voor lopende tekst — zelfde conventies als
   cubelegend-summary.css. De summary vult de bestaande #pvpTafelUitslag
   .pe_overlay (z-index-max, display:flex) met een vast kop/tab/scroll/voet-
   raamwerk; de individuele game-summary opent eroverheen via het bestaande
   body.pe_summary_open-mechanisme. */

/* ---- shell ---------------------------------------------------------- */
.rksum{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:#0b0318;color:#fff;font-family:p,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}
.rksum_achter{position:absolute;inset:0;background:url(/public/img/cubelegend/cbg0.jpeg);background-size:cover;background-position:center;opacity:.24;pointer-events:none}
.rksum_waas{position:absolute;inset:0;background:linear-gradient(#0b0318cc,#0b0318f5);pointer-events:none}

.rksum_header{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:16px 14px 10px;padding-top:calc(16px + env(safe-area-inset-top))}
.rksum_header__badge{width:38px;height:38px;border-radius:10px;border:2px solid #6631c3;background:#170040;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.rksum_header__badge img{width:24px;display:block}
.rksum_header__title{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;min-width:0}
.rksum_header__title b{font-family:'headers';font-size:17px;letter-spacing:.5px}
.rksum_header__title small{font-family:p;font-size:10px;color:#ffffff6e;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rksum_header__close{margin-left:auto;width:30px;height:30px;border-radius:50%;background:#00000073;border:1px solid #ffffff1f;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#ffffffb0;cursor:pointer}

.rksum_tabs{position:relative;flex:0 0 auto;background:#12042a;border-bottom:2px solid #00000080;padding:11px 0;z-index:2}
/* designtoken: actieve tab = gouden ONDERSTREPING, niet de app-brede gouden
   pil — de basisstijl van .tabs-full wordt hier dus geneutraliseerd */
.rksum_tabs .tabs-full{border:none;background:none;width:100%;margin:0;border-radius:0}
.rksum_tabs .tabs-full .tab-full-btn{position:relative;padding:8px 7px 9px;border-right:none;font-family:'headers';font-size:11px;letter-spacing:.3px;white-space:nowrap;color:#efe7ff;text-shadow:0 1px black,0 -1px black,1px 0 black,-1px 0 black;cursor:pointer;border-bottom:2px solid transparent}
.rksum_tabs .tabs-full .tab-full-btn-active{background:none;border-radius:0;color:#fff;text-shadow:0 2px black,0 -1px #0000007a,1px 0 #0000007a,-1px 0 #0000007a;border-bottom:2px solid #ffd700}
.rksum_tabs .tab-full-btn .badge-alert{top:-6px;right:2px;text-shadow:none;font-family:p}

.rksum_body{position:relative;flex:1;min-height:0}
.rksum_pane{display:none;position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:10px 12px 18px;flex-direction:column;gap:10px;text-align:left}
.rksum_pane::-webkit-scrollbar{display:none}
.rksum_pane.active{display:flex !important}

.rksum_voet{position:relative;flex:0 0 auto;padding:10px 12px calc(14px + env(safe-area-inset-bottom));display:flex;gap:8px;background:linear-gradient(#0b031800,#0b0318 40%)}
.rksum_cta{flex:1;font-family:'headers';font-size:17px;padding:10px 0 13px;border-radius:6px;color:#fff;text-align:center;text-shadow:0 2px black;background:linear-gradient(to bottom,#ffd700 0%,#ff7700 100%);box-shadow:inset 0 -4px #b25f00,inset 0 -5px #ffa548;cursor:pointer;text-decoration:none}
.rksum_cta_sec{flex:0 0 auto;font-family:'headers';font-size:15px;padding:10px 14px 13px;border-radius:6px;color:#fff;text-align:center;text-shadow:0 2px black;background:linear-gradient(to bottom,#9C27B0 0%,#673AB7 100%);box-shadow:inset 0 -4px #3f1e7a;cursor:pointer;text-decoration:none}

/* ---- secties, pillen, balken ---------------------------------------- */
.rksum_sectie{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin-top:2px}
.rksum_sectie h2{margin:0;font-family:'headers';font-size:14px;letter-spacing:1px;color:#ffffffd6}
.rksum_sectie small{font-family:p;font-size:10px;color:#ffffff6e}
.rksum_sectie:after{content:'';flex:1;height:1px;background:#ffffff14}
.rksum_pill{flex:0 0 auto;font-family:'headers';font-size:9px;letter-spacing:.5px;color:#FFC46B;border:1px solid #FFC46B55;border-radius:14px;padding:5px 8px;cursor:pointer;text-decoration:none;white-space:nowrap}
.rksum_tag{font-family:'headers';font-size:8px;letter-spacing:.5px;border-radius:4px;padding:2px 5px;background:#00000073;color:#ffffffcf}
.rksum_tag.is-mvp{background:#FFC107;color:#2b1500}
.rksum_tag.is-you{background:#6631c3;color:#fff}
.rksum_balk{height:5px;background:#00000073;border-radius:3px;overflow:hidden}
.rksum_balk i{display:block;height:100%;border-radius:3px;background:#7CFC00;animation:rksumBarGrow 1.1s ease-out}
.rksum_balk.is-lid i{background:linear-gradient(90deg,#6631c3,var(--rksum-tint,#c19eff))}
.rksum_balk.is-zijde{height:6px;margin:0 10px 9px}
.rksum_balk.is-zijde i{background:var(--rksum-tint,#7CFC00)}
.rksum_balk.is-goud i{background:linear-gradient(90deg,#ffd700,#ff7700)}
.rksum_leeg{font-family:p;font-size:11px;color:#ffffff6e;padding:14px 10px;text-align:center;text-wrap:pretty;background:#00000042;border:1px solid #ffffff14;border-radius:10px}
.rksum_noot{display:block;font-family:p;font-size:10px;color:#ffffff6e;text-align:center;text-wrap:pretty}
.is-op{color:#7CFC00}.is-af{color:#ff8f8f}.is-oranje{color:#FF9800}.is-blauw{color:#7fd3ff}

/* ---- resultaatbanner ------------------------------------------------- */
.rksum_result{flex:0 0 auto;border:4px solid #000;border-radius:15px;animation:rksumRiseUp .45s ease-out}
.rksum_result__inner{border:3px solid #6631c3;border-radius:11px;overflow:hidden;box-shadow:inset 0 0 20px #00000055;background:linear-gradient(0deg,#1c0a33 60%,#2b1150 100%)}
.rksum_result.is-win .rksum_result__inner{border-color:#4CAF50;background:linear-gradient(0deg,#123a16 60%,#1d5c24 100%)}
.rksum_result.is-loss .rksum_result__inner{border-color:#f3433699;background:linear-gradient(0deg,#33141a 60%,#4d1a22 100%)}
.rksum_result.is-draw .rksum_result__inner{border-color:#FFC10799}
.rksum_result__kop{display:flex;align-items:center;gap:10px;padding:11px 12px 9px}
.rksum_result__woord{flex:1;text-align:left;line-height:1;min-width:0}
.rksum_result__woord b{display:block;font-family:'headers';font-size:27px;letter-spacing:.5px;text-shadow:0 3px black}
.rksum_result.is-win .rksum_result__woord b{color:#7CFC00}
.rksum_result.is-loss .rksum_result__woord b{color:#ff8f8f}
.rksum_result.is-draw .rksum_result__woord b{color:#FFC107}
.rksum_result__woord small{display:block;font-family:p;font-size:11px;color:#ffffffc4;margin-top:5px;text-wrap:pretty}
.rksum_result__plek{flex:0 0 auto;text-align:center;background:#00000073;border:1px solid #ffffff29;border-radius:10px;padding:6px 10px 7px}
.rksum_result__plek b{display:block;font-family:'headers';font-size:22px;color:#fff;text-shadow:0 2px black}
.rksum_result__plek small{display:block;font-family:p;font-size:8px;letter-spacing:1px;color:#ffffff8a}
.rksum_result__strip{background:#000;border-top:2px solid #6631c3;padding:8px 11px;display:flex;align-items:center;gap:8px}
.rksum_result.is-win .rksum_result__strip{border-color:#4CAF50}
.rksum_result.is-loss .rksum_result__strip{border-color:#f3433699}
.rksum_result.is-draw .rksum_result__strip{border-color:#FFC10799}
.rksum_result__spoils{display:flex;gap:6px;flex:1;min-width:0}
.rksum_spoil{display:flex;align-items:center;gap:5px;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:4px 7px 4px 5px;min-width:0}
.rksum_spoil i{width:16px;height:16px;flex:0 0 auto;background-size:contain;background-position:center;background-repeat:no-repeat}
.rksum_spoil b{font-family:'headers';font-size:14px;white-space:nowrap}
.rksum_result__team{text-align:right;line-height:1.15;flex:0 0 auto}
.rksum_result__team b{display:block;font-family:'headers';font-size:14px;color:#7fd3ff}
.rksum_result__team small{display:block;font-family:p;font-size:8px;letter-spacing:1px;color:#ffffff8a}
.rksum_result__potnoot{background:#000;padding:0 11px 8px}
.rksum_result__potnoot small{display:block;font-family:p;font-size:9px;letter-spacing:1px;color:#ffffff8a;text-align:left}

/* ---- top performers -------------------------------------------------- */
.rksum_perfs{flex:0 0 auto;display:flex;gap:8px}
.rksum_perf{flex:1;min-width:0;border-radius:12px;border:2px solid #6631c3;background:#170040b8;overflow:hidden;display:flex;flex-direction:column}
.rksum_perf.is-mvp{border-color:#7CFC00;background:#0d1f0f}
.rksum_perf.is-runner{border-color:#ff8f8f;background:#170a0d}
.rksum_perf__kop{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px 5px;background:#00000059}
.rksum_perf__titel{font-family:'headers';font-size:9px;letter-spacing:1px}
.rksum_perf.is-mvp .rksum_perf__titel{color:#7CFC00}
.rksum_perf.is-runner .rksum_perf__titel{color:#ff8f8f}
.rksum_perf__zijde{font-family:p;font-size:8px;letter-spacing:.5px;color:#ffffff70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rksum_perf__wie{display:flex;align-items:center;gap:8px;padding:8px}
.rksum_perf__avatar img{width:38px;height:38px;border-radius:10px;border:2px solid #6631c3;background:#170040;display:block;box-sizing:border-box;object-fit:cover}
.rksum_perf.is-mvp .rksum_perf__avatar img{border-color:#7CFC00}
.rksum_perf.is-runner .rksum_perf__avatar img{border-color:#ff8f8f}
.rksum_perf__wie div{min-width:0;text-align:left;line-height:1.2}
.rksum_perf__naam{display:block;font-family:'headers';font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rksum_perf__score{display:block;font-family:'headers';font-size:15px}
.rksum_perf.is-mvp .rksum_perf__score{color:#7CFC00}
.rksum_perf.is-runner .rksum_perf__score{color:#ff8f8f}
.rksum_perf__staaf{padding:0 8px 8px}
.rksum_perf.is-mvp .rksum_balk i{background:#7CFC00}
.rksum_perf.is-runner .rksum_balk i{background:#ff8f8f}
.rksum_perf__staaf small{display:block;font-family:p;font-size:9px;color:#ffffff8a;margin-top:4px;text-align:left;text-wrap:pretty;line-height:1.25}
.rksum_perf__open{display:block;text-align:center;font-family:'headers';font-size:10px;letter-spacing:.5px;color:#FFC46B;padding:7px 0 8px;border-top:1px solid #ffffff14;cursor:pointer;margin-top:auto;text-decoration:none}

/* ---- podium ---------------------------------------------------------- */
.rksum_podium{flex:0 0 auto;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:2px 0 0}
.rksum_podium__slot{flex:1;min-width:0;max-width:132px;display:flex;flex-direction:column;align-items:center;gap:5px}
.rksum_podium__leden{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;min-height:44px;max-width:100%}
.rksum_podium__lid{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}
.rksum_podium__lid small{font-family:'headers';font-size:9px;line-height:1;color:#ffffffcf}
.rksum_podium__vlag{position:absolute;left:50%;bottom:100%;margin-bottom:2px;transform:translateX(-50%);font-family:'headers2','headers';font-size:10px;font-style:normal;color:#fff;text-shadow:0 2px 0 #2a0f5e,0 0 8px #000}
.rksum_podium__tegel{display:block}
.rksum_podium__tegel img{width:100%;height:100%;border-radius:9px;border:2px solid #ffffff59;background:#1a0730;box-shadow:0 3px 0 #00000066;box-sizing:border-box;display:block;object-fit:cover}
.rksum_podium__lid.is-me .rksum_podium__tegel img{border-color:#d9b3ff}
.rksum_podium__pilaar{width:100%;border-radius:8px 8px 3px 3px;border:2px solid #ffd700;border-bottom:none;background:linear-gradient(180deg,#ffd70036,#00000059);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:6px 4px 0;box-shadow:inset 0 12px 18px #ffffff14}
.rksum_podium__rang{font-family:'headers2','headers';font-size:15px;color:#ffd700;text-shadow:0 2px black;line-height:1}
.rksum_podium__score{font-family:'headers';font-size:13px;line-height:1.3;text-shadow:0 2px black}
.rksum_podium__naam{font-family:p;font-size:9px;color:#ffffff9c;line-height:1.2;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.rksum_podium__pay{margin-top:auto;margin-bottom:5px;font-family:p;font-size:8px;letter-spacing:1px;border-radius:3px;padding:2px 6px;background:#00000059;color:#ffffff6e}
.rksum_podium__pay.is-paid{background:#ffd70029;color:#ffd700}

/* ---- standings ------------------------------------------------------- */
.rksum_zijde{flex:0 0 auto;border-radius:12px;border:2px solid #6631c3;background:#00000059;overflow:hidden}
.rksum_zijde.is-eigen{background:#170040d9}
.rksum_zijde__kop{display:flex;align-items:center;gap:9px;padding:9px 10px;cursor:pointer}
.rksum_zijde__rang{width:26px;height:26px;line-height:26px;border-radius:7px;font-family:'headers';font-size:12px;text-align:center;flex:0 0 auto;background:#2a1c46;color:#fff}
.rksum_zijde__rang.is-eerste{background:#4CAF50;color:#06230a}
.rksum_zijde__rang.is-eigen{background:#6631c3;color:#fff}
.rksum_stapel{display:flex;flex:0 0 auto}
.rksum_stapel__tegel{margin-left:-7px}
.rksum_stapel__tegel:first-child{margin-left:0}
.rksum_stapel__tegel img{width:26px;height:26px;border-radius:7px;background:#170040;border:2px solid #ffffff2e;box-sizing:border-box;display:block;object-fit:cover}
.rksum_stapel__tegel.is-me img{border-color:#d9b3ff}
.rksum_zijde__naam{text-align:left;line-height:1.2;min-width:0;flex:1}
.rksum_zijde__naam b{display:block;font-family:'headers';font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rksum_zijde__naam small{display:block;font-family:p;font-size:9px;letter-spacing:.5px;color:#ffffff8a}
.rksum_zijde__score{text-align:right;line-height:1.15;flex:0 0 auto}
.rksum_zijde__score b{display:block;font-family:'headers';font-size:16px}
.rksum_zijde__score small{display:block;font-family:p;font-size:9px;color:#ffffff8a}
.rksum_zijde__chev{flex:0 0 auto;color:#ffffff8a;font-family:p;font-size:10px;width:14px;text-align:center}
.rksum_zijde__leden{background:#00000059;border-top:1px solid #ffffff14;display:flex;flex-direction:column}
.rksum_lid{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid #ffffff0f}
.rksum_lid:last-child{border-bottom:none}
.rksum_lid__avatar img{width:28px;height:28px;border-radius:8px;background:#170040;border:2px solid #ffffff2e;box-sizing:border-box;display:block;object-fit:cover}
.rksum_lid__avatar.is-me img{border-color:#d9b3ff}
.rksum_lid__mid{flex:1;text-align:left;min-width:0}
.rksum_lid__naam{display:flex;align-items:baseline;gap:5px;min-width:0}
.rksum_lid__naam b{font-family:'headers';font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rksum_lid__eigen{display:flex;align-items:baseline;gap:5px;margin-top:2px}
.rksum_lid__eigen b{font-family:'headers';font-size:14px;color:#ffffffe0}
.rksum_lid__eigen small{font-family:p;font-size:9px;color:#ffffff70}
.rksum_lid__mid .rksum_balk{margin-top:4px}
.rksum_lid__noot{display:block;font-family:p;font-size:9px;color:#ffffff70;margin-top:3px}
.rksum_lid__rechts{text-align:right;flex:0 0 auto;line-height:1.15}
.rksum_lid__rechts b{display:block;font-family:'headers';font-size:15px}
.rksum_lid__rechts small{display:block;font-family:p;font-size:8px;letter-spacing:.5px;color:#ffffff8a;margin-top:1px}
.rksum_lid__rechts small.is-op{color:#7CFC00}
.rksum_lid__rechts small.is-af{color:#ff8f8f}
.rksum_lid__totaal{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#00000080}
.rksum_lid__totaal span{font-family:p;font-size:10px;letter-spacing:.5px;color:#ffffff8a;text-align:left;flex:1}
.rksum_lid__totaal b{font-family:'headers';font-size:16px;flex:0 0 auto}

/* ---- payout & rank --------------------------------------------------- */
.rksum_payout{flex:0 0 auto;border:4px solid #000;border-radius:15px}
.rksum_payout__inner{border:3px solid #6631c3;border-radius:11px;overflow:hidden;background:linear-gradient(0deg,#1c0a33 60%,#2b1150 100%)}
.rksum_payout.is-win .rksum_payout__inner{border-color:#4CAF50;background:linear-gradient(0deg,#123a16 60%,#1d5c24 100%)}
.rksum_payout.is-loss .rksum_payout__inner{border-color:#f3433699;background:linear-gradient(0deg,#33141a 60%,#4d1a22 100%)}
.rksum_payout.is-draw .rksum_payout__inner{border-color:#FFC10799}
.rksum_payout__kop{display:flex;align-items:center;gap:8px;padding:8px 10px}
.rksum_payout__kop b{font-family:'headers';font-size:14px}
.rksum_payout__badge{margin-left:auto;font-family:'headers';font-size:11px;letter-spacing:1px;border-radius:4px;padding:2px 8px}
.rksum_payout__badge.is-op{background:#7CFC00;color:#06230a}
.rksum_payout__badge.is-af{background:#f34336;color:#fff}
.rksum_payout__badge.is-draw{background:#FFC107;color:#2b1500}
.rksum_payout__badge.is-kaart{background:#00000073;border:1px solid #FFC107;color:#FFC107}
.rksum_payout__ladder{display:flex;align-items:center;justify-content:center;gap:10px;padding:2px 10px 8px}
.rksum_payout__ladder span{display:flex;flex-direction:column;align-items:center}
.rksum_payout__ladder .is-oud{opacity:.55}
.rksum_payout__ladder .is-oud img{width:34px}
.rksum_payout__ladder .is-nieuw img{width:40px;filter:drop-shadow(0 0 10px #ffffff44)}
.rksum_payout__ladder small{font-family:p;font-size:9px;text-transform:uppercase}
.rksum_payout__blokken{flex-direction:row !important;gap:3px;margin-left:6px}
.rksum_payout__blokken i{width:10px;height:10px;border-radius:2px;border:1px solid #ffffff4d;display:block;box-sizing:border-box}
.rksum_payout__blokken i.is-vol{background:linear-gradient(#6ee87c,#4CAF50);border:none}
.rksum_payout__strip{background:#000;border-top:2px solid #6631c3;display:flex;flex-direction:column}
.rksum_payout.is-win .rksum_payout__strip{border-color:#4CAF50}
.rksum_payout.is-loss .rksum_payout__strip{border-color:#f3433699}
.rksum_payout.is-draw .rksum_payout__strip{border-color:#FFC10799}
.rksum_payout__rij{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid #ffffff0f}
.rksum_payout__rij:last-child{border-bottom:none}
.rksum_payout__rij i{width:17px;height:17px;flex:0 0 auto;background-size:contain;background-position:center;background-repeat:no-repeat}
.rksum_payout__rij.is-klein i{width:15px;height:15px}
.rksum_payout__rij span{font-family:p;font-size:11px;color:#ffffffb5;text-align:left;flex:1}
.rksum_payout__rij.is-klein span{font-size:10px}
.rksum_payout__rij b{font-family:'headers';font-size:14px}
.rksum_payout__rij.is-klein b{font-size:13px}

/* ---- per-speler-kaarten ---------------------------------------------- */
.rksum_split__titel{flex:0 0 auto}
.rksum_split__titel small{display:block;font-family:'headers';font-size:10px;letter-spacing:1px;color:#ffffffb5;text-align:left}
.rksum_split{flex:0 0 auto;border-radius:12px;border:2px solid #ffffff1f;background:#00000059;overflow:hidden}
.rksum_split.is-me{border-color:#c19eff77;background:#170040d9}
.rksum_split__kop{display:flex;align-items:center;gap:8px;padding:8px 9px}
.rksum_split__avatar img{width:34px;height:34px;border-radius:9px;background:#170040;border:2px solid;border-color:inherit;box-sizing:border-box;display:block;object-fit:cover}
.rksum_split__avatar{border-color:#ffffff2e;border-radius:9px}
.rksum_split__wie{min-width:0;text-align:left;line-height:1.2;flex:1}
.rksum_split__wie small{display:block;font-family:p;font-size:9px;color:#ffffff8a}
.rksum_split__tegels{display:flex;gap:6px;padding:0 9px 8px}
.rksum_split__tegels div{flex:1;min-width:0;background:#00000059;border-radius:8px;padding:6px 7px;text-align:left}
.rksum_split__tegels b{display:block;font-family:'headers';font-size:14px;color:#ffffffe0}
.rksum_split__tegels small{font-family:p;font-size:8px;letter-spacing:.5px;color:#ffffff70}
.rksum_split__staaf{padding:0 9px 8px}
.rksum_split__staaf small{display:block;font-family:p;font-size:9px;color:#ffffff70;margin-top:4px;text-align:left}
.rksum_split__strip{background:#000;border-top:1px solid #ffffff14;display:flex;flex-direction:column}

/* ---- chart ----------------------------------------------------------- */
.rksum_legend{flex:0 0 auto;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:2px 0}
.rksum_legend small{display:inline-flex;align-items:center;gap:5px;font-family:p;font-size:10px;color:#ffffff8a}
.rksum_legend i{width:14px;height:4px;border-radius:2px;display:block}
.rksum_kaart{flex:0 0 auto;background:#170040b8;border:1px solid #c19eff55;border-radius:12px;padding:12px 10px 10px}
.rksum_kaart h2{margin:0;font-family:'headers';font-size:14px;letter-spacing:1px}
.rksum_kaart__titel{text-align:left;margin-bottom:10px !important}
.rksum_kaart__kop{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.rksum_kaart__kop small{font-family:p;font-size:10px;color:#ffffff6e;margin-left:auto}
.rksum_kaart svg{width:100%;display:block;overflow:visible}
.rksum_kaart__voet{display:block;font-family:p;font-size:10px;color:#ffffff6e;margin-top:4px;text-align:left}
.rksum_teken{animation:rksumDrawLine 1.7s ease-out}
.rksum_chips{flex:0 0 auto;display:flex;gap:3px;background:#00000080;border:1px solid #ffffff1a;border-radius:20px;padding:3px}
.rksum_chips.is-leden{background:#1d0f30;border-color:#ffffff14;border-radius:24px;padding:4px;gap:2px}
.rksum_chip{flex:1;font-family:'headers';font-size:11px;letter-spacing:.5px;padding:7px 2px 9px;border-radius:16px;color:#ffffff8a;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.rksum_chips.is-leden .rksum_chip{padding:8px 2px 10px;border-radius:20px}
.rksum_chip.active{color:#fff;text-shadow:0 1px black;background:linear-gradient(to bottom,#ffd700 0%,#ff7700 100%);box-shadow:inset 0 -3px #b25f00,inset 0 -4px #ffa548}
.rksum_h2h{display:flex;flex-direction:column;gap:9px}
.rksum_h2h__rij{display:flex;align-items:center;gap:8px}
.rksum_h2h__rij > b{width:70px;flex:0 0 auto;font-family:'headers';font-size:13px;color:#c9d3e8}
.rksum_h2h__rij > b:first-child{text-align:right}
.rksum_h2h__rij > b:last-child{text-align:left}
.rksum_h2h__rij > b.is-beter{color:#7CFC00}
.rksum_h2h__rij > small{width:52px;flex:0 0 auto;text-align:center;font-family:p;font-size:9px;color:#ffffff8a;letter-spacing:1px}
.rksum_h2h__balk{flex:1;height:9px;border-radius:5px;background:#00000063;overflow:hidden;display:flex}
.rksum_h2h__balk.is-links{justify-content:flex-end}
.rksum_h2h__balk.is-links i{background:linear-gradient(90deg,#4CAF50,#7CFC00)}
.rksum_h2h__balk.is-rechts i{background:linear-gradient(90deg,#6b7ea6,#4a5875)}
.rksum_h2h__balk i{display:block;height:100%;animation:rksumBarGrow 1s ease-out}
.rksum_lijst{flex:0 0 auto;display:flex;flex-direction:column;gap:1px;border-radius:10px;overflow:hidden;border:1px solid #6631c3}
.rksum_lijst__rij{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#00000042}
.rksum_lijst__rij span{font-family:p;font-size:11px;color:#ffffffb5;letter-spacing:.5px;text-align:left}
.rksum_lijst__rij b{font-family:'headers';font-size:14px;flex:0 0 auto;color:#ffffffe0}

/* ---- detail ---------------------------------------------------------- */
.rksum_dhero{flex:0 0 auto;display:flex;align-items:center;gap:10px;border-radius:12px;padding:9px 10px;border:1px solid #c19eff55;background:#170040b8}
.rksum_dhero.is-win{background:#0d1f0f}
.rksum_dhero.is-loss{background:#170a0d}
.rksum_dhero__avatar img{width:40px;height:40px;border-radius:11px;background:#170040;border:2px solid;border-color:inherit;box-sizing:border-box;display:block;object-fit:cover}
.rksum_dhero__avatar{border-color:#c19eff55;border-radius:11px}
.rksum_dhero__wie{text-align:left;line-height:1.2;min-width:0}
.rksum_dhero__wie b{font-family:'headers';font-size:15px}
.rksum_dhero__wie small{display:block;font-family:p;font-size:10px;letter-spacing:1px;color:#ffffffb5}
.rksum_dhero.is-win .rksum_dhero__wie small{color:#9be59f}
.rksum_dhero__score{margin-left:auto;font-family:'headers';font-size:20px;flex:0 0 auto}
.rksum_dtegels{flex:0 0 auto;display:flex;gap:8px}
.rksum_dtegels div{flex:1;background:#170040b8;border:1px solid #c19eff55;border-radius:10px;padding:9px 8px;text-align:center}
.rksum_dtegels b{display:block;font-family:'headers';font-size:18px}
.rksum_dtegels b.is-focus{color:#f5c542}
.rksum_dtegels b.is-speed{color:#4bb4ff}
.rksum_dtegels b.is-aware{color:#c56cff}
.rksum_dtegels small{font-family:p;font-size:9px;color:#ffffff8a;letter-spacing:1px}
.rksum_groteknop{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;font-family:'headers';font-size:15px;padding:11px 0 14px;border-radius:8px;color:#fff;text-shadow:0 2px black;background:linear-gradient(to bottom,#9C27B0 0%,#673AB7 100%);box-shadow:inset 0 -4px #3f1e7a;cursor:pointer;text-decoration:none}

/* ---- social ---------------------------------------------------------- */
.rksum_replay{flex:0 0 auto;border-radius:12px;overflow:hidden;border:2px solid #6631c3;background:#170040b8}
.rksum_replay.is-win{border-color:#4CAF50;background:#0d1f0f}
.rksum_replay.is-loss{border-color:#f3433677;background:#170a0d}
.rksum_replay__kop{display:flex;align-items:center;gap:9px;padding:10px;text-align:left}
.rksum_replay__avatar img{width:38px;height:38px;border-radius:10px;background:#170040;border:2px solid #ffffff2e;box-sizing:border-box;display:block;object-fit:cover}
.rksum_replay.is-win .rksum_replay__avatar img{border-color:#7CFC00}
.rksum_replay__wie{min-width:0;flex:1}
.rksum_replay__wie b{font-family:'headers';font-size:15px}
.rksum_replay__wie small{display:block;font-family:p;font-size:9px;letter-spacing:1px;color:#ffffff8a}
.rksum_replay.is-win .rksum_replay__wie small{color:#9be59f}
.rksum_goudpil{flex:0 0 auto;font-family:'headers';font-size:12px;padding:8px 13px 10px;border-radius:20px;color:#fff;text-shadow:0 2px black;background:linear-gradient(to bottom,#ffd700 0%,#ff7700 100%);box-shadow:inset 0 -4px #b25f00,inset 0 -5px #ffa548;cursor:pointer;text-decoration:none}
.rksum_replay__strip{display:flex;gap:8px;padding:0 10px 10px;align-items:center}
.rksum_replay__likes,.rksum_replay__comments{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 0 10px;border-radius:20px;font-family:'headers';font-size:12px}
.rksum_replay__likes{background:#f3433622;border:1px solid #f34336;color:#ff8f8f}
.rksum_replay__comments{background:#00000063;border:1px solid #ffffff1f;color:#ffffff9c}
.rksum_replay__strip .rksum_pill{padding:9px 12px 10px;font-size:11px;border-radius:20px;background:#00000063}
.rksum_chat{flex:0 0 auto;display:flex;gap:9px;text-align:left;background:#00000042;border:1px solid #6631c3;border-radius:10px;padding:9px}
.rksum_chat > img{width:30px;height:30px;border-radius:9px;flex:0 0 auto;background:#170040;object-fit:cover}
.rksum_chat__kop{display:flex;align-items:baseline;gap:6px}
.rksum_chat__kop b{font-family:'headers';font-size:13px}
.rksum_chat__kop small{font-family:p;font-size:9px;color:#ffffff6e}
.rksum_chat p{margin:2px 0 0;font-family:p;font-size:12px;color:#ffffffc9;text-wrap:pretty}

/* ---- animaties ------------------------------------------------------- */
@keyframes rksumBarGrow{from{width:0}}
@keyframes rksumDrawLine{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}
@keyframes rksumRiseUp{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}
@media (prefers-reduced-motion: reduce){
  .rksum_result{animation:none}
  .rksum_balk i,.rksum_h2h__balk i{animation:none}
  .rksum_teken{animation:none;stroke-dasharray:none}
}