@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:12px;margin-top:4px}.ranking-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:17px;transition:transform .22s,box-shadow .22s}.ranking-column:hover .ranking-icon{transform:translateY(-2px) rotate(-3deg);box-shadow:0 10px 24px rgba(0,0,0,.13)}.ranking-icon.heart{color:#ff8490;background:rgba(255,111,116,.12)}.ranking-icon.flame{color:var(--orange-text);background:rgba(255,158,90,.12)}.ranking-icon.cube{color:var(--cyan-text);background:rgba(84,228,204,.12)}.ranking-column .server-meta-votes{display:none}.server-ranking-metric-mobile{display:flex;align-items:baseline;gap:5px;margin:1px 0 7px;color:var(--text)}.server-ranking-metric-mobile strong{font-size:13px;font-variant-numeric:tabular-nums}.server-ranking-metric-mobile span{font-size:11px}.server-ranking-metric strong,.server-ranking-metric span{display:block}.server-ranking-metric strong{font-variant-numeric:tabular-nums}.server-ranking-metric span{color:var(--muted);font-size:11px;font-weight:750}}@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}}@media(prefers-reduced-motion:reduce){.ranking-column:hover .ranking-icon{transform:none}}}@layer pages{.ranking-icon.heart{color:var(--danger-text)}}