/* Build 4.68: the group list shows the all-games number and the last 10 side by side. */
.gp-cols{display:inline-flex;justify-content:flex-end}
.gp-cols i{font-style:normal;width:82px;text-align:right}
.gp-cols i:first-child{margin-right:18px}
.gp-val.gp-two{display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;min-width:182px}
.gp-val.gp-two>span{display:block;width:82px;text-align:right}
.gp-val.gp-two>.gp-all{margin-right:18px}
.gp-val.gp-two b{font-size:20px;line-height:1.15;white-space:nowrap;display:block}
.gp-row .gp-val.gp-two b,.gp-row.is-you .gp-val.gp-two b{color:var(--xw-ink,#111)}
.gp-val.gp-two .gp-ten:has(.tr.up) b,.gp-row.is-you .gp-val.gp-two .gp-ten:has(.tr.up) b{color:#237a3b}
.gp-val.gp-two .gp-ten:has(.tr.dn) b,.gp-row.is-you .gp-val.gp-two .gp-ten:has(.tr.dn) b{color:#b61620}
html[data-theme=dark] .gp-val.gp-two .gp-ten:has(.tr.up) b,html[data-theme=dark] .gp-row.is-you .gp-val.gp-two .gp-ten:has(.tr.up) b{color:#4cc16a}
html[data-theme=dark] .gp-val.gp-two .gp-ten:has(.tr.dn) b,html[data-theme=dark] .gp-row.is-you .gp-val.gp-two .gp-ten:has(.tr.dn) b{color:#ff6b73}
.gp-val.gp-two .tr{font-size:13px;margin-right:3px}
.gp-row{grid-template-columns:20px minmax(0,1fr) auto}
.gp-rowsub{white-space:nowrap}
.gp-pod-ten{display:block;font-size:12px;font-weight:600;color:var(--xw-muted);white-space:nowrap;margin-top:1px}
.gp-pod-ten .tr.up{color:#237a3b}.gp-pod-ten .tr.dn{color:#b61620}
@media(max-width:359px){.gp-cols i,.gp-val.gp-two>span{width:70px}.gp-val.gp-two{min-width:158px}.gp-val.gp-two b{font-size:18px}}
/* friend details: last 10 under the rings, games line under the tiles */
.fc-games{margin:6px 0 0;text-align:center;font-size:13px;color:var(--xw-muted,#6b6f76)}
.fc-ten{font-size:13px;font-weight:600;margin-top:2px;color:var(--xw-muted,#6b6f76)}
.fc-ten.up{color:#237a3b}.fc-ten.dn{color:#b61620}
html[data-theme=dark] .fc-ten.up{color:#4cc16a}html[data-theme=dark] .fc-ten.dn{color:#ff6b73}
.fc-tile .fc-arrow{font-size:15px;margin-right:3px}