.ctl .pill{min-height:44px}.rank-row{border-bottom:1px solid var(--line);grid-template-columns:24px minmax(120px,32%) minmax(0,1fr) 40px;align-items:center;gap:12px;min-height:52px;padding:6px 0;font-size:13px;text-decoration:none;display:grid}.rank-row:hover .rank-name{text-underline-offset:3px;text-decoration:underline}.dot-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,30%) minmax(0,1fr) 40px;align-items:center;gap:12px;min-height:48px;font-size:13px;display:grid}.card{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;gap:10px;min-width:0;padding:16px;text-decoration:none;transition:border-color .12s cubic-bezier(.22,1,.36,1);display:flex}.card:hover{border-color:var(--muted)}@container page (width<=480px){.rank-row{grid-template-columns:20px minmax(0,1fr) 36px}.rank-row .rank-trk{grid-area:2/2/auto/3}.dot-row{grid-template-columns:minmax(0,1fr) 36px;padding:6px 0}.dot-row .dot-trk{grid-area:2/1/auto/-1}}
