@layer components{.pf-defs{width:0;height:0;position:absolute;overflow:hidden}.pf-header{text-align:center;max-width:46rem;margin:0 auto}.pf-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);margin-top:16px;font-size:clamp(2.1rem,5.2vw,4rem);font-weight:500;line-height:1.05}.pf-title .grad-text{display:inline-block}.pf-lede{max-width:40rem;color:var(--color-ink-soft);margin:18px auto 0;font-size:15px;line-height:1.7}.pf-hero{border:1px solid var(--color-line);background:radial-gradient(ellipse 70% 80% at 50% 52%, #120d2a 0%, transparent 72%), var(--color-void);border-radius:28px;margin-top:40px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 40px 120px -60px #6b4dff73}.pf-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#d6d6e438,#0000);height:1px;position:absolute;inset:0 10% auto}.pf-system{aspect-ratio:1200/680;width:100%;height:auto}.pf-hero-legend{letter-spacing:.04em;color:var(--color-muted);inset-inline-start:18px;flex-wrap:wrap;gap:14px;font-size:11px;display:flex;position:absolute;bottom:14px}.pf-legend-item{align-items:center;gap:7px;display:inline-flex}.pf-legend-world{background:radial-gradient(circle at 34% 30%,#f7f4ff,#9b4dff 40%,#2a1660 100%);border-radius:999px;width:9px;height:9px;box-shadow:0 0 8px #9b4dff99}.pf-legend-item[data-state=built] .pf-legend-world{background:var(--color-void);box-shadow:none;border:1px dashed #9b4dffb3}.pf-tally{text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 22px;margin-top:22px;display:flex}.pf-tally-figure{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);align-items:center;gap:10px;font-size:clamp(18px,2.4vw,22px);display:inline-flex}.pf-tally-dot{background:var(--wh-white,#f7f4ff);border-radius:999px;width:7px;height:7px;box-shadow:0 0 10px 2px #f7f4ff8c,0 0 24px 6px #9b4dff59}.pf-tally-state{color:var(--color-muted);font-size:13px}.pf-index{margin-top:26px}.pf-index ul{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pf-index-chip{border:1px solid var(--color-line);min-height:36px;color:var(--color-ink-soft);background:#08080fb3;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;transition:border-color .25s,color .25s;display:inline-flex}.pf-index-chip:hover{border-color:var(--pf-c,#9b4dff)}@supports (color:color-mix(in lab, red, red)){.pf-index-chip:hover{border-color:color-mix(in srgb, var(--pf-c,#9b4dff) 55%, var(--color-line))}}.pf-index-chip:hover{color:var(--color-ink)}.pf-index-dot{background:var(--pf-c,#9b4dff);width:7px;height:7px;box-shadow:0 0 8px var(--pf-c,#9b4dff);border-radius:999px;flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.pf-index-dot{box-shadow:0 0 8px color-mix(in srgb, var(--pf-c,#9b4dff) 70%, transparent)}}.pf-index-chip[data-state=built] .pf-index-dot{border:1px dashed var(--color-muted);box-shadow:none;background:0 0}.pf-index-count{font-family:var(--font-mono);color:var(--color-muted);font-size:11px}.pf-group{margin-top:96px;scroll-margin-top:24px}.pf-group-head{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:4px 16px;display:grid}.pf-group-glyph{width:56px;height:56px}.pf-group-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-size:clamp(22px,3vw,30px);font-weight:500}.pf-group-line{max-width:44rem;color:var(--color-muted);margin-top:4px;font-size:14px;line-height:1.6}.pf-group-count{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--pf-c);grid-column:2;font-size:11px}@supports (color:color-mix(in lab, red, red)){.pf-group-count{color:color-mix(in srgb, var(--pf-c) 60%, var(--color-ink))}}.pf-measured{margin-top:18px;padding-inline-start:2px}.pf-cards{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:24px;display:grid}.pf-card-cell{min-width:0}.pf-card{border:1px solid var(--color-line);background:radial-gradient(120% 80% at 50% 0%, var(--pf-c), transparent 62%), linear-gradient(180deg, #0b0a14, #07070d);border-radius:20px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.pf-card{background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--pf-c) 12%, transparent), transparent 62%), linear-gradient(180deg, #0b0a14, #07070d)}}.pf-card{transition:border-color .3s, transform .4s var(--ease-out-expo,ease-out), box-shadow .3s}a.pf-card:hover{border-color:var(--pf-c)}@supports (color:color-mix(in lab, red, red)){a.pf-card:hover{border-color:color-mix(in srgb, var(--pf-c) 55%, var(--color-line))}}a.pf-card:hover{box-shadow:0 24px 60px -36px var(--pf-c);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){a.pf-card:hover{box-shadow:0 24px 60px -36px color-mix(in srgb, var(--pf-c) 70%, transparent)}}a.pf-card:active{transform:translateY(0)}.pf-card-art{aspect-ratio:2;background:radial-gradient(ellipse 70% 80% at 50% 55%, var(--pf-c), transparent 75%);border-bottom:1px solid #d6d6e40f;position:relative}@supports (color:color-mix(in lab, red, red)){.pf-card-art{background:radial-gradient(ellipse 70% 80% at 50% 55%, color-mix(in srgb, var(--pf-c) 9%, transparent), transparent 75%)}}.pf-glyph{width:100%;height:100%;display:block}.pf-card-body{flex-direction:column;flex:1;gap:6px;padding:16px 18px 18px;display:flex}.pf-card-group{letter-spacing:.04em;color:var(--color-muted);align-items:center;gap:7px;font-size:11px;display:inline-flex}.pf-card-name{font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-ink);font-size:18px;font-weight:500}.pf-card-line{color:var(--color-muted);font-size:13.5px;line-height:1.6}.pf-card-figure{font-family:var(--font-mono);color:var(--color-ink-soft);font-size:12px}.pf-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-size:12px;display:flex}.pf-state{letter-spacing:.04em;color:var(--color-ink-soft);align-items:center;gap:7px;display:inline-flex}.pf-state-dot{background:var(--color-ok);border-radius:999px;width:6px;height:6px;box-shadow:0 0 6px 1px #56d3a080}.pf-state[data-state=built]{color:var(--color-muted)}.pf-state[data-state=built] .pf-state-dot{border:1px dashed var(--color-muted);box-shadow:none;background:0 0}.pf-card-go{color:var(--color-accent-ink)}.pf-built{background:linear-gradient(#d6d6e406 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#d6d6e406 1px,#0000 1px) 0 0/28px 28px,radial-gradient(60% 50% at 50% 0,#6b4dff14,#0000 70%);border:1px dashed #d6d6e424;border-radius:28px;margin-top:112px;padding:28px 16px 20px;scroll-margin-top:24px;position:relative}.pf-built-head{text-align:center;max-width:40rem;margin:0 auto}.pf-built-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-size:clamp(24px,3.4vw,34px);font-weight:500}.pf-built-lede{color:var(--color-muted);margin-top:8px;font-size:14px;line-height:1.6}.pf-cards-built .pf-card{background:#0202058c;border-style:dashed;border-color:#d6d6e41f}.pf-card[data-state=built] .pf-glyph{filter:grayscale();opacity:.55}.pf-cards-built .pf-card-art{aspect-ratio:5/2;background:0 0}.pf-cards-built .pf-card-name{color:var(--color-ink-soft)}.pf-end{text-align:center;margin-top:112px;position:relative}.pf-end-ring{border:1.5px solid var(--color-ink);opacity:.85;border-radius:999px;width:72px;height:72px;margin:0 auto 18px;position:relative}.pf-end-ring:before{content:"";inset-inline:-40px;background:linear-gradient(90deg,#0000,#d6d6e480,#0000);height:1px;position:absolute;top:50%}.pf-end-ring span{background:#f7f4ff;border-radius:999px;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 12px 3px #f7f4ff99,0 0 30px 8px #9b4dff59}.pf-end-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-size:clamp(26px,3.6vw,40px);font-weight:500}.pf-ways{text-align:start;grid-template-columns:minmax(0,1fr);gap:12px;max-width:1000px;margin:28px auto 0;display:grid}.pf-way{border:1px solid var(--color-line);height:100%;transition:border-color .25s, transform .35s var(--ease-out-expo,ease-out);background:#08080fd6;border-radius:16px;padding:18px 20px;display:block}.pf-way:hover{border-color:var(--wh-b)}@supports (color:color-mix(in lab, red, red)){.pf-way:hover{border-color:color-mix(in srgb, var(--wh-b) 50%, var(--color-line))}}.pf-way:hover{transform:translateY(-2px)}.pf-way-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);justify-content:space-between;gap:12px;font-size:17px;display:flex}.pf-way-body{color:var(--color-muted);margin-top:6px;font-size:13.5px;line-height:1.6;display:block}@keyframes pf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pf-counter{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pf-flow{to{stroke-dashoffset:-100px}}@keyframes pf-glow{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:no-preference){.pf-spin{transform-origin:0 0;animation:linear infinite pf-spin}.pf-counter{transform-origin:0 0;animation:linear infinite pf-counter}.pf-flow{animation:4s linear infinite pf-flow}.pf-flow.pf-slow{animation-duration:9s}.pf-glow{animation:3.6s ease-in-out infinite pf-glow}}.pf-anim{animation-play-state:paused}[data-awake="1"] .pf-anim{animation-play-state:running}@media (max-width:639px){.pf-system{aspect-ratio:auto;height:300px}.pf-system-labels{display:none}.pf-hero{border-radius:22px;margin-top:28px}.pf-group{margin-top:72px}.pf-group-head{grid-template-columns:44px minmax(0,1fr);gap:4px 12px}.pf-group-glyph{width:44px;height:44px}.pf-cards-built .pf-card{flex-direction:row}.pf-cards-built .pf-card-art{aspect-ratio:auto;border-bottom:0;border-inline-end:1px solid #d6d6e40f;flex:0 0 96px}.pf-cards-built .pf-card-body{gap:4px;padding:12px 14px}.pf-cards-built .pf-card-name{font-size:16px}.pf-cards-built .pf-card-line{font-size:12.5px}}@media (max-width:399px){.pf-built{padding-inline:10px}.pf-cards-built .pf-card-art{flex-basis:64px}}@media (min-width:640px){.pf-cards,.pf-ways{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-built{padding:40px 28px 28px}}@media (min-width:1024px){.pf-group{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;column-gap:48px;display:grid}.pf-group-head{grid-template-columns:minmax(0,1fr);gap:10px;position:sticky;top:32px}.pf-group-glyph{width:72px;height:72px}.pf-group-count{grid-column:auto}.pf-group>.pf-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.pf-group>.pf-measured{grid-column:2}.pf-cards-built,.pf-ways{grid-template-columns:repeat(4,minmax(0,1fr))}}}