.page-container.svelte-4h20cp{max-width:900px;margin:0 auto;padding:0 24px 64px;animation:svelte-4h20cp-fade-in .4s ease-out}@keyframes svelte-4h20cp-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header-section.svelte-4h20cp{margin-bottom:32px}.header-section.svelte-4h20cp h1:where(.svelte-4h20cp){display:flex;align-items:center;gap:12px;font-size:32px;font-weight:800}.empty-state.svelte-4h20cp{display:flex;flex-direction:column;align-items:center;padding:64px 24px;text-align:center;border-radius:20px;gap:16px}.empty-state.svelte-4h20cp h2:where(.svelte-4h20cp){font-size:20px}.empty-state.svelte-4h20cp p:where(.svelte-4h20cp){color:var(--text-muted)}.tabs-container.svelte-4h20cp{display:flex;gap:12px;margin-bottom:24px}.tab-btn.svelte-4h20cp{padding:10px 20px;border-radius:12px;font-weight:700;font-size:15px;background:transparent;color:var(--text-muted);border:2px solid transparent;transition:all .2s}.tab-btn.svelte-4h20cp:hover{background:#7c3aed0d}.tab-btn.active.svelte-4h20cp{background:#7c3aed1a;color:var(--primary);border-color:#7c3aed4d}.champ-grid.svelte-4h20cp{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:16px;padding:32px;border-radius:24px}.champ-card.svelte-4h20cp{position:relative;border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.champ-card.svelte-4h20cp:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 20px -5px #7c3aed66;z-index:2}.champ-img-container.svelte-4h20cp{position:relative;width:100%;aspect-ratio:1/1}.champ-avatar.svelte-4h20cp{width:100%;height:100%;object-fit:cover;border-radius:16px}.champ-name-overlay.svelte-4h20cp{position:absolute;bottom:0;left:0;width:100%;padding:16px 8px 8px;background:linear-gradient(transparent,#000000e6);color:#fff;text-align:center;font-weight:800;font-size:13px;letter-spacing:-.5px}@media (max-width: 640px){.champ-grid.svelte-4h20cp{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;padding:16px}.tabs-container.svelte-4h20cp{flex-direction:column}.champ-name-overlay.svelte-4h20cp{font-size:12px;padding:16px 4px 6px}}