/* The social Ranking tab and the in-game climb share the same podium. */
:is(.beedoku-shell #social-dialog .social-rank,#rank-climb-rows li)[data-medal="1"]{
  --medal-top:#fff1a8;--medal-base:#f5d281;--medal-edge:#b78639;
}
:is(.beedoku-shell #social-dialog .social-rank,#rank-climb-rows li)[data-medal="2"]{
  --medal-top:#f5f4fd;--medal-base:#cfdaec;--medal-edge:#7c8eac;
}
:is(.beedoku-shell #social-dialog .social-rank,#rank-climb-rows li)[data-medal="3"]{
  --medal-top:#ffe4cf;--medal-base:#eaba96;--medal-edge:#af775b;
}
:is(.beedoku-shell #social-dialog .social-rank,#rank-climb-rows li):is([data-medal="1"],[data-medal="2"],[data-medal="3"]){
  border-color:var(--medal-edge);border-radius:12px;
  background:linear-gradient(175deg,var(--medal-top),var(--medal-base));
}
:is(.beedoku-shell #social-dialog .social-rank,#rank-climb-rows li):is([data-medal="1"],[data-medal="2"],[data-medal="3"]) :is(.social-position,.rank-position){
  position:relative;isolation:isolate;display:grid;place-items:center;
  width:28px;height:28px;margin:0 auto 3px;
  border:1px solid var(--medal-edge);border-radius:50%;background:var(--medal-top);
  box-shadow:inset 0 -3px 0 var(--medal-base);color:#423349;font-size:13px;font-weight:900;
}
:is(.beedoku-shell #social-dialog .social-rank,#rank-climb-rows li):is([data-medal="1"],[data-medal="2"],[data-medal="3"]) :is(.social-position,.rank-position)::before{
  content:'';position:absolute;z-index:-1;inset:auto 5px -6px;height:8px;background:var(--medal-edge);
  clip-path:polygon(0 0,100% 0,100% 100%,50% 63%,0 100%);
}