.badges-page.svelte-97426z{width:min(100%,76rem);margin:0 auto;padding:clamp(1.2rem,4vw,3rem)}.section-block.svelte-97426z{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffdb;border-radius:1.35rem;margin-top:2rem;padding:clamp(1rem,2.5vw,1.5rem)}.section-block.weekly.svelte-97426z{background:linear-gradient(145deg, #ffffffeb, var(--turquoise-soft))}.section-heading.svelte-97426z{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.section-heading.svelte-97426z p:where(.svelte-97426z),.section-heading.svelte-97426z h2:where(.svelte-97426z){margin:0}.section-heading.svelte-97426z p:where(.svelte-97426z){color:var(--purple-deep);letter-spacing:.07em;text-transform:uppercase;font-size:.72rem;font-weight:900}.section-heading.svelte-97426z h2:where(.svelte-97426z){margin-top:.2rem;font-size:1.35rem}.section-heading.svelte-97426z>span:where(.svelte-97426z){color:var(--ink-muted);font-size:.78rem;font-weight:750}.badge-grid.svelte-97426z{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.badge.svelte-97426z{background:var(--surface-soft);opacity:.85;border-radius:1rem;gap:.8rem;min-width:0;padding:1rem;display:flex}.badge.earned.svelte-97426z{background:linear-gradient(135deg, var(--yellow-soft), var(--pink-soft));opacity:1}.badge-icon.svelte-97426z{background:#fff;border-radius:.9rem;flex:none;place-items:center;width:3rem;height:3rem;font-size:1.5rem;display:grid}.badge-content.svelte-97426z{flex:1;min-width:0}.badge.svelte-97426z h3:where(.svelte-97426z),.badge.svelte-97426z p:where(.svelte-97426z){margin:0}.badge.svelte-97426z h3:where(.svelte-97426z){font-size:.9rem}.badge.svelte-97426z p:where(.svelte-97426z){color:var(--ink-muted);margin:.25rem 0 .65rem;font-size:.72rem;line-height:1.4}.badge.svelte-97426z small:where(.svelte-97426z){color:var(--turquoise-deep);font-weight:850}.empty.svelte-97426z{color:var(--ink-muted)}@media (width<=900px){.badge-grid.svelte-97426z{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.section-heading.svelte-97426z{flex-direction:column;align-items:flex-start}.badge-grid.svelte-97426z{grid-template-columns:1fr}}