.pfx-layer{z-index:2147483000;pointer-events:none;font-family:inherit;position:fixed;inset:0;overflow:hidden}.pfx-layer>*{position:fixed;top:0;left:0}.pfx-x,.pfx-y{will-change:transform}.pfx-burst{color:#00a36c;white-space:nowrap;text-shadow:0 1px #fff,0 0 12px #fff;font-size:24px;font-weight:800}.pfx-burst.small{font-size:16px}.pfx-tag{color:#fff;white-space:nowrap;background:#00a36c;border-radius:999px;padding:3px 9px;font-size:13px;font-weight:800;transform:translate(-50%);box-shadow:0 3px 10px #00a36c47}.pfx-piece{place-items:center;display:grid;position:absolute}.pfx-piece svg{width:100%;height:100%;display:block}.pfx-star{filter:drop-shadow(0 2px 3px #c98a0a73);width:20px;height:20px}.pfx-star path{fill:#f5b82e;stroke:#c98a0a;stroke-width:1.2px;stroke-linejoin:round}.pfx-drop{color:#1a1d23;transform-origin:100% 0;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #e6e8ec;border-radius:14px;padding:14px 16px 12px;box-shadow:0 16px 40px #10182829,0 2px 6px #10182814;left:auto!important}.pfx-plus{color:#fff;background:#00a36c;border-radius:12px;place-items:center;min-width:52px;height:40px;padding:0 8px;font-size:19px;font-weight:800;display:inline-grid}.pfx-bar{background:#e3f5ee;border-radius:4px;height:8px;overflow:hidden}.pfx-bar i{border-radius:inherit;transform-origin:0;background:#00a36c;height:100%;display:block}.pfx-ladder{width:260px}.pfx-c-top{align-items:center;gap:10px;display:flex}.pfx-note{color:#5b6170;border-top:1px solid #e6e8ec;margin-top:8px;padding-top:8px;font-size:12px;line-height:1.35;display:block}.pfx-ladder .pfx-c-top b{font-size:14px}.pfx-lad{align-items:center;gap:8px;margin:12px 0 6px;display:flex}.pfx-lad img{border-radius:50%;flex:none;width:34px;height:34px}.pfx-lad img.next{filter:grayscale();opacity:.5}.pfx-lad .pfx-bar{flex:1}.pfx-lad-foot{color:#5b6170;justify-content:space-between;font-size:11px;display:flex}.pfx-lad-foot b{color:#1a1d23;font-size:12px}.pfx-said{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app .rank-chip-t small.pfx-hot{color:#00a36c;font-weight:700}.pfx-burst.big{color:#b7791f;font-size:34px}.pfx-quest{--qa:#00a36c;--qb:#00a36c;--qt:#e3f5ee;width:316px;overflow:hidden}.pfx-q-amber{--qa:#a25d06;--qb:#f3b33d;--qt:#fdf1dc}.pfx-q-green{--qa:#00a36c;--qb:#00a36c;--qt:#e3f5ee}.pfx-q-pink{--qa:#a1266f;--qb:#e0479a;--qt:#fbe7f2}.pfx-q-indigo{--qa:#3b3f9e;--qb:#7c8cff;--qt:#eceefe}.pfx-q-blue{--qa:#1a5f75;--qb:#2f92ad;--qt:#e3f1f5}.pfx-q-purple{--qa:#4b2e83;--qb:#a78bfa;--qt:#f0ebfd}.pfx-quest .pfx-plus{background:var(--qa)}.pfx-q-t{gap:1px;min-width:0;display:grid}.pfx-q-t b{font-size:14px}.pfx-q-t small{color:#5b6170;font-size:12px}.pfx-q-next{color:#5b6170;margin-top:10px;font-size:12px;line-height:1.35;display:block}.pfx-stone{place-items:center;display:grid;position:relative}.pfx-stone i{background:#f1f2f5;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.pfx-stone i svg{filter:grayscale();opacity:.4}.pfx-stone.on i,.pfx-stone.new i{box-shadow:0 0 0 2px var(--qb);background:#fff}.pfx-stone.on i svg,.pfx-stone.new i svg{filter:none;opacity:1}.pfx-stone.new i{animation:pfx-light .42s cubic-bezier(.34, 1.56, .64, 1) calc(.42s + var(--k,0) * .16s) both}.pfx-stone.new i svg{animation:pfx-colour 1ms linear calc(.42s + var(--k,0) * .16s) both}.pfx-stone.new:after{content:"";border:2px solid var(--qb);opacity:0;animation:pfx-ring .7s ease-out calc(.48s + var(--k,0) * .16s) both;border-radius:50%;position:absolute;inset:-3px}.fin .pfx-stone.new i,.fin .pfx-stone.new i svg{animation-delay:calc(.42s + var(--k,0) * 70ms)}.fin .pfx-stone.new:after{animation-delay:calc(.48s + var(--k,0) * 70ms)}@keyframes pfx-light{0%{box-shadow:0 0 0 0 var(--qb);background:#f1f2f5;transform:scale(.5)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes pfx-colour{0%{filter:grayscale();opacity:.4}to{filter:none;opacity:1}}@keyframes pfx-ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.8)}}.pfx-stamps{grid-template-columns:repeat(var(--cols,5), 1fr);background:var(--qt);border-radius:12px;gap:8px;margin-top:12px;padding:10px;display:grid}.pfx-stamps .pfx-stone{aspect-ratio:1}.pfx-stamps .pfx-stone i{box-shadow:none;outline:2px dashed color-mix(in srgb, var(--qa) 35%, transparent);outline-offset:-2px;background:0 0}.pfx-stamps .pfx-stone.on i,.pfx-stamps .pfx-stone.new i{box-shadow:0 0 0 2px var(--qb);background:#fff;outline:0;transform:rotate(-8deg)}.pfx-stamps .pfx-stone.new i{animation:pfx-stamp .36s cubic-bezier(.5, 0, .75, 0) calc(.42s + var(--k,0) * .16s) both}.pfx-stamps .pfx-stone.new:after{border-radius:50%}.fin .pfx-stamps .pfx-stone.new i{animation-delay:calc(.42s + var(--k,0) * 70ms)}@keyframes pfx-stamp{0%{opacity:0;transform:scale(2.4)rotate(-28deg)}70%{opacity:1}to{opacity:1;transform:scale(1)rotate(-8deg)}}.pfx-quest.fin{border-color:#f5b82e;box-shadow:0 0 0 2px #f5b82e,0 16px 40px #10182833}.pfx-quest.fin .pfx-plus{background:linear-gradient(135deg,#c98a0a,#f5b82e)}.pfx-quest.fin:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffecaabf 48%,#0000 66%);animation:.9s ease-in-out 1.3s both pfx-sheen;position:absolute;inset:0;transform:translate(-110%)}@keyframes pfx-sheen{to{transform:translate(110%)}}.pfx-spark{width:14px;height:14px}.pfx-spark.big{width:20px;height:20px}.pfx-spark.gold path{fill:#ffd34d;stroke:#b7791f}.pfx-banner{color:#fff;transform-origin:top;backface-visibility:hidden;background:linear-gradient(120deg,#00a36c,#00a36c);border-radius:16px;padding:12px 16px 10px;transform:translate(-50%);box-shadow:0 18px 40px #00a36c4d}.pfx-banner.gold{color:#1a1d23;background:linear-gradient(120deg,#e3a521,#f5c544);box-shadow:0 18px 40px #b7791f59}.pfx-banner-in{align-items:center;gap:12px;display:flex}.pfx-banner-i{background:#fff3;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.pfx-banner.gold .pfx-banner-i{background:#fff6}.pfx-banner-i svg{width:22px;height:22px}.pfx-banner-t{flex:1;gap:1px;min-width:0;display:grid}.pfx-banner-t b{font-size:16px}.pfx-banner-t small{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.pfx-banner-pts{font-size:30px;font-weight:800;line-height:1}.pfx-banner-bar{align-items:center;gap:10px;margin-top:10px;display:flex}.pfx-banner-bar .pfx-bar{background:#ffffff4d;flex:1;height:6px}.pfx-banner-bar .pfx-bar i{background:#fff}.pfx-banner.gold .pfx-bar{background:#1a1d2326}.pfx-banner.gold .pfx-bar i{background:#1a1d23}.pfx-banner-bar small{font-variant-numeric:tabular-nums;flex:none;font-size:11.5px}