.toolbar{--toolbar-surface:#1d1a24eb;--toolbar-chip:#ffffff14;--toolbar-chip-hover:#ffffff29;z-index:1;margin-inline:calc(var(--page-gutter) * -1);padding-block:12px;padding-inline:var(--page-gutter);background:var(--toolbar-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:8px;display:grid;position:sticky;inset-block-start:0}.toolbar__nav,.packs{scrollbar-width:none;margin:-3px;padding:3px;overflow-x:auto}.jump,.packs{gap:6px;display:flex}.jump{margin:0;padding:0;list-style:none}@media (width>=64rem){.jump,.packs{flex-wrap:wrap}}.jump__link,.packs__option{background:var(--toolbar-chip);color:inherit;font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding-block:6px;padding-inline:12px;font-size:.875rem;text-decoration:none;display:inline-flex}.jump__link:hover,.packs__option:hover{background:var(--toolbar-chip-hover)}.jump__count{color:var(--colour-muted);font-variant-numeric:tabular-nums}.packs__option[aria-pressed=true]{background:var(--colour-accent);color:var(--colour-on-accent)}.category{margin-block-start:40px;scroll-margin-block-start:7rem}@media (width>=64rem){.category{scroll-margin-block-start:9.5rem}}.category__header{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-block-end:16px;display:flex}.category__title{margin:0;font-size:1.5rem}.category__meta{color:var(--colour-muted);margin:0;font-size:.875rem}.category__items{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.item{--item-surface:#ffffff0d;--item-spotlight:#ffecc824;background:var(--item-surface);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.item__stage{background:radial-gradient(ellipse 70% 60% at 50% 35%, var(--item-spotlight), transparent);block-size:208px;padding-block:8px;display:grid}.item__stage--figure{place-items:end center}.item__stage--face{place-items:center}.item__picture{image-rendering:pixelated}.item__stage--figure .item__picture{block-size:192px;inline-size:144px}.item__stage--face .item__picture{block-size:128px;inline-size:128px}.item__body{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.item__name{margin:0;font-size:1rem}.item__name:first-letter{text-transform:uppercase}.item__meta{color:var(--colour-muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:.8125rem;display:flex}.item__pack{border:1px solid var(--colour-accent);color:var(--colour-accent);border-radius:999px;padding-block:1px;padding-inline:8px}.swatches{border:0;flex-wrap:wrap;gap:6px;min-inline-size:0;margin:0;padding:0;display:flex}.swatches__legend{color:var(--colour-muted);margin-block-end:6px;padding:0;font-size:.8125rem}.swatches__current{color:var(--colour-text)}.swatches__swatch{background:var(--swatch);cursor:pointer;border:2px solid #ffffff40;border-radius:50%;block-size:24px;inline-size:24px;padding:0}.swatches__swatch[aria-pressed=true]{outline:2px solid var(--colour-accent);outline-offset:2px}.item__rules{color:var(--colour-muted);gap:2px;margin:0;padding-inline-start:1.1em;font-size:.8125rem;display:grid}.item__try{color:var(--colour-accent);text-underline-offset:3px;align-self:start;margin-block-start:auto;font-weight:600}:root{--colour-page:#1d1a24;--colour-text:#f2eee6;--colour-muted:#f2eee6ad;--colour-accent:#ffcf78;--colour-on-accent:#1d1a24;--page-gutter:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--colour-page);color:var(--colour-text);font-family:system-ui,sans-serif;line-height:1.4}*,:before,:after{box-sizing:border-box}body{margin:0}:focus-visible{outline:2px solid var(--colour-accent);outline-offset:2px}.app{max-inline-size:72rem;padding-block:32px 64px;padding-inline:var(--page-gutter);margin-inline:auto}.masthead__title{margin:0;font-size:2rem}.masthead__intro{max-inline-size:40rem;color:var(--colour-muted);margin-block:8px 16px}.masthead__intro a{color:var(--colour-accent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}