.ch-chest{z-index:2;perspective:900px;perspective-origin:50% calc(var(--u) * 6);animation:ch-in calc(var(--T) * .16) var(--ease-out) both, ch-out calc(var(--T) * .22) var(--ease-io) calc(var(--T) * .7) forwards;position:absolute;inset:0}.ch-part{width:calc(var(--u) * 11);position:absolute;left:50%;translate:-50%}.ch-part>svg{width:100%;height:auto;display:block}.ch-body{top:calc(var(--u) * 8.8);z-index:3}.ch-mouth{left:50%;top:calc(var(--u) * 8.05);width:calc(var(--u) * 10.1);height:calc(var(--u) * 1.5);z-index:1;background:radial-gradient(closest-side, color-mix(in oklab, var(--rc-hi) 88%, #fff) 0%, color-mix(in oklab, var(--rc) 70%, #1a1612) 46%, #0b0a09 100%);animation:rv-fade calc(var(--T) * .26) var(--ease-out) calc(var(--T) * .2) both;border-radius:50%;position:absolute;translate:-50%}.ch-lid{top:calc(var(--u) * 4.8);z-index:2;transform-origin:50% 100%;transform-style:preserve-3d;animation:ch-lid calc(var(--T) * .36) cubic-bezier(.3, 1.22, .5, 1) calc(var(--T) * .16) both}.ch-face{backface-visibility:hidden}.ch-face-in{position:absolute;inset:0;transform:rotateX(180deg)}.ch-face-in>svg{width:100%;height:100%;display:block}.ch-beam{left:50%;top:calc(var(--u) * 8.8);width:calc(var(--u) * 6.6);height:calc(var(--u) * 10);z-index:3;transform-origin:50% 100%;pointer-events:none;background:linear-gradient(to top, color-mix(in oklab, var(--rc-hi) 78%, transparent), color-mix(in oklab, var(--rc) 26%, transparent) 55%, transparent);animation:ch-beam calc(var(--T) * .58) var(--ease-out) calc(var(--T) * .22) both;position:absolute;translate:-50% -100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}.ch-clip{z-index:4;clip-path:inset(calc(var(--u) * -6) calc(var(--u) * -6) calc(var(--u) * 6.2) calc(var(--u) * -6));animation:ch-clip calc(var(--T) * .42) cubic-bezier(.5, 0, .6, 1) calc(var(--T) * .36) forwards;position:absolute;inset:0}.ch-emblem{animation:ch-rise calc(var(--T) * .46) var(--ease-out) calc(var(--T) * .34) both}.ch-top{z-index:5;pointer-events:none;position:absolute;inset:0}.ch-flash{z-index:5}@keyframes ch-in{0%{opacity:0;transform:translateY(calc(var(--u) * .8)) scale(.96)}to{opacity:1;transform:none}}@keyframes ch-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(var(--u) * 1.4)) scale(.97)}}@keyframes ch-lid{0%{transform:rotateX(0)}to{transform:rotateX(-112deg)}}@keyframes ch-beam{0%{opacity:0;transform:scale(.55,.06)}38%{opacity:1;transform:none}to{opacity:0;transform:scale(1.18,1.04)}}@keyframes ch-clip{to{clip-path:inset(calc(var(--u) * -6) calc(var(--u) * -6) calc(var(--u) * -6) calc(var(--u) * -6))}}@keyframes ch-rise{0%{transform:translateY(calc(var(--u) * 2.6)) scale(.3);animation-timing-function:cubic-bezier(.25,.7,.3,1)}58%{transform:translateY(calc(var(--u) * -.5)) scale(.88);animation-timing-function:cubic-bezier(.23,1,.32,1)}to{transform:none}}
.rv-root{z-index:80;overscroll-behavior:contain;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.rv-root[data-lab=true]{padding-bottom:4.75rem}.rv-scrim{background:radial-gradient(120% 90% at 50% 42%,#0e0d0ced 0%,#040405f7 100%);animation:.26s cubic-bezier(.23,1,.32,1) both rv-fade;position:absolute;inset:0}.rv-root[data-closing=true]{animation:.17s cubic-bezier(.23,1,.32,1) forwards rv-fade-out}.rv-root[data-closing=true] .rv-panel{transition:transform .17s cubic-bezier(.23,1,.32,1);transform:scale(.985)}.rv-panel{--stage-h:clamp(11rem, 36dvh, 15rem);--u:calc(var(--stage-h) / 15);outline:none;width:min(24rem,100%);position:relative}.rv-card{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-io:cubic-bezier(.77, 0, .175, 1);--ease-pop:cubic-bezier(.34, 1.32, .64, 1);border-radius:var(--radius-xl);position:relative}.rv-card[data-rarity=common]{--rc:#b9b1a2;--rc-hi:#ebe5d8;--rt:var(--rarity-common)}.rv-card[data-rarity=uncommon]{--rc:#5cc98c;--rc-hi:#bff3d6;--rt:var(--rarity-uncommon)}.rv-card[data-rarity=rare]{--rc:#5aa7ff;--rc-hi:#c4e0ff;--rt:var(--rarity-rare)}.rv-card[data-rarity=epic]{--rc:#b98cff;--rc-hi:#e4d3ff;--rt:var(--rarity-epic)}.rv-card[data-rarity=legendary]{--rc:#e6c978;--rc-hi:#fff2cc;--rt:var(--rarity-legendary)}.rv-surface{border-radius:inherit;border:1px solid color-mix(in oklab, var(--rt) 24%, var(--border));background:radial-gradient(110% 62% at 50% 20%, color-mix(in oklab, var(--rt) 14%, transparent), transparent 72%), var(--surface-2);box-shadow:var(--shadow-raised), 0 40px 90px -36px #000000d9;opacity:0;animation:rv-surface calc(var(--T) * .26) var(--ease-out) calc(var(--T) * (var(--at) - .13)) both;position:absolute;inset:0}.rv-card[data-instant=true] .rv-surface{opacity:1;animation:.22s ease-out both rv-fade}.rv-stage{height:var(--stage-h);perspective:1100px;cursor:default;position:relative}.rv-card[data-playing=true] .rv-stage{cursor:pointer}.rv-slot{left:50%;top:calc(var(--u) * 7.5);width:calc(var(--u) * 9);height:calc(var(--u) * 9);position:absolute;translate:-50% -50%}.rv-slot>svg,.rv-emblem-svg{width:100%;height:100%;display:block}.rv-details{text-align:center;opacity:0;transition:opacity .46s var(--ease-out), transform .46s var(--ease-out);padding:.125rem 1.5rem 1.25rem;position:relative;transform:translateY(8px)}.rv-details[data-ready=true]{opacity:1;transform:none}.rv-card[data-instant=true] .rv-details{transition:opacity .22s ease-out;transform:none}.rv-actions{border-top:1px solid var(--border);opacity:0;transition:opacity .46s var(--ease-out);grid-template-columns:1fr 1fr;gap:.5rem;padding:1rem 1.25rem 1.25rem;display:grid;position:relative}.rv-actions[data-ready=true]{opacity:1}.rv-card[data-instant=true] .rv-actions{transition:opacity .22s ease-out}.rv-count{z-index:3;opacity:0;transition:opacity .46s var(--ease-out);position:absolute;top:.75rem;right:.75rem}.rv-count[data-ready=true]{opacity:1}.rv-glow{left:50%;top:calc(var(--u) * 7.5);width:calc(var(--u) * 19);height:calc(var(--u) * 19);pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklab, var(--rc) calc(var(--glow) * 44%), transparent), color-mix(in oklab, var(--rc) calc(var(--glow) * 14%), transparent) 58%, transparent);animation:rv-glow calc(var(--T) * .42) var(--ease-out) calc(var(--T) * var(--at)) both;border-radius:50%;position:absolute;translate:-50% -50%}.rv-glow[data-instant=true]{opacity:1;animation:none}.rv-rays{left:50%;top:calc(var(--u) * 7.5);width:calc(var(--u) * 40);height:calc(var(--u) * 40);pointer-events:none;animation:rv-rays calc(var(--T) * 1.1) var(--ease-out) calc(var(--T) * var(--at)) both;position:absolute;translate:-50% -50%}.rv-sparks,.rv-confetti{left:50%;top:calc(var(--u) * var(--oy));pointer-events:none;width:0;height:0;position:absolute}.rv-spark{width:calc(var(--u) * var(--s));height:calc(var(--u) * var(--s));margin:calc(var(--u) * var(--s) / -2) 0 0 calc(var(--u) * var(--s) / -2);background:var(--rc-hi);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:rv-spark calc(var(--T) * .56) var(--ease-out) calc(var(--T) * var(--dl)) both;position:absolute;top:0;left:0}.rv-conf{width:calc(var(--u) * var(--w));height:calc(var(--u) * var(--w) * .5);animation:rv-conf calc(var(--T) * .72) linear calc(var(--T) * var(--dl)) both;position:absolute;top:0;left:0}.rv-flash{left:50%;top:calc(var(--u) * 7.5);width:calc(var(--u) * 17);height:calc(var(--u) * 17);pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklab, var(--rc-hi) 92%, #fff), color-mix(in oklab, var(--rc) 40%, transparent) 46%, transparent);animation:rv-flash calc(var(--T) * .3) var(--ease-out) calc(var(--T) * var(--at)) both;border-radius:50%;position:absolute;translate:-50% -50%}.rv-shine{pointer-events:none;filter:brightness(2.3)saturate(.7);animation:rv-shine calc(var(--T) * .34) cubic-bezier(.45, 0, .2, 1) calc(var(--T) * var(--at)) both;position:absolute;inset:0;-webkit-mask-image:linear-gradient(105deg,#0000 36%,#000 50%,#0000 64%);mask-image:linear-gradient(105deg,#0000 36%,#000 50%,#0000 64%);-webkit-mask-size:340% 100%;mask-size:340% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes rv-fade{0%{opacity:0}to{opacity:1}}@keyframes rv-fade-out{to{opacity:0}}@keyframes rv-surface{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes rv-glow{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes rv-rays{0%{opacity:0;transform:rotate(-14deg)scale(.55)}30%{opacity:1}to{opacity:.32;transform:rotate(18deg)scale(1)}}@keyframes rv-spark{0%{opacity:0;transform:translate(0,0)scale(.3)rotate(0)}14%{opacity:1}to{opacity:0;transform:translate3d(calc(var(--u) * var(--x)), calc(var(--u) * var(--y)), 0) scale(1) rotate(80deg)}}@keyframes rv-conf{0%{opacity:0;animation-timing-function:cubic-bezier(.1,.7,.3,1);transform:translate(0,0)rotate(0)}8%{opacity:1}34%{transform:translate3d(calc(var(--u) * var(--x) * .6), calc(var(--u) * var(--up)), 0) rotate(calc(var(--rot) * 1deg * .45));animation-timing-function:cubic-bezier(.45,.05,.75,.5)}78%{opacity:1}to{opacity:0;transform:translate3d(calc(var(--u) * var(--x)), calc(var(--u) * var(--fall)), 0) rotate(calc(var(--rot) * 1deg))}}@keyframes rv-flash{0%{opacity:0;transform:scale(.4)}28%{opacity:.9}to{opacity:0;transform:scale(1.5)}}@keyframes rv-shine{0%{opacity:1;-webkit-mask-position:100% 0;mask-position:100% 0}to{opacity:1;-webkit-mask-position:0 0;mask-position:0 0}}