@layer pages {
  .top-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.ranking-column{min-width:0}.ranking-heading{display:flex;align-items:center;gap:13px;margin-bottom:18px}.ranking-heading h2{font-size:20px}.ranking-heading p{font-size:11px;margin-top:4px}.ranking-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:17px}.ranking-icon.heart{color:#ff8490;background:rgba(255,111,116,.12)}.ranking-icon.flame{color:var(--orange);background:rgba(255,158,90,.12)}.ranking-icon.cube{color:var(--cyan);background:rgba(84,228,204,.12)}
}

@layer responsive {
  @media(max-width:1100px){.top-columns{grid-template-columns:1fr}.ranking-column .server-list{grid-template-columns:repeat(2,1fr)}.ranking-column .server-card:last-child:nth-child(odd){grid-column:1/-1}}
  @media(max-width:650px){.ranking-column .server-list{grid-template-columns:1fr}.ranking-column .server-card:last-child:nth-child(odd){grid-column:auto}}
}