.how.svelte-1dzsigi{width:min(100% - 2rem,72rem);padding:var(--space-8) 0 var(--space-16);margin:0 auto}.intro.svelte-1dzsigi{max-width:40rem;padding-bottom:var(--space-8)}h1.svelte-1dzsigi{font-size:clamp(var(--text-2xl), 7vw, var(--text-score))}.lede.svelte-1dzsigi{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-lg);max-width:36ch;line-height:1.45}.steps.svelte-1dzsigi{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.step.svelte-1dzsigi{align-content:start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:grid}.step.svelte-1dzsigi h2:where(.svelte-1dzsigi){align-items:baseline;gap:var(--space-2);font-size:var(--text-lg);letter-spacing:-.01em;display:flex}.step.svelte-1dzsigi p:where(.svelte-1dzsigi){color:var(--muted);max-width:52ch;margin:0}.number.svelte-1dzsigi{color:var(--accent);font:italic 900 var(--text-xl)/1 "Barlow Condensed", sans-serif;font-variant-numeric:tabular-nums}.art.svelte-1dzsigi{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius);background:var(--background);height:8.5rem;display:flex;overflow:hidden}.park.svelte-1dzsigi{width:9rem;height:auto}.outfield.svelte-1dzsigi{fill:oklch(40% .07 150)}.infield.svelte-1dzsigi{fill:oklch(55% .07 65)}.base.svelte-1dzsigi{fill:var(--text)}.pack.svelte-1dzsigi{width:5.5rem;padding-inline:var(--space-1);aspect-ratio:5/7;color:oklch(15% .02 50);text-align:center;background:linear-gradient(160deg,oklch(70% .17 50),oklch(58% .19 40));border-radius:.3rem;place-content:center;justify-items:center;font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 0 0 2px oklch(100% 0 0/.35),0 .5rem 1rem oklch(8% .01 255/.4)}.pack-name.svelte-1dzsigi{text-transform:uppercase;overflow-wrap:anywhere;font-size:.9375rem}.pack-years.svelte-1dzsigi{margin-top:var(--space-1);font-size:.75rem}.pack.small.svelte-1dzsigi{width:4.25rem}.pack.small.svelte-1dzsigi:first-child{color:oklch(95% .02 260);background:linear-gradient(160deg,oklch(45% .15 260),oklch(35% .15 260))}.pack.extra.svelte-1dzsigi{box-shadow:inset 0 0 0 2px var(--border);color:var(--muted);background:0 0}.plus.svelte-1dzsigi{font-size:1.75rem;font-style:normal;font-weight:400}.roster-art.svelte-1dzsigi{gap:var(--space-2);flex-direction:column}.slots.svelte-1dzsigi{grid-template-columns:repeat(9,1.6rem);gap:3px;display:grid}.slots.pitchers.svelte-1dzsigi{grid-template-columns:repeat(7,1.6rem)}.slots.svelte-1dzsigi span:where(.svelte-1dzsigi){border:1px dashed var(--border);height:2.1rem;color:var(--muted);border-radius:3px;place-items:center;font:700 .625rem/1 system-ui,sans-serif;display:grid}.slots.svelte-1dzsigi span.filled:where(.svelte-1dzsigi){background:var(--surface-raised);color:var(--text);border:0}.scorebug.svelte-1dzsigi{justify-items:center;gap:var(--space-2);display:grid}.record.svelte-1dzsigi{font:italic 900 var(--text-3xl)/1 "Barlow Condensed", sans-serif;letter-spacing:.01em}.record.svelte-1dzsigi span:where(.svelte-1dzsigi){color:var(--muted)}.streak.svelte-1dzsigi{gap:3px;display:flex}.streak.svelte-1dzsigi i:where(.svelte-1dzsigi){background:var(--accent);border-radius:50%;width:.5rem;height:.5rem}.earn.svelte-1dzsigi{color:var(--accent);font:800 var(--text-3xl)/1 "Barlow Condensed", sans-serif}.next.svelte-1dzsigi{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.next.svelte-1dzsigi .button:where(.svelte-1dzsigi){min-width:10rem}@media (width>=40rem){.steps.svelte-1dzsigi{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.steps.svelte-1dzsigi{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=22rem){.slots.svelte-1dzsigi{grid-template-columns:repeat(9,1.35rem)}.slots.pitchers.svelte-1dzsigi{grid-template-columns:repeat(7,1.35rem)}}@media (width<=30rem){.next.svelte-1dzsigi{display:grid}}