.badge-hero.svelte-1spkiut{background:radial-gradient(90% 130% at 0% 0%, #ff3b3b29, transparent 60%), radial-gradient(80% 120% at 100% 0%, #10dfff1f, transparent 60%), var(--color-panel);border:1px solid var(--color-line);border-top:2px solid var(--color-red);border-radius:var(--radius-panel);box-shadow:var(--depth-1);gap:12px;padding:clamp(20px,4vw,40px);display:grid}.badge-hero.svelte-1spkiut h1:where(.svelte-1spkiut){font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(1.9rem,5vw,3.2rem);line-height:.95}.hero-intro.svelte-1spkiut{max-width:72ch;color:var(--color-muted);margin:0;line-height:1.6}.hero-stats.svelte-1spkiut{flex-wrap:wrap;gap:10px;margin:4px 0 0;display:flex}.hero-stats.svelte-1spkiut>div:where(.svelte-1spkiut){border:1px solid var(--color-line);background:#05080cc2;border-radius:999px;align-items:baseline;gap:.5rem;padding:8px 14px;display:flex}.hero-stats.svelte-1spkiut dt:where(.svelte-1spkiut){color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.64rem}.hero-stats.svelte-1spkiut dd:where(.svelte-1spkiut){font-family:var(--font-display);margin:0;font-size:1.05rem;line-height:1}.hero-actions.svelte-1spkiut{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.chip-rail.svelte-1spkiut{flex-wrap:wrap;gap:8px;display:flex}.chip.svelte-1spkiut{font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-text);border:1px solid var(--color-line);transition:border-color .16s var(--ease-out), transform .16s var(--ease-out);background:#05080cb3;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.72rem;text-decoration:none;display:inline-flex}.chip.svelte-1spkiut:hover,.chip.svelte-1spkiut:focus-visible{border-color:var(--accent-solid,var(--color-cyan));transform:translateY(-1px)}.chip-count.svelte-1spkiut{color:var(--color-muted);font-size:.66rem}.cat.svelte-1spkiut{background:radial-gradient(120% 90% at 0% 0%, var(--accent), transparent 60%), var(--color-panel);border:1px solid var(--color-line);border-top:2px solid var(--accent-solid,var(--color-line));border-radius:var(--radius-panel);box-shadow:var(--depth-1);gap:clamp(12px,2vw,18px);padding:clamp(14px,2vw,20px);scroll-margin-top:80px;display:grid}.cat-head.svelte-1spkiut{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.cat-title.svelte-1spkiut{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(1.4rem,3.2vw,2.1rem);line-height:1}.cat-blurb.svelte-1spkiut{max-width:76ch;color:var(--color-muted);margin:4px 0 0;font-size:.92rem;line-height:1.55}.cat-count.svelte-1spkiut{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);flex:none;font-size:.72rem}.badge-grid.svelte-1spkiut{grid-template-columns:1fr;gap:12px;display:grid}.badge-card.svelte-1spkiut{align-content:start;gap:8px;height:100%;display:grid}.badge-card.locked.svelte-1spkiut{opacity:.92}.badge-art.svelte-1spkiut{place-items:center;padding:6px 0 2px;display:grid;position:relative}.badge-card.locked.svelte-1spkiut .badge-art:where(.svelte-1spkiut) img:where(.svelte-1spkiut){filter:grayscale(.55)brightness(.78)}.badge-card.earned.svelte-1spkiut .badge-art:where(.svelte-1spkiut) img:where(.svelte-1spkiut){filter:drop-shadow(0 0 10px #10dfff66)}.earned-pip.svelte-1spkiut{color:#04240f;background:var(--color-cyan,#10dfff);border-radius:999px;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:900;display:grid;position:absolute;top:2px;right:calc(50% - 64px);box-shadow:0 0 10px #10dfff99}.badge-tags.svelte-1spkiut{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.badge-fame.svelte-1spkiut{color:var(--color-text);align-items:baseline;gap:.3rem;display:inline-flex}.badge-fame.svelte-1spkiut strong:where(.svelte-1spkiut){font-family:var(--font-display);font-size:.92rem;line-height:1}.badge-name.svelte-1spkiut{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(1.02rem,2vw,1.2rem);line-height:1}.badge-how.svelte-1spkiut{color:var(--color-muted);margin:0;font-size:.84rem;line-height:1.45}.badge-series.svelte-1spkiut{color:var(--color-dim);font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:.62rem}.cta-band.svelte-1spkiut{text-align:center;background:radial-gradient(80% 140% at 50% 0%, #ff3b3b24, transparent 62%), var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-panel);gap:12px;padding:clamp(22px,4vw,40px);display:grid}.cta-band.svelte-1spkiut h2:where(.svelte-1spkiut){font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(1.7rem,4.5vw,2.6rem);line-height:.95}.cta-copy.svelte-1spkiut{max-width:56ch;color:var(--color-muted);margin:0 auto;line-height:1.6}.cta-actions.svelte-1spkiut{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}[data-accent=red].svelte-1spkiut{--accent:#ff3b3b1f;--accent-solid:var(--color-red)}[data-accent=cyan].svelte-1spkiut{--accent:#10dfff1f;--accent-solid:var(--color-cyan)}[data-accent=amber].svelte-1spkiut{--accent:#ffb4231f;--accent-solid:var(--color-amber)}[data-accent=violet].svelte-1spkiut{--accent:#a855f724;--accent-solid:var(--color-violet)}@media (width>=560px){.badge-grid.svelte-1spkiut{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.badge-grid.svelte-1spkiut{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1200px){.badge-grid.svelte-1spkiut{grid-template-columns:repeat(4,minmax(0,1fr))}}