.ranks-page[data-v-aff0abae]{width:100%;max-width:1200px;min-width:0;margin:0 auto;padding:32px 24px 48px;box-sizing:border-box;color:#272626}.page-heading[data-v-aff0abae]{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.eyebrow[data-v-aff0abae]{margin:0 0 4px;color:#b83813;font-size:14px;font-weight:700}h1[data-v-aff0abae]{margin:0;font-size:32px;line-height:1.25}.page-copy[data-v-aff0abae]{max-width:620px;margin:8px 0 0;color:#716c68;line-height:1.7}.refresh-button[data-v-aff0abae]{min-height:44px;flex:0 0 auto;border-radius:10px}.state-card[data-v-aff0abae]{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;border:1px solid #e9e4de;border-radius:16px;background:#fff;box-sizing:border-box}.state-card strong[data-v-aff0abae]{font-size:20px}.state-card .el-button[data-v-aff0abae]{min-height:44px;border-radius:10px}.state-card p[data-v-aff0abae]{max-width:620px;margin:10px 0 20px;color:#716c68;overflow-wrap:anywhere}.error-state[data-v-aff0abae]{border-color:#f2c8be;background:#fff7f5}.error-state strong[data-v-aff0abae]{color:#9e2d20}.loading-dot[data-v-aff0abae]{width:28px;height:28px;border:3px solid #f4c4b5;border-top-color:#ed542a;border-radius:50%;-webkit-animation:spin-aff0abae .8s linear infinite;animation:spin-aff0abae .8s linear infinite}.rank-grid[data-v-aff0abae]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.rank-card[data-v-aff0abae]{min-width:0;overflow:hidden;border:1px solid #e9e4de;border-radius:16px;background:#fff}.card-heading[data-v-aff0abae]{display:flex;gap:12px;padding:20px;border-bottom:1px solid #f0ebe6;background:linear-gradient(145deg,#fff8f4,#fff)}.card-index[data-v-aff0abae]{flex:0 0 auto;color:#ed542a;font-size:13px;font-weight:800;letter-spacing:.08em}.card-heading div[data-v-aff0abae]{min-width:0}.card-heading h2[data-v-aff0abae]{margin:0;font-size:19px;line-height:1.35;overflow-wrap:anywhere}.card-heading p[data-v-aff0abae]{margin:8px 0 0;color:#716c68;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.rank-list[data-v-aff0abae]{list-style:none;margin:0;padding:4px 20px 12px}.rank-list li[data-v-aff0abae]{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:54px;border-top:1px dashed #e9e4de}.rank-list li[data-v-aff0abae]:first-child{border-top:0}.rank-number[data-v-aff0abae]{color:#ed542a;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.rank-user[data-v-aff0abae]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-diff[data-v-aff0abae],.rank-leader[data-v-aff0abae]{max-width:120px;color:#716c68;font-size:12px;text-align:right;overflow-wrap:anywhere}.rank-leader[data-v-aff0abae]{color:#b83813;font-weight:700}.group-empty[data-v-aff0abae]{padding:32px 20px;color:#716c68;text-align:center}@-webkit-keyframes spin-aff0abae{to{transform:rotate(1turn)}}@keyframes spin-aff0abae{to{transform:rotate(1turn)}}@media(max-width:1000px){.rank-grid[data-v-aff0abae]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.ranks-page[data-v-aff0abae]{padding:24px 16px 40px}.page-heading[data-v-aff0abae]{align-items:stretch;flex-direction:column;gap:16px}h1[data-v-aff0abae]{font-size:28px}.refresh-button[data-v-aff0abae]{width:100%}.rank-grid[data-v-aff0abae]{grid-template-columns:minmax(0,1fr)}}@media(max-width:360px){.ranks-page[data-v-aff0abae]{padding-right:12px;padding-left:12px}.state-card[data-v-aff0abae]{padding:24px 16px}.rank-list[data-v-aff0abae]{padding-right:16px;padding-left:16px}.rank-list li[data-v-aff0abae]{grid-template-columns:30px minmax(0,1fr)}.rank-diff[data-v-aff0abae],.rank-leader[data-v-aff0abae]{grid-column:2;max-width:none;text-align:left;padding-bottom:8px}}