.achievements-page.svelte-1g6d3mg{width:100%;max-width:880px;min-width:min(880px,100%);margin:0 auto;padding:2.5rem 1.5rem 4rem;position:relative;z-index:1}.page-header.svelte-1g6d3mg{margin-bottom:1.8rem}.header-title.svelte-1g6d3mg{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.75rem}.header-title.svelte-1g6d3mg h1:where(.svelte-1g6d3mg){font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.counter.svelte-1g6d3mg{font-family:var(--font-mono);font-size:.82rem;color:var(--accent-gold);opacity:.8}.progress-bar.svelte-1g6d3mg{width:100%;height:3px;background:#ffffff0a;border-radius:2px;overflow:hidden}.progress-fill.svelte-1g6d3mg{height:100%;background:linear-gradient(90deg,var(--accent-gold),var(--accent-gold-bright));border-radius:2px;box-shadow:0 0 8px #d4a8434d}.filter-pills.svelte-1g6d3mg{display:flex;gap:.4rem;margin-bottom:2rem}.pill.svelte-1g6d3mg{font-family:var(--font-display);font-size:.76rem;font-weight:500;padding:.38rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;letter-spacing:.02em}.pill.svelte-1g6d3mg:hover{background:#ffffff0a;color:var(--text-primary)}.pill.active.svelte-1g6d3mg{background:#d4a8431a;border-color:#d4a84340;color:var(--accent-gold)}.loading-state.svelte-1g6d3mg{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;min-height:600px}.loading-shimmer.svelte-1g6d3mg{width:100%;height:140px;border-radius:12px;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.04) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 1.5s infinite}.badge-grid.svelte-1g6d3mg{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;min-height:600px}@media(max-width:768px){.badge-grid.svelte-1g6d3mg{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.badge-grid.svelte-1g6d3mg{grid-template-columns:repeat(2,1fr);gap:.75rem}.achievements-page.svelte-1g6d3mg{padding:1.5rem 1rem 3rem}}.badge-card.svelte-1g6d3mg{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.3rem .6rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.04);background:#0e0e1499;opacity:0;color:var(--text-muted);overflow:hidden;will-change:transform}.badge-card.unlocked.svelte-1g6d3mg{opacity:1;border-color:color-mix(in srgb,var(--tier-color) 30%,transparent);background:#0e0e14cc}.badge-card.unlocked.svelte-1g6d3mg:hover{border-color:color-mix(in srgb,var(--tier-color) 50%,transparent);box-shadow:0 8px 24px #0000004d}.badge-glow.svelte-1g6d3mg{display:none}.badge-card.unlocked.svelte-1g6d3mg .badge-glow:where(.svelte-1g6d3mg){display:block;position:absolute;top:-40%;left:50%;transform:translate(-50%);width:80%;height:60%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tier-color) 12%,transparent),transparent 70%);pointer-events:none;opacity:1}.badge-icon-wrap.svelte-1g6d3mg{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff05;margin-bottom:.6rem;position:relative;z-index:1}.badge-card.unlocked.svelte-1g6d3mg .badge-icon-wrap:where(.svelte-1g6d3mg){background:color-mix(in srgb,var(--tier-color) 8%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--tier-color) 15%,transparent)}.badge-name.svelte-1g6d3mg{font-family:var(--font-display);font-size:.78rem;font-weight:600;color:var(--text-muted);margin-bottom:.25rem;line-height:1.2;position:relative;z-index:1}.badge-card.unlocked.svelte-1g6d3mg .badge-name:where(.svelte-1g6d3mg){color:var(--text-primary)}.badge-desc.svelte-1g6d3mg{font-family:var(--font-body);font-size:.7rem;color:var(--text-muted);line-height:1.35;position:relative;z-index:1;opacity:.7}.badge-card.unlocked.svelte-1g6d3mg .badge-desc:where(.svelte-1g6d3mg){color:var(--text-secondary);opacity:1}.badge-date.svelte-1g6d3mg{font-family:var(--font-mono);font-size:.58rem;color:var(--tier-color);margin-top:.4rem;opacity:.7;position:relative;z-index:1}.badge-tier.svelte-1g6d3mg{position:absolute;top:6px;right:8px;font-family:var(--font-display);font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);opacity:.4}.badge-card.unlocked.svelte-1g6d3mg .badge-tier:where(.svelte-1g6d3mg){color:var(--tier-color);opacity:.7}