.wrap{--h:24;aspect-ratio:5/8;clip-path:polygon(0 2.4%,4% 0,8% 2.4%,12% 0,16% 2.4%,20% 0,24% 2.4%,28% 0,32% 2.4%,36% 0,40% 2.4%,44% 0,48% 2.4%,52% 0,56% 2.4%,60% 0,64% 2.4%,68% 0,72% 2.4%,76% 0,80% 2.4%,84% 0,88% 2.4%,92% 0,96% 2.4%,100% 0,100% 97.6%,96% 100%,92% 97.6%,88% 100%,84% 97.6%,80% 100%,76% 97.6%,72% 100%,68% 97.6%,64% 100%,60% 97.6%,56% 100%,52% 97.6%,48% 100%,44% 97.6%,40% 100%,36% 97.6%,32% 100%,28% 97.6%,24% 100%,20% 97.6%,16% 100%,12% 97.6%,8% 100%,4% 97.6%,0 100%);width:100%;position:relative;container-type:inline-size}.wrap-body{text-align:center;background:radial-gradient(120% 56% at 50% 38%, hsl(var(--h) 90% 55% / .5), transparent 62%), linear-gradient(165deg, hsl(var(--h) 55% 17%), hsl(var(--h) 62% 7%) 58%, hsl(var(--h) 55% 12%));grid-template-rows:auto 1fr auto auto;place-items:center;padding:11cqw 9cqw 10cqw;display:grid;position:absolute;inset:0;overflow:hidden}.wrap-top{font:700 3.6cqw/1.2 var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:hsl(var(--h) 60% 88% / .72)}.wrap-icon,.wrap-mono{align-self:center;width:38cqw;height:38cqw}.wrap-icon{background:hsl(var(--h) 100% 92%);filter:drop-shadow(0 0 3cqw hsl(var(--h) 100% 60% / .7));-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.wrap-mono{font:italic 800 17cqw/1 var(--font-display);color:hsl(var(--h) 100% 92%);text-shadow:0 0 6cqw hsl(var(--h) 100% 60% / .7);place-items:center;display:grid}.wrap-name{font-family:var(--font-display);font-variation-settings:"opsz" 144;color:hsl(var(--h) 100% 94%);text-shadow:0 0 8cqw hsl(var(--h) 100% 55% / .55);margin-bottom:5cqw;font-style:italic;font-weight:800;line-height:1.02}.wrap-sub{font:700 4cqw/1.5 var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:hsl(var(--h) 60% 86% / .72)}.wrap-play .wrap-body:before{content:"";pointer-events:none;background:repeating-linear-gradient(115deg, hsl(var(--h) 100% 72% / .11) 0 6cqw, transparent 6cqw 15cqw);position:absolute;inset:0}.wrap-set .wrap-body:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, hsl(var(--h) 100% 70% / .28), transparent);height:13cqw;position:absolute;top:58%;left:0;right:0;transform:skewY(-6deg)}.wrap-jumpstart .wrap-body{background:radial-gradient(120% 56% at 28% 40%, hsl(var(--h) 90% 55% / .5), transparent 62%), radial-gradient(120% 56% at 78% 40%, hsl(calc(var(--h) + 50) 90% 55% / .5), transparent 62%), linear-gradient(90deg, hsl(var(--h) 55% 11%) 50%, hsl(calc(var(--h) + 50) 55% 11%) 50%)}.wrap-collector .wrap-body{background:radial-gradient(120% 56% at 50% 38%, hsl(var(--h) 90% 55% / .3), transparent 62%), linear-gradient(165deg, #14121b, #08070c 60%, #100e17)}.wrap-collector .wrap-body:before{content:"";pointer-events:none;background:var(--holo);-webkit-mask-composite:xor;border-radius:4cqw;padding:.9cqw;position:absolute;inset:3.2cqw;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.wrap-collector .wrap-name{background:var(--holo);color:#0000;text-shadow:none;filter:drop-shadow(0 0 4cqw #a78bfa80);-webkit-background-clip:text;background-clip:text}.wrap-mystery .wrap-body{background:radial-gradient(110% 60% at 50% 36%,#f4eee229,#0000 62%),linear-gradient(165deg,#1f1d2a,#0d0c14 60%,#17151f);box-shadow:inset 0 0 0 .7cqw #f4eee233}.wrap-mystery .wrap-top,.wrap-mystery .wrap-sub{color:#f4eee29e}.wrap-mystery .wrap-q{font:italic 800 56cqw/1 var(--font-display);font-variation-settings:"opsz" 144;color:var(--ivory);opacity:.9;text-shadow:0 0 10cqw #f4eee24d}.wrap-glint{filter:drop-shadow(0 28px 34px #000000a6);animation:5s ease-in-out infinite wrap-float}.wrap-glint:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff42 50%,#0000 60%);animation:4s ease-in-out infinite wrap-glint;position:absolute;inset:-20%;transform:translate(-80%)}@keyframes wrap-float{50%{transform:translateY(-8px)rotate(.6deg)}}@keyframes wrap-glint{0%{transform:translate(-80%)}55%,to{transform:translate(80%)}}.wrap-hero{width:min(62vw,250px,62.5dvh - 206.25px)}.wrap-reel{flex:none;width:124px}
