@layer components{.hp{isolation:isolate;vertical-align:-.04em;border:max(2px, .024em) solid var(--color-ink);height:.74em;box-shadow:0 .035em 0 var(--color-ink);border-radius:99px;align-items:center;display:inline-flex;position:relative;overflow:hidden}.hp-coins{background:var(--color-volt);gap:0;padding:0 .1em 0 .08em}.hp-coin{z-index:1;width:.56em;height:.56em;box-shadow:0 0 0 max(2px, .022em) var(--color-ink);background:#fff;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.hp-coin+.hp-coin{margin-left:-.13em}.hp-coin img{border-radius:50%;width:84%;height:84%}.hp-blob{background:linear-gradient(115deg,#ff9ccc,#ffd27a,#95f0c6,#8fc4ff,#c7a6ff,#ff9ccc,#ffd27a) 0 0/300% 100%;justify-content:center;width:1.7em;animation:9s ease-in-out infinite alternate hp-shift}.hp-blob-art{z-index:1;width:1.08em;height:auto;position:absolute;top:.07em;left:50%;translate:-50%}.hp:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffd9 50%,#0000);width:40%;animation:3.8s ease-in-out infinite hp-glare;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-130%)skew(-20deg)}.hp-blob:after{animation-delay:.45s}@keyframes hp-glare{0%,50%{transform:translate(-130%)skew(-20deg)}82%,to{transform:translate(380%)skew(-20deg)}}@keyframes hp-shift{to{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.hp:after{display:none}.hp-blob{animation:none}}.lb-marquees{gap:12px;margin-inline:-16px;padding-block:6px;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}@media (min-width:1024px){.lb-marquees{margin-inline:-32px}}.lb-marquee{overflow:hidden}.lb-marquee-track{width:max-content;animation:60s linear infinite lb-slide;display:flex}.lb-marquee[data-reverse] .lb-marquee-track{animation-duration:70s;animation-direction:reverse}.lb-marquee-set{gap:12px;padding-right:12px;display:flex}@keyframes lb-slide{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.lb-marquee{scrollbar-width:none;overflow-x:auto}.lb-marquee-track{animation:none}}.mq{border:1.5px solid var(--color-ink);white-space:nowrap;height:56px;box-shadow:0 3px 0 var(--color-ink);border-radius:99px;flex-shrink:0;align-items:center;gap:10px;padding:0 20px;font-size:16px;font-weight:800;font-stretch:105%;display:inline-flex}.mq b{font-weight:900;font-stretch:125%}.mq-coin{background:#fff;gap:10px;padding:0 8px 0 6px}.mq-logo{width:40px;height:40px;box-shadow:0 0 0 2px color-mix(in srgb, var(--rc) 70%, transparent);background:#fff;border-radius:50%;place-items:center;display:grid;overflow:hidden}.mq-logo img{border-radius:50%;width:34px;height:34px}.mq-logo span{color:var(--rc);font-weight:900}.mq-grade{background:var(--rc);color:#fff;border-radius:99px;place-items:center;min-width:34px;height:34px;padding:0 8px;font-size:15px;font-weight:900;font-stretch:125%;display:grid}.mq-coin[data-rarity=legendary] .mq-grade{background:var(--gold)}.mq-blob{align-self:end;width:54px;height:auto;margin:8px -4px -10px -12px}.mq-cobalt{background:var(--color-volt);color:#fff}.mq-ink{background:var(--color-ink);color:#fff}.mq-gold{color:var(--color-ink);background:#f2c14e}.mq-white{background:#fff}.mq-holo{background:linear-gradient(115deg,#ff9ccc,#ffd27a 25%,#95f0c6 50%,#8fc4ff 75%,#c7a6ff)}.mq:has(.mq-blob){padding-left:14px;overflow:hidden}@media (max-width:599px){.mq{height:48px;padding:0 16px;font-size:15px}.mq-coin{padding:0 6px 0 5px}.mq-logo{width:34px;height:34px}.mq-logo img{width:28px;height:28px}.mq-grade{min-width:30px;height:30px;font-size:14px}.mq-blob{width:46px}}}