.onlineRankingScopeTabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:8px 0 10px!important;
}
.onlineRankingScope{
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:5px 12px!important;
  border-radius:16px!important;
}
.onlineRankingScope img{
  width:34px!important;height:34px!important;object-fit:contain!important;
}
.onlineRankingScope span{font-size:12px!important;font-weight:1000!important}
.onlineRankingControls{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:10px 0 10px!important;
}
.onlineRankingMode{
  min-width:0!important;
  min-height:58px!important;
  padding:5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:16px!important;
}
.onlineRankingMode img{
  width:42px!important;height:42px!important;object-fit:contain!important;
}
.onlineRankingMode.active img{
  transform:scale(1.08);
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.18));
}
@media(max-width:390px){
  .onlineRankingScope{min-height:50px!important}
  .onlineRankingScope img{width:30px!important;height:30px!important}
  .onlineRankingMode{min-height:52px!important}
  .onlineRankingMode img{width:37px!important;height:37px!important}
}