.rank-page{padding:1rem 0}.rank-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media screen and (max-width:799px){.rank-grid{gap:1rem;grid-template-columns:1fr}}.rank-section{background:#16213e;border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;padding:1rem}.rank-header{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:1rem;padding-bottom:.75rem}.rank-header .rank-title{font-size:1.125rem;font-weight:600;margin:0}.rank-header .rank-title a{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.rank-header .rank-title a:hover{opacity:.8}.rank-list{display:flex;flex-direction:column;gap:.5rem}.rank-item{align-items:center;background:#1a1a2e;border-radius:.5rem;display:flex;gap:.75rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease}.rank-item:hover{background:rgba(102,126,234,.1)}.rank-item:hover .rank-name{color:#667eea}.rank-num{align-items:center;background:#16213e;border-radius:.25rem;color:hsla(0,0%,100%,.5);display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.rank-num.top{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.rank-name{color:hsla(0,0%,100%,.95);flex:1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease;white-space:nowrap}.rank-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.25rem;color:#fff;font-size:10px;font-weight:500;padding:.25rem .5rem}