@layer components{:root{--rp-comum:#9aa8c2;--rp-raro:var(--color-cyan);--rp-epico:#b79cff;--rp-lendario:var(--color-gold);--rp-brilho-comum:#9aa8c2;--rp-brilho-raro:#22c7f0;--rp-brilho-epico:#a78bfa;--rp-brilho-lendario:#f2c14e;--rp-ease:cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light]{--rp-comum:#56657f;--rp-epico:#6d3fd6}.rp-r-comum{--rp:var(--rp-comum);--rp-brilho:var(--rp-brilho-comum)}.rp-r-raro{--rp:var(--rp-raro);--rp-brilho:var(--rp-brilho-raro)}.rp-r-epico{--rp:var(--rp-epico);--rp-brilho:var(--rp-brilho-epico)}.rp-r-lendario{--rp:var(--rp-lendario);--rp-brilho:var(--rp-brilho-lendario)}.rp-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.rp-numeral{font-family:var(--font-panel);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.rp-hero{--rp-acento:var(--color-cyan);--rp-acento-brilho:#22c7f0;isolation:isolate;border:1px solid color-mix(in oklab, var(--rp-acento) 26%, var(--color-hairline));background:radial-gradient(70% 120% at 100% 0%, color-mix(in oklab, var(--rp-acento-brilho) 18%, transparent), transparent 62%), radial-gradient(50% 90% at 0% 100%, color-mix(in oklab, var(--rp-brilho-lendario) 7%, transparent), transparent 70%), linear-gradient(180deg, var(--color-surface-2), var(--color-surface));box-shadow:inset 0 1px 0 #ffffff0d, 0 24px 60px -30px color-mix(in oklab, var(--rp-acento-brilho) 55%, black);border-radius:16px;position:relative;overflow:hidden}.rp-hero:before{content:"";z-index:-1;background:repeating-linear-gradient(115deg,#0000 0 22px,#ffffff05 22px 23px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 40% 70%,#0000)}:root[data-theme=light] .rp-hero:before{opacity:.4}.rp-hero__banner{z-index:-2;object-fit:cover;opacity:.16;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 10%,#000 70%);mask-image:linear-gradient(90deg,#0000 10%,#000 70%)}.rp-emblema{--p:0;flex-shrink:0;place-items:center;width:128px;height:128px;display:grid;position:relative}.rp-emblema__anel{background:conic-gradient(var(--rp-acento) calc(var(--p) * 1turn), color-mix(in oklab, var(--color-edge) 80%, transparent) 0);opacity:0;animation:rp-anel-entra .9s var(--rp-ease) .15s both;border-radius:999px;position:absolute;inset:0;transform:rotate(-90deg)scale(.92);-webkit-mask:radial-gradient(circle,#0000 57px,#000 58px);mask:radial-gradient(circle,#0000 57px,#000 58px)}.rp-emblema__losango{border:1px solid color-mix(in oklab, var(--rp-acento) 55%, transparent);background:radial-gradient(circle at 30% 30%, color-mix(in oklab, var(--rp-acento-brilho) 34%, transparent), transparent 70%), var(--color-surface-3);width:76px;height:76px;box-shadow:0 0 0 4px color-mix(in oklab, var(--color-surface) 90%, transparent), 0 0 34px -4px color-mix(in oklab, var(--rp-acento-brilho) 60%, transparent);border-radius:16px;place-items:center;display:grid;position:relative;transform:rotate(45deg)}.rp-emblema__numero{color:var(--color-ink);font-size:2.125rem;font-weight:600;line-height:1;transform:rotate(-45deg)}@keyframes rp-anel-entra{0%{opacity:0;transform:rotate(-150deg)scale(.85)}to{opacity:1;transform:rotate(-90deg)scale(.92)}}.rp-barra{background:color-mix(in oklab, var(--color-edge) 70%, var(--color-surface-3));border-radius:999px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000059}.rp-barra__fill{transform-origin:0;transform:scaleX(var(--f,0));border-radius:inherit;background:linear-gradient(90deg, color-mix(in oklab, var(--rp-acento) 70%, transparent), var(--rp-acento));box-shadow:0 0 16px color-mix(in oklab, var(--rp-acento-brilho) 70%, transparent);animation:rp-barra-cresce 1.1s var(--rp-ease) .25s both;position:absolute;inset:0;overflow:hidden}.rp-barra__fill:after{content:"";opacity:.35;background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);animation:4.8s cubic-bezier(.4,0,.2,1) 1.4s infinite hl-sweep;position:absolute;inset:0;transform:translate(-120%)}@keyframes rp-barra-cresce{0%{transform:scaleX(0)}}.rp-trilha{overscroll-behavior-x:contain;scroll-snap-type:x proximity;cursor:grab;scrollbar-width:thin;align-items:stretch;gap:0;padding:8px 24px 20px;scroll-padding-inline:24px;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.rp-trilha[data-arrastando=true]{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.rp-passo{scroll-snap-align:center;flex-direction:column;flex-shrink:0;align-items:center;width:184px;display:flex;position:relative}.rp-passo--top{width:272px}.rp-conector{background:color-mix(in oklab, var(--color-edge) 90%, transparent);border-radius:999px;width:100%;height:4px;position:absolute;top:21px;right:50%;overflow:hidden}.rp-passo--top .rp-conector{width:calc(50% + 92px)}.rp-conector__fill{transform-origin:0;transform:scaleX(var(--t,0));background:linear-gradient(90deg, var(--color-cyan), color-mix(in oklab, var(--color-cyan) 70%, var(--rp-brilho-lendario)));box-shadow:0 0 10px color-mix(in oklab, var(--rp-brilho-raro) 70%, transparent);animation:rp-barra-cresce .7s var(--rp-ease) both;animation-delay:calc(.2s + var(--i,0) * 70ms);position:absolute;inset:0}.rp-no{z-index:1;border:2px solid color-mix(in oklab, var(--rp) 55%, var(--color-edge));background:var(--color-surface-2);width:46px;height:46px;color:var(--color-ink-muted);font-family:var(--font-panel);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;font-size:1rem;font-weight:600;display:grid;position:relative}.rp-no[data-feito=true]{border-color:var(--rp);color:var(--color-ink);background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--rp-brilho) 38%, transparent), var(--color-surface-3) 72%);box-shadow:0 0 18px -2px color-mix(in oklab, var(--rp-brilho) 70%, transparent)}.rp-no[data-atual=true]{border-color:var(--color-cyan);color:var(--color-ink);box-shadow:0 0 0 5px color-mix(in oklab, var(--rp-brilho-raro) 18%, transparent)}.rp-no[data-atual=true]:after{content:"";border:2px solid var(--rp-brilho-raro);opacity:0;border-radius:999px;animation:2.4s cubic-bezier(.2,.6,.4,1) infinite rp-onda;position:absolute;inset:-7px}@keyframes rp-onda{0%{opacity:.55;transform:scale(.85)}70%,to{opacity:0;transform:scale(1.35)}}.rp-card{isolation:isolate;border:1px solid color-mix(in oklab, var(--rp) 30%, var(--color-hairline));background:radial-gradient(110% 70% at 50% 0%, color-mix(in oklab, var(--rp-brilho) 15%, transparent), transparent 70%), linear-gradient(180deg, var(--color-surface-2), var(--color-surface));width:164px;box-shadow:inset 0 1px 0 #ffffff0d, 0 14px 30px -22px color-mix(in oklab, var(--rp-brilho) 60%, black);transition:transform .3s var(--rp-ease), box-shadow .3s var(--rp-ease), border-color .3s ease;animation:fade-up .55s var(--rp-ease) both;animation-delay:calc(var(--i,0) * 55ms);border-radius:14px;flex-direction:column;flex:1;margin-top:14px;display:flex;position:relative;overflow:hidden}.rp-card:before{content:"";inset-inline:18%;background:linear-gradient(90deg, transparent, var(--rp-brilho), transparent);opacity:.8;height:1px;position:absolute;top:0}.rp-card:hover{border-color:color-mix(in oklab, var(--rp) 55%, var(--color-hairline));transform:translateY(-3px)}.rp-card__arte{background:radial-gradient(circle at 50% 60%, color-mix(in oklab, var(--rp-brilho) 26%, transparent), transparent 66%), color-mix(in oklab, var(--color-surface-3) 85%, transparent);border-radius:10px;place-items:center;height:92px;margin:10px 10px 0;display:grid;position:relative}.rp-card__arte img{object-fit:contain;filter:drop-shadow(0 8px 14px #00000073);max-width:86%;max-height:76px}.rp-card__arte svg{color:var(--rp);filter:drop-shadow(0 0 10px color-mix(in oklab, var(--rp-brilho) 70%, transparent))}.rp-card[data-estado=bloqueado]{box-shadow:inset 0 1px #ffffff08}.rp-card[data-estado=bloqueado] .rp-card__arte{filter:grayscale(.85)brightness(.72)}:root[data-theme=light] .rp-card[data-estado=bloqueado] .rp-card__arte{filter:grayscale(.85)brightness(1.02)opacity(.6)}.rp-card[data-estado=atual]{border-color:color-mix(in oklab, var(--color-cyan) 60%, var(--color-hairline));box-shadow:0 0 0 1px color-mix(in oklab, var(--rp-brilho-raro) 30%, transparent), 0 18px 40px -20px color-mix(in oklab, var(--rp-brilho-raro) 70%, black)}.rp-card[data-estado=disponivel],.rp-card[data-estado=recusado]{border-color:var(--rp);box-shadow:0 0 0 1px color-mix(in oklab, var(--rp-brilho) 45%, transparent), 0 0 32px -6px color-mix(in oklab, var(--rp-brilho) 70%, transparent)}.rp-card[data-estado=disponivel]:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(100deg, transparent 35%, var(--rp-brilho) 50%, transparent 65%);opacity:.16;animation:3.6s cubic-bezier(.4,0,.2,1) infinite hl-sweep;animation-delay:calc(.8s + var(--i,0) * .3s);position:absolute;inset:0;transform:translate(-120%)}.rp-card[data-estado=entregue] .rp-card__arte:after,.rp-card[data-estado=solicitado] .rp-card__arte:after{content:"";border-radius:inherit;background:color-mix(in oklab, var(--color-canvas) 35%, transparent);position:absolute;inset:0}.rp-selo{z-index:3;background:var(--color-positive);width:26px;height:26px;color:var(--color-canvas);box-shadow:0 0 0 3px var(--color-surface-2), 0 0 16px color-mix(in oklab, var(--color-positive) 60%, transparent);animation:promo-selo .5s var(--rp-ease) both;border-radius:999px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.rp-raridade{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rp);font-size:.625rem;font-weight:700}.rp-top{--rp:var(--rp-lendario);--rp-brilho:var(--rp-brilho-lendario);border-width:1px;border-color:color-mix(in oklab, var(--rp-brilho-lendario) 60%, var(--color-hairline));background:radial-gradient(120% 80% at 50% -10%, color-mix(in oklab, var(--rp-brilho-lendario) 26%, transparent), transparent 66%), radial-gradient(80% 60% at 50% 110%, color-mix(in oklab, var(--rp-brilho-lendario) 10%, transparent), transparent 70%), linear-gradient(180deg, var(--color-surface-2), var(--color-surface));width:252px;box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 1px color-mix(in oklab, var(--rp-brilho-lendario) 20%, transparent), 0 24px 60px -24px color-mix(in oklab, var(--rp-brilho-lendario) 65%, black)}.rp-top .rp-card__arte{height:150px}.rp-top .rp-card__arte img{max-height:128px}.rp-top:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(100deg, transparent 32%, var(--rp-brilho-lendario) 48%, transparent 64%);opacity:.18;animation:5s cubic-bezier(.4,0,.2,1) 1.6s infinite hl-sweep;position:absolute;inset:0;transform:translate(-120%)}.rp-top[data-estado=bloqueado] .rp-card__arte,.rp-top[data-estado=atual] .rp-card__arte{filter:none}.rp-coroa{color:var(--rp-lendario);filter:drop-shadow(0 0 10px color-mix(in oklab, var(--rp-brilho-lendario) 80%, transparent));animation:3.6s ease-in-out infinite pulse-soft}.rp-celebra{inset-inline:0;z-index:150;pointer-events:none;justify-content:center;padding-inline:16px;display:flex;position:fixed;top:84px}.rp-celebra__caixa{--promo-cor:var(--rp-brilho-raro);--promo-dur:.45s;pointer-events:auto;border:1px solid color-mix(in oklab, var(--rp-brilho-raro) 45%, var(--color-hairline));background:color-mix(in oklab, var(--color-surface-2) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 60px -20px color-mix(in oklab, var(--rp-brilho-raro) 55%, black);animation:promo-in .5s var(--rp-ease) both;border-radius:14px;align-items:center;gap:14px;padding:14px 18px 14px 14px;display:flex;position:relative;overflow:hidden}.rp-celebra__caixa[data-top=true]{--promo-cor:var(--rp-brilho-lendario);border-color:color-mix(in oklab, var(--rp-brilho-lendario) 55%, var(--color-hairline))}.rp-confete-local{pointer-events:none;height:340px;position:absolute;inset:-40px -20px auto;overflow:hidden}.rp-confete-local .promo-fita{animation-duration:1.8s}@media (max-width:639px){.rp-trilha{cursor:auto;scroll-snap-type:none;flex-direction:column;padding:4px 0 0;overflow-x:visible;-webkit-mask-image:none;mask-image:none}.rp-passo,.rp-passo--top{flex-direction:row;align-items:stretch;gap:12px;width:100%;padding-bottom:14px}.rp-conector{width:4px;height:100%;inset:auto auto 50% 21px}.rp-passo--top .rp-conector{width:4px}.rp-conector__fill{transform-origin:top;transform:scaleY(var(--t,0));animation-name:rp-conector-v}.rp-no{flex-shrink:0;margin-top:18px}.rp-card,.rp-top{flex:1;width:auto;margin-top:0}.rp-card{flex-direction:row}.rp-card__arte{flex-shrink:0;width:84px;height:auto;min-height:84px;margin:10px 0 10px 10px}.rp-top{flex-direction:column}.rp-card:not(.rp-top) .rp-selo{top:4px;left:72px;right:auto}.rp-top .rp-card__arte{width:auto;height:140px;margin:10px 10px 0}.rp-emblema{width:104px;height:104px}.rp-emblema__anel{-webkit-mask:radial-gradient(circle,#0000 46px,#000 47px);mask:radial-gradient(circle,#0000 46px,#000 47px)}.rp-emblema__losango{width:62px;height:62px}.rp-emblema__numero{font-size:1.75rem}}}@keyframes rp-conector-v{0%{transform:scaleY(0)}}