.page-container.svelte-p01709{max-width:900px;margin:0 auto;padding:0 24px 64px;animation:svelte-p01709-fade-in .4s ease-out}@keyframes svelte-p01709-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header-section.svelte-p01709{margin-bottom:24px}.header-section.svelte-p01709 h1:where(.svelte-p01709){display:flex;align-items:center;gap:12px;font-size:32px;font-weight:800}.filter-bar.svelte-p01709{display:flex;align-items:center;padding:16px 24px;border-radius:16px;margin-bottom:24px}.filter-group.svelte-p01709{display:flex;align-items:center;gap:12px}.region-select.svelte-p01709{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0d;border:1px solid var(--surface-border);color:var(--text-main);padding:8px 16px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;outline:none}.region-select.svelte-p01709:hover{border-color:var(--primary)}.ranking-board.svelte-p01709{border-radius:24px;overflow:hidden;padding:0}.ranking-header.svelte-p01709{display:flex;align-items:center;padding:16px 24px;background:#0003;border-bottom:1px solid var(--surface-border);font-weight:700;color:var(--text-muted);font-size:14px}.ranking-row.svelte-p01709{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid var(--surface-border);transition:background .2s}.ranking-row.svelte-p01709:hover{background:#7c3aed0d}.col-rank.svelte-p01709{flex:0 0 100px;font-size:18px}.col-name.svelte-p01709{flex:1;font-size:16px}.col-wl.svelte-p01709{flex:0 0 100px;text-align:right}.col-lp.svelte-p01709{flex:0 0 120px;text-align:right}.pagination.svelte-p01709{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px}.page-btn.svelte-p01709{padding:8px 16px;border-radius:8px;background:#ffffff0d;border:1px solid var(--surface-border);color:var(--text-main);font-weight:700;cursor:pointer;transition:all .2s}.page-btn.svelte-p01709:hover:not(:disabled){background:var(--primary);border-color:var(--primary)}.page-btn.svelte-p01709:disabled{opacity:.5;cursor:not-allowed}.empty-state.svelte-p01709{display:flex;flex-direction:column;align-items:center;padding:64px 24px;text-align:center;border-radius:20px;gap:16px}.empty-state.svelte-p01709 h2:where(.svelte-p01709){font-size:20px}@media (max-width: 640px){.page-container.svelte-p01709{padding:0 8px 64px}.filter-bar.svelte-p01709{padding:12px;flex-direction:column;gap:12px}}