.step.ypb-10hi4yo{background:linear-gradient(180deg, var(--legend-smoke), var(--legend-card));transition:transform .2s var(--legend-ease), box-shadow .2s var(--legend-ease);border-radius:18px;overflow:hidden}.step.ypb-10hi4yo:hover{transform:translateY(-5px);box-shadow:0 0 0 1px #ffd34d80,0 16px 36px #00000080}.ph.ypb-10hi4yo{aspect-ratio:4/3;background:radial-gradient(circle at 50% 30%,#ff8a1e21,#0000 64%),#06060b;position:relative;overflow:hidden}.ph.ypb-10hi4yo img:where(.ypb-10hi4yo){width:100%;height:100%;transition:transform .4s var(--legend-ease);position:absolute;inset:0}.ph-fg.ypb-10hi4yo{z-index:1;object-fit:contain;object-position:center}.step.ypb-10hi4yo:hover .ph-fg:where(.ypb-10hi4yo){transform:scale(1.05)}.n.ypb-10hi4yo{color:#1c1203;width:38px;height:38px;font-family:var(--font-display);background:linear-gradient(180deg, var(--legend-gold-1), var(--legend-gold-3));border-radius:11px;place-items:center;font-size:20px;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 4px 14px #f5b31580}.bd.ypb-10hi4yo{padding:16px 18px 20px}.bd.ypb-10hi4yo h3:where(.ypb-10hi4yo){font-family:var(--font-cond);text-transform:uppercase;margin:0 0 6px;font-size:22px;font-weight:700}.bd.ypb-10hi4yo p:where(.ypb-10hi4yo){color:var(--legend-muted);font-family:var(--font-cond);margin:0;font-size:15.5px;line-height:1.45}@media (prefers-reduced-motion:reduce){.step.ypb-10hi4yo:hover,.step.ypb-10hi4yo:hover .ph:where(.ypb-10hi4yo) img:where(.ypb-10hi4yo){transform:none}}.how-page.ypb-1thf6pg{font-family:var(--font-cond);margin:calc(-1*clamp(20px,3vw,32px)) calc(50% - 50vw) -72px}.how-wrap.ypb-1thf6pg{width:min(100%, var(--legend-maxw));margin:0 auto;padding:0 22px}.how-section.ypb-1thf6pg{padding:clamp(48px,7vw,80px) 0}.soft.ypb-1thf6pg{background:linear-gradient(#0000,#ffffff06,#0000)}.steps.ypb-1thf6pg,.currency-grid.ypb-1thf6pg,.battle-grid.ypb-1thf6pg{grid-template-columns:1fr;gap:18px;margin-top:28px;display:grid}.currency-card.ypb-1thf6pg,.battle-card.ypb-1thf6pg{background:linear-gradient(180deg, var(--legend-smoke), var(--legend-card));border:1px solid var(--legend-line);border-radius:16px;padding:22px}.battle-card.ypb-1thf6pg{border-color:color-mix(in srgb, var(--color-violet) 45%, var(--legend-line))}.currency-card.ypb-1thf6pg h3:where(.ypb-1thf6pg),.battle-card.ypb-1thf6pg h3:where(.ypb-1thf6pg){color:var(--legend-gold-1);font-family:var(--font-display);text-transform:uppercase;margin:0 0 9px;font-size:24px;font-weight:400}.battle-card.ypb-1thf6pg h3:where(.ypb-1thf6pg){color:var(--color-cyan)}.currency-card.ypb-1thf6pg p:where(.ypb-1thf6pg),.battle-card.ypb-1thf6pg p:where(.ypb-1thf6pg){color:var(--legend-muted);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.55}.currency-card.ypb-1thf6pg a:where(.ypb-1thf6pg){color:var(--legend-gold-1);font-family:var(--font-mono);text-transform:uppercase;margin-top:14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.currency-card.ypb-1thf6pg a:where(.ypb-1thf6pg):hover,.currency-card.ypb-1thf6pg a:where(.ypb-1thf6pg):focus-visible{text-decoration:underline}@media (width>=660px){.steps.ypb-1thf6pg,.currency-grid.ypb-1thf6pg,.battle-grid.ypb-1thf6pg{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.steps.ypb-1thf6pg,.battle-grid.ypb-1thf6pg{grid-template-columns:repeat(3,1fr)}.currency-grid.ypb-1thf6pg{grid-template-columns:repeat(4,1fr)}}