.ranking[data-v-71674d30]{display:flex;flex-direction:column;gap:var(--space-4)}.ranking__header[data-v-71674d30]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ranking__header-left[data-v-71674d30]{display:flex;align-items:center;gap:var(--space-3);min-width:0}.ranking__icon[data-v-71674d30]{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:color-mix(in srgb,var(--color-purple-400) 15%,transparent);color:var(--color-purple-300)}.ranking__title[data-v-71674d30]{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.3}.ranking__subtitle[data-v-71674d30]{font-size:.8125rem;color:var(--color-text-muted);margin:0}.ranking__banner-text[data-v-71674d30]{font-size:.8125rem}.ranking__filters[data-v-71674d30]{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ranking__search[data-v-71674d30]{position:relative;flex:1;min-width:180px}.ranking__search-icon[data-v-71674d30]{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.ranking__search-input[data-v-71674d30]{width:100%;height:2.25rem;padding:0 var(--space-3) 0 2.25rem;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.8125rem;font-family:var(--font-sans);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.ranking__search-input[data-v-71674d30]::placeholder{color:var(--color-text-muted)}.ranking__search-input[data-v-71674d30]:focus{border-color:var(--color-purple-400);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-purple-400) 25%,transparent)}.ranking__select-wrap[data-v-71674d30]{position:relative}.ranking__select[data-v-71674d30]{appearance:none;height:2.25rem;padding:0 2rem 0 var(--space-3);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.8125rem;font-family:var(--font-sans);cursor:pointer;outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.ranking__select[data-v-71674d30]:focus{border-color:var(--color-purple-400);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-purple-400) 25%,transparent)}.ranking__select-chevron[data-v-71674d30]{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.ranking__rank[data-v-71674d30]{font-family:var(--font-display);font-size:.875rem;font-weight:700;color:var(--color-text-secondary)}.ranking__rank--gold[data-v-71674d30]{color:#fbbf24}.ranking__rank--silver[data-v-71674d30]{color:#d1d5db}.ranking__rank--bronze[data-v-71674d30]{color:#d97706}.ranking__username[data-v-71674d30]{font-family:var(--font-display);font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.ranking__level[data-v-71674d30]{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-cyan-300);font-weight:600}.ranking__pvp[data-v-71674d30]{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.8125rem;color:var(--color-text-secondary)}.ranking__pvp-icon[data-v-71674d30]{color:var(--color-danger);flex-shrink:0}.ranking__playtime[data-v-71674d30]{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.8125rem;color:var(--color-text-secondary)}.ranking__playtime-icon[data-v-71674d30]{color:var(--color-cyan-400);flex-shrink:0}.ranking__empty[data-v-71674d30]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) 0}.ranking__empty-icon[data-v-71674d30]{color:var(--color-text-muted);opacity:.5;margin-bottom:var(--space-1)}.ranking__empty-title[data-v-71674d30]{font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--color-text-secondary);margin:0}.ranking__empty-desc[data-v-71674d30]{font-size:.8125rem;color:var(--color-text-muted);margin:0;text-align:center;max-width:300px}.ranking__pagination[data-v-71674d30]{display:flex;justify-content:center;padding-top:var(--space-2)}@media(max-width:640px){.ranking__filters[data-v-71674d30]{flex-direction:column;align-items:stretch}.ranking__search[data-v-71674d30]{min-width:0}.ranking__select[data-v-71674d30]{width:100%}.ranking__header[data-v-71674d30]{flex-direction:column;align-items:flex-start}}