/* 排行榜晶石盾牌：紫晶、宝石蓝、翡翠；样式仅作用于排名。 */
#leaderboard-list .leaderboard-rank {
  position:relative; isolation:isolate; display:grid; place-items:center;
  flex:0 0 36px; width:36px; height:40px; padding:0;
  color:#f4fff9; font:700 17px Georgia,'Times New Roman',serif;
  --rank-rim:#dac2f6; --rank-stone:#8665ac; --rank-deep:#493265;
  --rank-glow:rgba(127,80,174,.2);
  filter:drop-shadow(0 2px 3px var(--rank-glow));
}
#leaderboard-list .leaderboard-rank[data-place="2"] {
  --rank-rim:#a8d6f6; --rank-stone:#356fa5; --rank-deep:#193b66;
  --rank-glow:rgba(51,113,182,.2);
}
#leaderboard-list .leaderboard-rank[data-place="3"] {
  --rank-rim:#9be3c0; --rank-stone:#246c56; --rank-deep:#12392e;
  --rank-glow:rgba(49,143,101,.2);
}
#leaderboard-list .leaderboard-rank::before,
#leaderboard-list .leaderboard-rank::after {
  content:''; position:absolute; z-index:-1;
  clip-path:polygon(50% 0,96% 18%,89% 72%,50% 100%,11% 72%,4% 18%);
}
#leaderboard-list .leaderboard-rank::before {
  inset:0; background:linear-gradient(140deg,#fbfffd 0%,var(--rank-rim) 24%,var(--rank-stone) 48%,var(--rank-rim) 72%,#f6fffc 100%);
}
#leaderboard-list .leaderboard-rank::after {
  inset:2px 3px 3px;
  background:conic-gradient(from 0deg at 50% 38%,var(--rank-stone) 0deg,var(--rank-deep) 75deg,var(--rank-stone) 150deg,var(--rank-deep) 210deg,var(--rank-rim) 290deg,var(--rank-stone) 360deg);
}
#leaderboard-list .leaderboard-rank > span {
  display:grid; place-items:center; min-width:18px;
  text-shadow:0 1px 2px rgba(0,0,0,.45); transform:translateY(-1px);
}
#leaderboard-list .leaderboard-rank[data-place="1"] > span {
  border-top:2px solid rgba(239,255,247,.85); padding-top:1px;
}
#leaderboard-list .leaderboard-rank.is-ordinary {
  height:30px; flex-basis:32px; width:32px; border-radius:7px;
  background:rgba(129,160,143,.12); color:var(--ink2); filter:none;
  font:600 12px var(--font-sans);
}
#leaderboard-list .leaderboard-rank.is-ordinary::before,
#leaderboard-list .leaderboard-rank.is-ordinary::after { display:none; }
#leaderboard-list .leaderboard-rank.is-ordinary > span { text-shadow:none; transform:none; }
#leaderboard-list .leaderboard-rank.is-wide { font-size:10px; }
#leaderboard-list .leaderboard-entry.is-me { border-color:rgba(77,151,116,.5); }
html[data-theme="dark"] #leaderboard-list .leaderboard-rank {
  --rank-rim:#e7d4ff; --rank-stone:#9772bd; --rank-deep:#5d407d;
  --rank-glow:rgba(190,140,242,.2);
}
html[data-theme="dark"] #leaderboard-list .leaderboard-rank[data-place="2"] {
  --rank-rim:#c0e4ff; --rank-stone:#4386be; --rank-deep:#254d77;
  --rank-glow:rgba(112,185,242,.2);
}
html[data-theme="dark"] #leaderboard-list .leaderboard-rank[data-place="3"] {
  --rank-rim:#b4f1cf; --rank-stone:#397f65; --rank-deep:#1b4837;
  --rank-glow:rgba(100,222,163,.18);
}
@media(max-width:560px) {
  #leaderboard-list .leaderboard-rank { flex-basis:30px; width:30px; height:34px; font-size:15px; }
  #leaderboard-list .leaderboard-rank.is-ordinary { width:28px; height:28px; flex-basis:28px; font-size:12px; }
  #leaderboard-list .leaderboard-rank.is-wide { font-size:10px; }
}
