.gicon{background:var(--pill);object-fit:cover;border-radius:10px;flex:none;width:34px;height:34px;display:block}.gicon.xs{border-radius:6px;width:20px;height:20px}.gicon.sm{border-radius:8px;width:28px;height:28px}.gicon.lg{border-radius:12px;width:40px;height:40px}.gicon.round{background:var(--face-bg);border-radius:50%}.gicon.xl{border-radius:16px;width:58px;height:58px}.ipile{--ov:-14px;flex-direction:row-reverse;flex:none;justify-content:flex-end;display:flex}.ipile.xs{--ov:-10px}.ipile.md{--ov:-17px}.ipile.lg{--ov:-20px}.ipile>.gicon{margin-right:var(--ov);box-shadow:0 0 0 2px var(--bg);transition:margin .22s var(--ease)}@media (hover:hover) and (pointer:fine){a:hover>.ipile>.gicon{margin-right:calc(var(--ov) + 4px)}}.ipile>.gicon:first-child{margin-right:0}@media (hover:hover) and (pointer:fine){a:hover>.ipile>.gicon:first-child{margin-right:0}}@media (prefers-reduced-motion:reduce){.ipile>.gicon{transition:none}}.spark{width:56px;height:22px;color:var(--up);flex:none;overflow:visible}.spark[data-dir=down]{color:var(--down)}.spark[data-dir=flat]{color:var(--muted)}.spark .l{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.spark .a{fill:color-mix(in srgb, currentColor 14%, transparent);stroke:none}.spark .d{fill:currentColor}.game-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.game-list>li{display:grid;position:relative}.game-row{min-width:0;color:inherit;transition:background-color .18s var(--ease);border-radius:14px;align-items:center;gap:12px;padding:8px;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){a.game-row:hover,button.game-row:hover{background:var(--pill)}}.game-row:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:-2px}button.game-row{appearance:none;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.game-row .rank{min-width:18px;font:600 13px/1 var(--font);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;flex:none}.game-row .rank[data-medal=gold]{color:var(--medal-1)}.game-row .rank[data-medal=silver]{color:var(--medal-2)}.game-row .rank[data-medal=bronze]{color:var(--medal-3)}.pname{flex:1;gap:2px;min-width:0;display:grid}.pname b{font:600 14px/18px var(--font);letter-spacing:-.01em;color:var(--fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pname small{font:500 13px/16px var(--font);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;overflow:hidden}.game-row .num{flex:none;justify-items:end;gap:2px;display:grid}.game-row .num b{font:600 14px/18px var(--font);font-variant-numeric:tabular-nums}.game-row .num .chg{font-size:13px;line-height:16px}.game-row>.chg{text-align:right;flex:none;min-width:56px;font-size:13px}.game-list>li:has(>.star)>.game-row{padding-right:42px}@media (prefers-reduced-motion:reduce){.game-row{transition:none}}