.ranking-wrap{
  max-width:720px;
}
.ranking-tabs{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:36px;
}
.ranking-tab{
  padding:10px 22px;
  font-family:'Orbitron',sans-serif;
  font-size:12px;
  letter-spacing:.15em;
  color:#8fb6c9;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.15);
  border-radius:4px;
  cursor:pointer;
}
.ranking-tab.active{
  color:#04141a;
  background:var(--cyan);
  border-color:var(--cyan);
}
.ranking-game-tabs{
  margin-top:14px;
}
.ranking-game-tabs .ranking-tab{
  padding:8px 16px;
  font-size:11px;
}
#rankingMessage{
  margin-top:20px;
}
.ranking-table-wrap{
  margin-top:24px;
  overflow-x:auto;
}
.ranking-table{
  width:100%;
  border-collapse:collapse;
  text-align:center;
  font-size:14px;
}
.ranking-table th,
.ranking-table td{
  padding:10px 12px;
  border-bottom:1px solid rgba(63,242,255,0.15);
  white-space:nowrap;
}
.ranking-table th{
  font-family:'Orbitron',sans-serif;
  font-size:11px;
  letter-spacing:.1em;
  color:var(--cyan-dim);
}
.ranking-table td:nth-child(2){
  text-align:left;
  color:#fff;
  font-weight:600;
}