.c3d{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--on:0;--sx:0;--sy:0;width:calc(63 * var(--mm));height:calc(88 * var(--mm));border-radius:calc(3 * var(--mm));cursor:grab;transform:perspective(calc(var(--perspective) * var(--mm))) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.c3d.live{transition:transform 80ms linear}.c3d .lay{pointer-events:none;position:absolute;inset:0}.c3d img{-webkit-user-select:none;user-select:none;max-width:none}.c3d-scaler{--perspective:160;--art-inset:2;--frame-inset:2.4;border-radius:calc(3 * var(--mm));filter:drop-shadow(0 calc(4 * var(--mm)) calc(5 * var(--mm)) #0000008c);touch-action:none;transition:filter .3s}.c3d-scaler,.c3d-scaler *{box-sizing:border-box}.c3d-scaler.live{filter:drop-shadow(0 calc(5 * var(--mm)) calc(6 * var(--mm)) #0009) drop-shadow(0 0 calc(3 * var(--mm)) color-mix(in srgb, var(--accent) 70%, transparent))}.c3d .plate{background:var(--accent)}.c3d .veil{background:linear-gradient(#fff3 0%,#fff0 16% 100%)}.c3d .win{inset:calc(var(--art-inset) * var(--mm));border-radius:0;overflow:hidden}.c3d .win img{object-fit:cover;width:100%;height:100%;display:block}.c3d.borderless .win{inset:0}.c3d.song .win img{object-position:50% 0%}.c3d .ring{border:calc(var(--frame-inset) * var(--mm)) solid #999;border-radius:calc(3 * var(--mm))}.c3d .ring.flat{border-color:var(--accent);border-width:calc(2.5 * var(--mm)) calc(2.5 * var(--mm)) calc(2.5 * var(--mm)) calc(2.6 * var(--mm))}.c3d .ring.bt21{border-color:#c2c2c2}.c3d .ring.debut{border-color:#a59e9c}.c3d .ring.gear,.c3d .ring.item{border-color:#c2c2c2}.c3d .ring.kid{border-color:#b1cfc8}.c3d .ring.meme{border-color:#bed9e1}.c3d .ring.song{border-color:#c2c2c2}.c3d .ring.special{border-color:#6f7269}.c3d .ring.vstar{border-color:#dcb22c}.c3d .frame{background-repeat:no-repeat;background-size:100% 100%}.c3d .front img{width:100%;height:100%;display:block}.c3d .star{-webkit-mask-size:calc(63 * var(--mm)) calc(88 * var(--mm)), 100% 100%;-webkit-mask-size:calc(63 * var(--mm)) calc(88 * var(--mm)), 100% 100%;mask-size:calc(63 * var(--mm)) calc(88 * var(--mm)), 100% 100%;-webkit-mask-position:calc(var(--art-inset) * var(--mm) * -1) calc(var(--art-inset) * var(--mm) * -1), 0 0;-webkit-mask-position:calc(var(--art-inset) * var(--mm) * -1) calc(var(--art-inset) * var(--mm) * -1), 0 0;mask-position:calc(var(--art-inset) * var(--mm) * -1) calc(var(--art-inset) * var(--mm) * -1), 0 0;-webkit-mask-composite:xor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}.c3d.flat-card .star{clip-path:inset(calc(.5 * var(--mm)) calc(.5 * var(--mm)) calc(.5 * var(--mm)) calc(.6 * var(--mm)))}.c3d.borderless .star{clip-path:none}.c3d .win.star{container-type:size}.c3d .win.star img{--rw:max(100cqw, 100cqh * var(--ar,.6667));--pad:calc(var(--rw) / 16);left:calc((100cqw - var(--rw)) / 2 - var(--pad));top:calc((100cqh - var(--rw) / var(--ar,.6667)) / 2 - var(--pad));width:calc(var(--rw) + 2 * var(--pad));object-fit:fill;height:auto;position:absolute}.c3d.song .win.star img{top:calc(var(--pad) * -1)}.c3d .star img{transform:translate(calc(var(--sx) * var(--mm)), calc(var(--sy) * var(--mm)));filter:drop-shadow(0 calc(.8 * var(--mm)) calc(1.2 * var(--mm)) #00000073);transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .3s}.c3d.live .star img{filter:drop-shadow(calc(var(--sx) * -.8 * var(--mm)) calc((1.2 - var(--sy) * .8) * var(--mm)) calc(2 * var(--mm)) #0000008c);transition:transform 80ms linear,filter .3s}.c3d .holo{mix-blend-mode:color-dodge;opacity:calc(var(--on) * .45);background:linear-gradient(115deg,#0000 30%,#ec9bb6 42%,#ccac6f 46%,#69e4a5 50%,#8ec5d6 54%,#b98cce 58%,#0000 70%) 0 0/260% 260%;background-position:var(--mx) var(--my);transition:opacity .4s;overflow:hidden}.c3d .holo.tint{mix-blend-mode:multiply;opacity:calc(var(--on) * .5)}.c3d .glare{mix-blend-mode:overlay;opacity:calc(var(--on) * .7);background:radial-gradient(circle at var(--mx) var(--my), #ffffffbf 0%, #ffffff26 30%, transparent 60%);transition:opacity .4s}.c3d.finish-common .holo,.c3d.finish-common .holo.tint{opacity:calc(var(--on) * .1)}@property --holo-sweep{syntax:"<percentage>";inherits:true;initial-value:50%}.c3d.finish-foil .holo,.c3d.finish-foil-star .holo{opacity:calc(.32 + var(--on) * .13);background-position:calc(var(--mx) * var(--on) + var(--holo-sweep) * (1 - var(--on))) calc(var(--my) * var(--on) + var(--holo-sweep) * (1 - var(--on)));animation:4.5s ease-in-out infinite c3d-holo-sweep}.c3d.finish-foil .holo.tint,.c3d.finish-foil-star .holo.tint{opacity:calc(.36 + var(--on) * .14)}@keyframes c3d-holo-sweep{0%{--holo-sweep:0%}70%,to{--holo-sweep:100%}}.c3d.finish-common .glare{opacity:calc(var(--on) * .45)}@property --sweep{syntax:"<percentage>";inherits:true;initial-value:50%}.c3d .stars{opacity:calc(.9 + var(--on) * .1);transition:opacity .4s;animation:5.5s ease-in-out infinite c3d-sweep}.c3d .stars:before,.c3d .stars:after,.c3d .stars>span{content:"";inset:calc(-2 * var(--mm));background:linear-gradient(115deg,#ffffffa6 0% 36%,#fff1b8 45%,#fff 50%,#d8f4ff 55%,#ffffffa6 64% 100%) 0 0/200% 200%;background-position:calc(var(--mx) * var(--on) + var(--sweep) * (1 - var(--on))) calc(var(--my) * var(--on) + var(--sweep) * (1 - var(--on)));transition:-webkit-mask-position .6s cubic-bezier(.2,.8,.2,1),mask-position .6s cubic-bezier(.2,.8,.2,1);animation:3.2s ease-in-out infinite c3d-twinkle,9s ease-in-out infinite c3d-drift-near;position:absolute;-webkit-mask-repeat:repeat;mask-repeat:repeat}.c3d .stars:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M18 13Q19.4 20.6 27 22Q19.4 23.4 18 31Q16.6 23.4 9 22Q16.6 20.6 18 13ZM70 9Q70.8 13.2 75 14Q70.8 14.8 70 19Q69.2 14.8 65 14Q69.2 13.2 70 9ZM52 49Q53.8 58.2 63 60Q53.8 61.8 52 71Q50.2 61.8 41 60Q50.2 58.2 52 49ZM88 76Q89 81 94 82Q89 83 88 88Q87 83 82 82Q87 81 88 76ZM20 79.5Q20.7 83.3 24.5 84Q20.7 84.7 20 88.5Q19.3 84.7 15.5 84Q19.3 83.3 20 79.5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M18 13Q19.4 20.6 27 22Q19.4 23.4 18 31Q16.6 23.4 9 22Q16.6 20.6 18 13ZM70 9Q70.8 13.2 75 14Q70.8 14.8 70 19Q69.2 14.8 65 14Q69.2 13.2 70 9ZM52 49Q53.8 58.2 63 60Q53.8 61.8 52 71Q50.2 61.8 41 60Q50.2 58.2 52 49ZM88 76Q89 81 94 82Q89 83 88 88Q87 83 82 82Q87 81 88 76ZM20 79.5Q20.7 83.3 24.5 84Q20.7 84.7 20 88.5Q19.3 84.7 15.5 84Q19.3 83.3 20 79.5Z'/%3E%3C/svg%3E");-webkit-mask-size:calc(26 * var(--mm)) calc(26 * var(--mm));-webkit-mask-size:calc(26 * var(--mm)) calc(26 * var(--mm));mask-size:calc(26 * var(--mm)) calc(26 * var(--mm));-webkit-mask-position:calc(var(--sx) * -1.6 * var(--mm)) calc(var(--sy) * -1.6 * var(--mm));-webkit-mask-position:calc(var(--sx) * -1.6 * var(--mm)) calc(var(--sy) * -1.6 * var(--mm));mask-position:calc(var(--sx) * -1.6 * var(--mm)) calc(var(--sy) * -1.6 * var(--mm))}.c3d .stars>span{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M15 13Q16.1 18.9 22 20Q16.1 21.1 15 27Q13.9 21.1 8 20Q13.9 18.9 15 13ZM62 7Q62.8 11.2 67 12Q62.8 12.8 62 17Q61.2 12.8 57 12Q61.2 11.2 62 7ZM40 47Q41.3 53.7 48 55Q41.3 56.3 40 63Q38.7 56.3 32 55Q38.7 53.7 40 47ZM85 34Q86 39 91 40Q86 41 85 46Q84 41 79 40Q84 39 85 34ZM70 73Q71.1 78.9 77 80Q71.1 81.1 70 87Q68.9 81.1 63 80Q68.9 78.9 70 73ZM20 73Q20.8 77.2 25 78Q20.8 78.8 20 83Q19.2 78.8 15 78Q19.2 77.2 20 73Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M15 13Q16.1 18.9 22 20Q16.1 21.1 15 27Q13.9 21.1 8 20Q13.9 18.9 15 13ZM62 7Q62.8 11.2 67 12Q62.8 12.8 62 17Q61.2 12.8 57 12Q61.2 11.2 62 7ZM40 47Q41.3 53.7 48 55Q41.3 56.3 40 63Q38.7 56.3 32 55Q38.7 53.7 40 47ZM85 34Q86 39 91 40Q86 41 85 46Q84 41 79 40Q84 39 85 34ZM70 73Q71.1 78.9 77 80Q71.1 81.1 70 87Q68.9 81.1 63 80Q68.9 78.9 70 73ZM20 73Q20.8 77.2 25 78Q20.8 78.8 20 83Q19.2 78.8 15 78Q19.2 77.2 20 73Z'/%3E%3C/svg%3E");-webkit-mask-size:calc(15 * var(--mm)) calc(15 * var(--mm));-webkit-mask-size:calc(15 * var(--mm)) calc(15 * var(--mm));mask-size:calc(15 * var(--mm)) calc(15 * var(--mm));-webkit-mask-position:calc(6 * var(--mm) + var(--sx) * -.9 * var(--mm)) calc(2 * var(--mm) + var(--sy) * -.9 * var(--mm));-webkit-mask-position:calc(6 * var(--mm) + var(--sx) * -.9 * var(--mm)) calc(2 * var(--mm) + var(--sy) * -.9 * var(--mm));mask-position:calc(6 * var(--mm) + var(--sx) * -.9 * var(--mm)) calc(2 * var(--mm) + var(--sy) * -.9 * var(--mm));animation:2.7s ease-in-out -.6s infinite c3d-twinkle,12s ease-in-out -3s infinite c3d-drift-mid}.c3d .stars:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M30 32Q31 37 36 38Q31 39 30 44Q29 39 24 38Q29 37 30 32ZM80 46Q80.6 49.4 84 50Q80.6 50.6 80 54Q79.4 50.6 76 50Q79.4 49.4 80 46ZM58 85Q58.8 89.2 63 90Q58.8 90.8 58 95Q57.2 90.8 53 90Q57.2 89.2 58 85ZM8 66.5Q8.6 69.4 11.5 70Q8.6 70.6 8 73.5Q7.4 70.6 4.5 70Q7.4 69.4 8 66.5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M30 32Q31 37 36 38Q31 39 30 44Q29 39 24 38Q29 37 30 32ZM80 46Q80.6 49.4 84 50Q80.6 50.6 80 54Q79.4 50.6 76 50Q79.4 49.4 80 46ZM58 85Q58.8 89.2 63 90Q58.8 90.8 58 95Q57.2 90.8 53 90Q57.2 89.2 58 85ZM8 66.5Q8.6 69.4 11.5 70Q8.6 70.6 8 73.5Q7.4 70.6 4.5 70Q7.4 69.4 8 66.5Z'/%3E%3C/svg%3E");-webkit-mask-size:calc(10 * var(--mm)) calc(10 * var(--mm));-webkit-mask-size:calc(10 * var(--mm)) calc(10 * var(--mm));mask-size:calc(10 * var(--mm)) calc(10 * var(--mm));-webkit-mask-position:calc(3 * var(--mm) + var(--sx) * -.35 * var(--mm)) calc(5 * var(--mm) + var(--sy) * -.35 * var(--mm));-webkit-mask-position:calc(3 * var(--mm) + var(--sx) * -.35 * var(--mm)) calc(5 * var(--mm) + var(--sy) * -.35 * var(--mm));mask-position:calc(3 * var(--mm) + var(--sx) * -.35 * var(--mm)) calc(5 * var(--mm) + var(--sy) * -.35 * var(--mm));animation:1.9s ease-in-out -1.1s infinite c3d-twinkle,15s ease-in-out -7s infinite c3d-drift-far}.c3d.live .stars:before,.c3d.live .stars:after,.c3d.live .stars>span{transition:-webkit-mask-position 80ms linear,mask-position 80ms linear}@keyframes c3d-twinkle{0%,to{opacity:1}50%{opacity:.08}}@keyframes c3d-drift-near{0%,to{transform:translate(0)}25%{transform:translate(calc(.9 * var(--mm)), calc(-.7 * var(--mm)))}50%{transform:translate(calc(1.4 * var(--mm)), calc(.4 * var(--mm)))}75%{transform:translate(calc(.4 * var(--mm)), calc(1 * var(--mm)))}}@keyframes c3d-drift-mid{0%,to{transform:translate(0)}33%{transform:translate(calc(-.8 * var(--mm)), calc(.5 * var(--mm)))}66%{transform:translate(calc(-.3 * var(--mm)), calc(-.8 * var(--mm)))}}@keyframes c3d-drift-far{0%,to{transform:translate(0)}50%{transform:translate(calc(.5 * var(--mm)), calc(.5 * var(--mm)))}}@keyframes c3d-sweep{0%{--sweep:0%}55%,to{--sweep:100%}}@media (prefers-reduced-motion:reduce){.c3d .stars,.c3d .stars:before,.c3d .stars:after,.c3d .stars>span,.c3d.finish-foil .holo,.c3d.finish-foil-star .holo{animation:none}}.c3d-scaler.baked{filter:drop-shadow(0 calc(5 * var(--mm)) calc(6 * var(--mm)) #0009) drop-shadow(0 0 calc(3 * var(--mm)) color-mix(in srgb, var(--accent) 70%, transparent))}.c3d-tilt{width:fit-content}.c3d.baked{isolation:isolate;transition:none;transform:none}.c3d.baked .holo,.c3d.baked .glare{background:0 0;overflow:hidden}.c3d.baked .holo{animation:none}.c3d .c3d-sheet{position:absolute;top:0;left:0}.c3d .holo .c3d-sheet{background-image:linear-gradient(115deg,#0000 30%,#ec9bb6 42%,#ccac6f 46%,#69e4a5 50%,#8ec5d6 54%,#b98cce 58%,#0000 70%)}.c3d .glare .c3d-sheet{transform-origin:50%;background:radial-gradient(circle var(--r0) at 50% 50%, #ffffffbf 0%, #ffffff26 30%, transparent 60%)}.c3d.baked .star img{filter:none;transition:none}.c3d.baked .star img.c3d-star-shadow{filter:brightness(0) blur(calc(1.75 * var(--mm)));opacity:.55}.c3d.baked .stars{--near:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M18 13Q19.4 20.6 27 22Q19.4 23.4 18 31Q16.6 23.4 9 22Q16.6 20.6 18 13ZM70 9Q70.8 13.2 75 14Q70.8 14.8 70 19Q69.2 14.8 65 14Q69.2 13.2 70 9ZM52 49Q53.8 58.2 63 60Q53.8 61.8 52 71Q50.2 61.8 41 60Q50.2 58.2 52 49ZM88 76Q89 81 94 82Q89 83 88 88Q87 83 82 82Q87 81 88 76ZM20 79.5Q20.7 83.3 24.5 84Q20.7 84.7 20 88.5Q19.3 84.7 15.5 84Q19.3 83.3 20 79.5Z'/%3E%3C/svg%3E");--mid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M15 13Q16.1 18.9 22 20Q16.1 21.1 15 27Q13.9 21.1 8 20Q13.9 18.9 15 13ZM62 7Q62.8 11.2 67 12Q62.8 12.8 62 17Q61.2 12.8 57 12Q61.2 11.2 62 7ZM40 47Q41.3 53.7 48 55Q41.3 56.3 40 63Q38.7 56.3 32 55Q38.7 53.7 40 47ZM85 34Q86 39 91 40Q86 41 85 46Q84 41 79 40Q84 39 85 34ZM70 73Q71.1 78.9 77 80Q71.1 81.1 70 87Q68.9 81.1 63 80Q68.9 78.9 70 73ZM20 73Q20.8 77.2 25 78Q20.8 78.8 20 83Q19.2 78.8 15 78Q19.2 77.2 20 73Z'/%3E%3C/svg%3E");--far:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M30 32Q31 37 36 38Q31 39 30 44Q29 39 24 38Q29 37 30 32ZM80 46Q80.6 49.4 84 50Q80.6 50.6 80 54Q79.4 50.6 76 50Q79.4 49.4 80 46ZM58 85Q58.8 89.2 63 90Q58.8 90.8 58 95Q57.2 90.8 53 90Q57.2 89.2 58 85ZM8 66.5Q8.6 69.4 11.5 70Q8.6 70.6 8 73.5Q7.4 70.6 4.5 70Q7.4 69.4 8 66.5Z'/%3E%3C/svg%3E");animation:none}.c3d.baked .stars:before,.c3d.baked .stars:after{content:none}.c3d .c3d-depth{inset:calc(-2 * var(--mm));position:absolute}.c3d .c3d-depth--near{animation:3.2s ease-in-out infinite c3d-twinkle,9s ease-in-out infinite c3d-drift-near}.c3d .c3d-depth--mid{animation:2.7s ease-in-out -.6s infinite c3d-twinkle,12s ease-in-out -3s infinite c3d-drift-mid}.c3d .c3d-depth--far{animation:1.9s ease-in-out -1.1s infinite c3d-twinkle,15s ease-in-out -7s infinite c3d-drift-far}.c3d .c3d-pattern{inset:calc(-2 * var(--mm));position:absolute;-webkit-mask-repeat:repeat;mask-repeat:repeat}.c3d .c3d-depth--near .c3d-pattern{-webkit-mask-image:var(--near);-webkit-mask-image:var(--near);mask-image:var(--near);-webkit-mask-size:calc(26 * var(--mm)) calc(26 * var(--mm));-webkit-mask-size:calc(26 * var(--mm)) calc(26 * var(--mm));mask-size:calc(26 * var(--mm)) calc(26 * var(--mm));-webkit-mask-position:calc(2 * var(--mm)) calc(2 * var(--mm));-webkit-mask-position:calc(2 * var(--mm)) calc(2 * var(--mm));mask-position:calc(2 * var(--mm)) calc(2 * var(--mm))}.c3d .c3d-depth--mid .c3d-pattern{-webkit-mask-image:var(--mid);-webkit-mask-image:var(--mid);mask-image:var(--mid);-webkit-mask-size:calc(15 * var(--mm)) calc(15 * var(--mm));-webkit-mask-size:calc(15 * var(--mm)) calc(15 * var(--mm));mask-size:calc(15 * var(--mm)) calc(15 * var(--mm));-webkit-mask-position:calc(8 * var(--mm)) calc(4 * var(--mm));-webkit-mask-position:calc(8 * var(--mm)) calc(4 * var(--mm));mask-position:calc(8 * var(--mm)) calc(4 * var(--mm))}.c3d .c3d-depth--far .c3d-pattern{-webkit-mask-image:var(--far);-webkit-mask-image:var(--far);mask-image:var(--far);-webkit-mask-size:calc(10 * var(--mm)) calc(10 * var(--mm));-webkit-mask-size:calc(10 * var(--mm)) calc(10 * var(--mm));mask-size:calc(10 * var(--mm)) calc(10 * var(--mm));-webkit-mask-position:calc(5 * var(--mm)) calc(7 * var(--mm));-webkit-mask-position:calc(5 * var(--mm)) calc(7 * var(--mm));mask-position:calc(5 * var(--mm)) calc(7 * var(--mm))}.c3d .c3d-band{background-image:linear-gradient(115deg,#ffffffa6 0% 36%,#fff1b8 45%,#fff 50%,#d8f4ff 55%,#ffffffa6 64% 100%);position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.c3d .c3d-depth{animation:none}}