/* Bounded CSS stage production. No canvas, video, audio or network loop. */
.stage{--show-a:#f7a9d8;--show-b:#b4a4ff;--show-c:#84f0e3;min-height:470px;background:radial-gradient(ellipse at 50% 45%,#47204480,transparent 68%),#17101f}.stage[data-scene="dancebreak"]{--show-a:#a8b8ff;--show-b:#f794e0;--show-c:#90f7e6}.stage[data-scene="ballad"]{--show-a:#ffc6e0;--show-b:#ddaeff;--show-c:#ffe7b5}.stage[data-scene="fanmeeting"]{--show-a:#ffc2d5;--show-b:#ffdea6;--show-c:#cfb9ff}.stage[data-scene="special"]{--show-a:#c1a3ff;--show-b:#fca8df;--show-c:#a9e9ff}.stage[data-scene="encore"]{--show-a:#e5d7a0;--show-b:#a2efce;--show-c:#ffc2e3}.show-decor{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;border-radius:inherit}.stage-top,.duel,.stage>div:last-child,.stage-intro,.stage-caption{position:relative;z-index:2}.show-aurora{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 20%,var(--show-a),transparent 48%),radial-gradient(ellipse at 85% 30%,var(--show-b),transparent 48%);opacity:.11;animation:show-breathe 6s ease-in-out infinite alternate}.show-laser{position:absolute;top:-20%;width:42%;height:135%;background:linear-gradient(var(--show-a),transparent 85%);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);transform-origin:50% 0;opacity:.16;animation:show-sweep 7s ease-in-out infinite alternate}.laser-a{left:-4%;--angle:29deg}.laser-b{left:35%;--angle:-34deg;background:linear-gradient(var(--show-b),transparent 85%);animation-delay:-3s}.laser-c{left:65%;--angle:20deg;background:linear-gradient(var(--show-c),transparent 85%);animation-delay:-5s;opacity:.1}.show-orbit{position:absolute;width:360px;height:360px;left:calc(50% - 180px);top:20%;border:1px solid var(--show-a);border-radius:50%;opacity:.13;transform:rotateX(65deg);animation:show-orbit 12s linear infinite}.orbit-b{width:460px;height:460px;left:calc(50% - 230px);top:10%;border:1px dashed var(--show-b);animation-direction:reverse}.show-floor{position:absolute;left:-30%;right:-30%;height:55%;bottom:-28%;background:repeating-linear-gradient(90deg,#ead4ff22 0 1px,transparent 1px 55px),repeating-linear-gradient(0deg,#ead4ff22 0 1px,transparent 1px 55px);transform:perspective(240px) rotateX(48deg);opacity:.5}.show-emblem{position:absolute;left:calc(50% - 50px);top:12%;width:100px;height:100px;color:var(--show-a);opacity:.45;transform:rotate(-10deg);animation:show-float 4s ease-in-out infinite alternate}.show-emblem svg{width:100%;height:100%}.show-equalizer{position:absolute;inset:auto 3% 20% 3%;height:90px;display:flex;align-items:center;justify-content:space-between;gap:10px;opacity:.09}.show-equalizer i{width:4%;height:var(--height);border-radius:3px;background:linear-gradient(var(--show-a),var(--show-b));transform-origin:center;animation:show-eq 1.2s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.16s)}.show-fandom{position:absolute;bottom:-5px;left:0;right:0;height:55px;display:flex;justify-content:space-around;align-items:end;opacity:.5}.show-fandom i{height:30px;width:5px;background:linear-gradient(var(--show-a),#462442);border-radius:4px;position:relative;transform:rotate(var(--tilt));transform-origin:50% 100%;animation:show-wave 2.3s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.18s)}.show-fandom b{position:absolute;left:-4px;top:-10px;width:13px;height:15px;border:1px solid var(--show-a);background:var(--show-a);border-radius:50% 50% 40% 40%;box-shadow:0 0 12px #f9a9d766}.show-sparks{position:absolute;inset:0}.show-sparks span{position:absolute;left:var(--x);top:55%;font:600 27px 'Space Grotesk',sans-serif;color:var(--show-a);opacity:0}.show-ripple{position:absolute;width:90px;height:90px;left:calc(50% - 45px);top:calc(50% - 45px);border:3px solid var(--show-a);border-radius:50%;opacity:0}.show-announcement{position:absolute!important;z-index:5!important;left:5%;right:5%;top:44%;text-align:center;pointer-events:none;opacity:0;transform:scale(.88);padding:18px 12px;background:linear-gradient(90deg,transparent,#1b1027ed 18%,#1b1027ed 82%,transparent);border-block:1px solid #f7c6ee66}.show-announcement span{display:block;font-size:8px;letter-spacing:3px;color:var(--show-a)}.show-announcement strong{display:block;font:700 clamp(22px,3vw,36px) 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:7px 0;color:#fff}.show-announcement small{color:#eeddf5;font-size:12px}.stage .performer .card-art:after{pointer-events:none}.stage .performer .card-art:before{content:'';position:absolute;z-index:3;inset:-50%;background:linear-gradient(115deg,transparent 35%,#fff9 48%,transparent 61%);transform:translateX(-100%);pointer-events:none;opacity:0}.stage .performer{position:relative}.stage .performer:after{content:'';position:absolute;width:145px;height:20px;left:calc(50% - 72px);top:190px;background:radial-gradient(ellipse,var(--show-a),transparent 70%);opacity:.4;z-index:-1}.stage .card-art{border-color:var(--show-a)}.stage .versus{color:var(--show-a);text-shadow:0 0 24px #eea4dd70}.stage[data-scene="dancebreak"] .show-floor{background:conic-gradient(from 90deg at 1px 1px,transparent 25%,#9da6ff33 0) 0 0/55px 55px;animation:show-floor 4s ease-in-out infinite alternate}.stage[data-scene="dancebreak"] .show-emblem{animation:show-disco 8s linear infinite}.stage[data-scene="ballad"] .show-equalizer{opacity:.22;height:150px}.stage[data-scene="fanmeeting"] .show-fandom{height:75px;opacity:.8}.stage[data-scene="fanmeeting"] .show-fandom b{border-radius:50% 50% 25% 25%;transform:rotate(-12deg)}.stage[data-scene="special"] .show-orbit{opacity:.3}.stage[data-scene="encore"] .show-emblem{color:#ffe39b}.is-charging .show-aurora{opacity:.25}.is-charging .performer:first-child .card-art{animation:show-charge .7s ease-in-out infinite alternate}.is-charging .show-equalizer{opacity:.4}.show-run .show-laser{animation:show-sweep 1.1s ease-in-out 3 alternate;opacity:.27}.show-run .show-equalizer{opacity:.35;animation:show-breathe .9s ease-in-out 3 alternate}.show-run .show-emblem{animation:show-feature 2.2s ease-out both;opacity:.65}.show-run .show-ripple{animation:show-impact 1.4s .55s ease-out both}.show-run .show-sparks span{animation:show-burst 2.4s ease-out both;animation-delay:calc(.45s + var(--i)*.025s)}.show-run .performer:first-child{animation:show-left .95s cubic-bezier(.2,.8,.2,1) both}.show-run .performer:last-child{animation:show-right .95s cubic-bezier(.2,.8,.2,1) both}.show-run .performer .card-art:before{animation:show-shine 1.25s .35s ease-out both}.show-run .versus{animation:show-vs 1.3s ease-out both}.show-run .score{animation:show-score .6s .8s ease-out both;color:var(--show-a)}.show-run .show-announcement{animation:show-title 3.3s ease-out both}.show-run[data-outcome="win"] .performer:first-child .card-art,.show-run[data-outcome="loss"] .performer:last-child .card-art{animation:show-crown 2.2s .9s ease-out both}.show-run[data-outcome="draw"] .performer .card-art{animation:show-crown 2.2s .9s ease-out both}.show-run[data-outcome="loss"] .show-announcement strong{color:#e8d2ff}.show-finale .show-sparks span{font-size:35px}.show-finale .show-fandom{opacity:1}.show-finale .show-announcement strong{color:#ffe0a4}.show-run[data-scene="ballad"] .show-sparks span{animation-name:show-notes}.show-run[data-scene="dancebreak"] .show-floor{opacity:.9;animation:show-floor 1s ease-in-out 3 alternate}.show-run[data-scene="fanmeeting"] .show-sparks span{animation-name:show-hearts}.show-run[data-scene="encore"] .show-sparks span{animation-name:show-confetti}.show-run[data-scene="special"] .show-ripple{border-style:dashed}.show-pause .show-decor *{animation-play-state:paused!important}
@keyframes show-breathe{to{opacity:.22;transform:scale(1.08)}}@keyframes show-sweep{from{transform:rotate(calc(var(--angle)*-1))}to{transform:rotate(var(--angle))}}@keyframes show-orbit{to{transform:rotateX(65deg) rotateZ(360deg)}}@keyframes show-float{to{transform:translateY(12px) rotate(8deg)}}@keyframes show-disco{0%{transform:rotate(-12deg)}50%{transform:rotate(12deg) translateY(10px)}100%{transform:rotate(-12deg)}}@keyframes show-eq{from{transform:scaleY(.35)}to{transform:scaleY(1.2)}}@keyframes show-wave{to{transform:rotate(calc(var(--tilt)*-1)) translateY(-8px)}}@keyframes show-floor{to{transform:perspective(240px) rotateX(48deg) translateY(14px);opacity:.75}}@keyframes show-charge{to{transform:rotate(-3deg) scale(1.04);box-shadow:0 0 28px #f6acdb55}}@keyframes show-left{0%{transform:translateX(-35px) rotate(-7deg);opacity:.3}65%{transform:translateX(12px) rotate(3deg)}100%{transform:none;opacity:1}}@keyframes show-right{0%{transform:translateX(35px) rotate(7deg);opacity:.3}65%{transform:translateX(-12px) rotate(-3deg)}100%{transform:none;opacity:1}}@keyframes show-shine{0%{opacity:0;transform:translateX(-100%)}20%{opacity:.65}100%{opacity:0;transform:translateX(100%)}}@keyframes show-impact{0%{opacity:0;transform:scale(.2)}20%{opacity:.7}100%{opacity:0;transform:scale(7)}}@keyframes show-feature{0%{transform:translateY(-20px) scale(.6);opacity:0}45%{transform:scale(1.35) rotate(-8deg);opacity:.8}100%{transform:scale(1);opacity:.45}}@keyframes show-burst{0%{opacity:0;transform:translateY(40px) scale(.2)}20%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),-220px) rotate(var(--rot)) scale(.8)}}@keyframes show-notes{0%{opacity:0;transform:translateY(80px) scale(.5)}20%{opacity:.85}100%{opacity:0;transform:translate(calc(var(--dx)*.4),-230px) rotate(-18deg) scale(1.35)}}@keyframes show-hearts{0%{opacity:0;transform:translateY(130px) scale(.3)}25%{opacity:.9;transform:translate(0,-10px) scale(1.3)}100%{opacity:0;transform:translate(calc(var(--dx)*.3),-240px) rotate(20deg) scale(.6)}}@keyframes show-confetti{0%{opacity:0;transform:translateY(-290px) rotate(0deg)}20%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),230px) rotate(var(--rot))}}@keyframes show-vs{0%{transform:scale(.4);opacity:0}45%{transform:scale(1.45);opacity:1}100%{transform:scale(1)}}@keyframes show-score{from{transform:translateY(12px) scale(.7);opacity:0}to{transform:none;opacity:1}}@keyframes show-crown{0%{box-shadow:0 0 0 0 #f8bfd700}30%{box-shadow:0 0 0 3px #ffdca2,0 0 40px #f5acd977;transform:rotate(0deg) scale(1.06)}100%{box-shadow:0 12px 35px #0006}}@keyframes show-title{0%,34%{opacity:0;transform:translateY(15px) scale(.88)}48%,82%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-12px) scale(1.03)}}
body.no-effects .show-decor *,body.no-effects .stage *,body.no-effects .stage *:before{animation:none!important}body.no-effects .show-sparks,body.no-effects .show-announcement,body.no-effects .show-ripple{display:none}body.no-effects .show-laser{opacity:.07}body.no-effects .show-equalizer{opacity:.08}@media(max-width:800px){.stage{min-height:400px}.show-sparks span:nth-child(n+13),.show-laser.laser-c{display:none}.show-emblem{width:70px;height:70px;left:calc(50% - 35px)}.show-announcement strong{font-size:25px}.show-equalizer{gap:5px}.stage .performer:after{width:100px;left:calc(50% - 50px);top:163px}}@media(max-width:480px){.stage .performer:after{top:145px}.show-announcement{top:40%;left:2%;right:2%;padding:16px 9px}.show-announcement strong{font-size:21px;letter-spacing:-.6px}.show-announcement small{font-size:10px}.show-announcement span{letter-spacing:1.5px;font-size:7px}.show-orbit{width:230px;height:230px;left:calc(50% - 115px)}.show-fandom{opacity:.35}.show-fandom i:nth-child(even){display:none}}@media(prefers-reduced-motion:reduce){.show-decor *,.stage *,.stage *:before{animation:none!important}.show-sparks,.show-announcement,.show-ripple{display:none}.show-laser{opacity:.07}}
