@layer theme, base, cards, components, utilities;@layer components{.pfo-mark{--pfo-r:var(--r,var(--color-ivoire));display:inline-block;flex:none;font-family:var(--pf-font-display),var(--pf-font),ui-sans-serif,system-ui,sans-serif;font-size:1.1875em;font-weight:800;font-variant-numeric:lining-nums;line-height:1;letter-spacing:0;color:color-mix(in oklab,var(--pfo-r) 82%,var(--pf-bg));text-shadow:0 1px 0 color-mix(in oklab,var(--pf-text) 40%,transparent);user-select:none;cursor:default}.pfo-mark:not([data-rarity]){--pfo-r:var(--color-ivoire)}:where(.pf-root[data-pf-theme=clair]) .pf-paper .pfo-mark{color:color-mix(in oklab,var(--pfo-r) 46%,var(--pf-text));text-shadow:0 1px 0 oklch(1 0 0/.8)}.pfo-inline{margin-right:.4em;margin-block:-.2em;vertical-align:-.04em}.pfo-wiki{margin-top:12px;padding-inline:var(--pf-m)}.pfo-wiki--after{margin-top:0;padding-inline:0}.pfo-wiki a{display:inline-flex;align-items:center;gap:8px}.pfo-wiki svg{width:18px;height:18px;flex:none}.pfo-copy{grid-column:2/-1;margin-top:6px}.pfo-copy__label{font-size:var(--pf-t-small);font-weight:600;line-height:1.35}.pfo-copy__who{overflow-wrap:anywhere}.pfo-copy__label sup,.pfo-next sup{top:-.38em;margin-left:.04em;font-size:.7em;line-height:0;vertical-align:baseline}.pfo-next{margin-top:8px;font-size:var(--pf-t-small);line-height:1.45;color:var(--pf-mist)}.pfo-chain{margin-top:6px;font-size:var(--pf-t-small);line-height:1.35}.pfo-chain,.pfo-step{position:relative;display:grid}.pfo-step{grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"mark who when";align-items:start;column-gap:12px;padding:8px 0}.pfo-gap:before,.pfo-step:before{content:"";position:absolute;top:0;bottom:0;left:10.5px;width:1px;background:var(--pf-rule-night)}.pfo-step:first-child:before{top:19px}.pfo-step:last-child:before{bottom:auto;height:19px}.pfo-step:only-child:before{display:none}.pfo-gap:before{width:0;background:none;border-left:1px dashed color-mix(in oklch,var(--pf-paper) 32%,var(--pf-night))}.pfo-step__mark{position:relative;z-index:1;grid-area:mark}.pfo-step__first,.pfo-step__mark{display:grid;place-items:center;width:22px;height:22px}.pfo-step__first{border-radius:50%;background:var(--pf-night)}.pfo-step__first .pfo-mark{font-size:1.0625rem}.pfo-step__rank{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--pf-night);box-shadow:inset 0 0 0 1px var(--pf-rule-night);color:var(--pf-mist);font-size:.6875rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.pfo-step__who{display:flex;flex-wrap:wrap;grid-area:who;align-items:baseline;gap:0 8px;min-width:0;padding-top:2px}.pfo-step__name{max-width:100%;min-width:0;overflow:hidden;font-weight:700;color:var(--pf-paper);text-overflow:ellipsis;white-space:nowrap}a.pfo-step__name{text-decoration-line:underline;text-decoration-color:color-mix(in oklch,var(--pf-paper) 30%,transparent);text-decoration-thickness:1.5px;text-underline-offset:.24em;transition:text-decoration-color .15s}a.pfo-step__name:hover{text-decoration-color:var(--pf-gold)}.pfo-step__name[data-gone]{font-weight:600;color:var(--pf-mist)}.pfo-step__how,.pfo-step__when{color:var(--pf-mist)}.pfo-step__when{grid-area:when;padding-top:2px;font-variant-numeric:tabular-nums;white-space:nowrap}.pfo-gap{position:relative;padding:6px 0 6px 34px;color:var(--pf-mist)}@media (max-width:639.98px){.pfo-copy{grid-column:1/-1}.pfo-step{grid-template-columns:22px minmax(0,1fr);grid-template-areas:"mark who" "mark when";row-gap:1px}.pfo-step__when{padding-top:0}}}