.df-stage{width:100%}.df-scene{--df-accent:#ff4fa3;--df-bob-dur:1s;--df-bob-amp:6px;--df-light:.6;aspect-ratio:16/10;background:linear-gradient(#07060f 0%,#0d0b1e 55%,#16132b 100%);border-radius:14px;width:100%;position:relative;overflow:hidden}.df-scaffold{stroke:#2a2547;stroke-width:5px;stroke-linecap:round}.df-screen-frame{fill:#1b1733;stroke:#2f2a52;stroke-width:2px}.df-screen{fill:#080614;stroke:var(--df-accent);stroke-width:1.2px;stroke-opacity:.55}.df-live-dot{fill:#ff3b3b;animation:1.6s ease-in-out infinite df-live-blink}.df-live-label{fill:#f3f0ff;opacity:.65;letter-spacing:.14em;font-family:system-ui,sans-serif;font-size:8px;font-weight:700}.df-screen-name{fill:#f3f0ff;letter-spacing:.03em;paint-order:stroke;filter:drop-shadow(0 0 6px var(--df-accent));font-family:system-ui,sans-serif;font-weight:800}.df-screen-rule{stroke:var(--df-accent);stroke-width:1.5px;stroke-opacity:.8}.df-screen-genre{fill:var(--df-accent);letter-spacing:.18em;font-family:system-ui,sans-serif;font-size:13px;font-weight:700}@keyframes df-live-blink{0%,to{opacity:1}50%{opacity:.25}}.df-svg{width:100%;height:66%;position:absolute;inset:0 0 34%}.df-platform{fill:#1d1a33}.df-platform-face{fill:#14112a}.df-beam{fill:var(--df-accent);opacity:calc(var(--df-light) * .16);transform-box:fill-box;transform-origin:50% 0;animation:5.2s ease-in-out infinite alternate df-beam-sweep}.df-beam:nth-child(odd){animation-duration:6.4s;animation-direction:alternate-reverse}@keyframes df-beam-sweep{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.df-wash{opacity:var(--df-light)}.perf .limb{stroke:#f3f0ff;stroke-width:4.5px;stroke-linecap:round;fill:none}.perf .limb.thin{stroke-width:2.5px}.perf .head{fill:#f3f0ff}.perf .mic-head{fill:var(--df-accent)}.perf .guitar-body{fill:var(--df-accent);stroke:#f3f0ff;stroke-width:1.5px}.perf .deck-top{fill:#262244;stroke:#f3f0ff;stroke-width:1.5px}.perf .deck-disc{fill:var(--df-accent);transform-box:fill-box;transform-origin:50%;animation:1.4s linear infinite df-spin}.perf .kick{fill:#262244;stroke:#f3f0ff;stroke-width:2px}.perf .snare{fill:#262244;stroke:#f3f0ff;stroke-width:1.5px}.perf .cymbal{fill:var(--df-accent)}.perf .hat{fill:var(--df-accent);stroke:#0d0b1e;stroke-width:.8px}.perf .phones-band{stroke:var(--df-accent)}.perf .phones-cup{fill:var(--df-accent)}.perf .phones-cup.off{opacity:.55}.perf .headset{stroke:var(--df-accent)}@keyframes df-spin{to{transform:rotate(360deg)}}.pv,.perf-body{transform-box:view-box;transform-origin:0 0}.pv{transform:translate(var(--jx,0px), var(--jy,0px))}@keyframes df-swing{0%,to{transform:translate(var(--jx,0px), var(--jy,0px)) rotate(var(--a0,0deg))}50%{transform:translate(var(--jx,0px), var(--jy,0px)) rotate(var(--a1,0deg))}}@keyframes df-sway{0%,to{transform:translateX(calc(var(--sx,5px) * -1))}50%{transform:translateX(var(--sx,5px))}}@keyframes df-bop{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--by,4px) * -1))}}@keyframes df-jump{0%,to{transform:translateY(0)}40%{transform:translateY(-12px)}}@keyframes df-lean{0%,to{transform:rotate(calc(var(--la,2deg) * -1))}50%{transform:rotate(var(--la,2deg))}}@keyframes df-two-step{0%,to{transform:translate(-7px)}12.5%{transform:translate(-7px,-3px)}25%{transform:translate(-7px)}37.5%{transform:translate(-7px,-3px)}48%{transform:translate(-7px)}52%{transform:translate(7px)}62.5%{transform:translate(7px,-3px)}75%{transform:translate(7px)}87.5%{transform:translate(7px,-3px)}98%{transform:translate(7px)}}@keyframes df-kpop-arm-l{0%,to{transform:translate(var(--jx),var(--jy)) rotate(0deg)}20%{transform:translate(var(--jx),var(--jy)) rotate(-135deg)}40%{transform:translate(var(--jx),var(--jy)) rotate(-135deg)}55%{transform:translate(var(--jx),var(--jy)) rotate(-40deg)}75%{transform:translate(var(--jx),var(--jy)) rotate(-40deg)}}@keyframes df-kpop-arm-r{0%,to{transform:translate(var(--jx),var(--jy)) rotate(0deg)}20%{transform:translate(var(--jx),var(--jy)) rotate(40deg)}40%{transform:translate(var(--jx),var(--jy)) rotate(40deg)}55%{transform:translate(var(--jx),var(--jy)) rotate(135deg)}75%{transform:translate(var(--jx),var(--jy)) rotate(135deg)}}@keyframes df-drum-hit-l{0%,to{transform:translate(var(--jx),var(--jy)) rotate(-16deg)}50%{transform:translate(var(--jx),var(--jy)) rotate(6deg)}}@keyframes df-drum-hit-r{0%,to{transform:translate(var(--jx),var(--jy)) rotate(8deg)}50%{transform:translate(var(--jx),var(--jy)) rotate(-16deg)}}.perf-pop .perf-body{animation:2s ease-in-out infinite df-two-step}.perf-pop .arm-l{--a0:-4deg;--a1:6deg;animation:1s ease-in-out infinite df-swing}.perf-pop .arm-r{--a0:-2deg;--a1:3deg;animation:1s ease-in-out infinite df-swing}.perf-pop .head-pv{--a0:-3deg;--a1:3deg;animation:1s ease-in-out infinite df-swing}.perf-rap .perf-body{--by:5px;animation:.7s ease-in-out infinite df-bop}.perf-rap .arm-l{--a0:-6deg;--a1:8deg;animation:.7s ease-in-out infinite df-swing}.perf-rap .arm-r{--a0:-2deg;--a1:3deg;animation:1.4s ease-in-out infinite df-swing}.perf-rap .head-pv{--a0:-2deg;--a1:5deg;animation:.7s ease-in-out infinite df-swing}.perf-rnb .perf-body{--sx:3px;animation:2.7s ease-in-out infinite df-sway}.perf-rnb .arm-l{--a0:-2deg;--a1:2deg;animation:2.7s ease-in-out infinite df-swing}.perf-rnb .arm-r{--a0:2deg;--a1:-2deg;animation:2.7s ease-in-out infinite df-swing}.perf-rnb .head-pv{--a0:-3deg;--a1:2deg;animation:2.7s ease-in-out infinite df-swing}.perf-rock .perf-body,.perf-punk .perf-body{--la:2deg;animation:1.2s ease-in-out infinite df-lean}.perf-rock .arm-r,.perf-punk .arm-r{--a0:-6deg;--a1:8deg;animation:.5s ease-in-out infinite df-swing}.perf-rock .arm-l,.perf-punk .arm-l{--a0:-4deg;--a1:4deg;animation:1.2s ease-in-out infinite df-swing}.perf-rock .head-pv{--a0:-4deg;--a1:6deg;animation:1.2s ease-in-out infinite df-swing}.perf-punk .perf-body{animation-duration:.7s}.perf-punk .arm-r{animation-duration:.35s}.perf-punk .head-pv{--a0:-6deg;--a1:12deg;animation:.7s ease-in-out infinite df-swing}.perf-metal .perf-body{--by:3px;animation:.55s ease-in-out infinite df-bop}.perf-metal .arm-r{--a0:-8deg;--a1:10deg;animation:.28s linear infinite df-swing}.perf-metal .arm-l{--a0:-7deg;--a1:7deg;animation:1.1s ease-in-out infinite df-swing}.perf-metal .head-pv{--a0:-8deg;--a1:26deg;animation:.55s ease-in-out infinite df-swing}.perf-edm .perf-body{animation:.43s ease-in-out infinite df-jump}.perf-edm .arm-l{--a0:-8deg;--a1:8deg;animation:.43s ease-in-out infinite df-swing}.perf-edm .arm-r{--a0:-3deg;--a1:4deg;animation:.86s ease-in-out infinite df-swing}.perf-edm .head-pv{--a0:-3deg;--a1:4deg;animation:.43s ease-in-out infinite df-swing}.perf-country .perf-body,.perf-folk .perf-body{--sx:4px;animation:3s ease-in-out infinite df-sway}.perf-country .arm-r,.perf-folk .arm-r{--a0:-4deg;--a1:6deg;animation:.85s ease-in-out infinite df-swing}.perf-country .arm-l,.perf-folk .arm-l,.perf-country .head-pv,.perf-folk .head-pv{--a0:-3deg;--a1:3deg;animation:1.7s ease-in-out infinite df-swing}.perf-latin .perf-body{animation:1.5s ease-in-out infinite df-two-step}.perf-latin .arm-l{--a0:-5deg;--a1:7deg;animation:.75s ease-in-out infinite df-swing}.perf-latin .arm-r{--a0:-2deg;--a1:3deg;animation:.75s ease-in-out infinite df-swing}.perf-latin .head-pv{--a0:-3deg;--a1:3deg;animation:.75s ease-in-out infinite df-swing}.perf-reggae .perf-body{--sx:5px;animation:2.4s ease-in-out infinite df-sway}.perf-reggae .arm-l{--a0:-4deg;--a1:5deg;animation:2.4s ease-in-out infinite df-swing}.perf-reggae .arm-r{--a0:-2deg;--a1:2deg;animation:2.4s ease-in-out infinite df-swing}.perf-reggae .head-pv{--a0:-4deg;--a1:4deg;animation:1.2s ease-in-out infinite df-swing}.perf-jazz .perf-body{--sx:3px;animation:3.2s ease-in-out infinite df-sway}.perf-jazz .arm-l{--a0:-3deg;--a1:3deg;animation:3.2s ease-in-out infinite df-swing}.perf-jazz .arm-r{--a0:3deg;--a1:-3deg;animation:3.2s ease-in-out infinite df-swing}.perf-jazz .head-pv{--a0:-2deg;--a1:3deg;animation:1.6s ease-in-out infinite df-swing}.perf-gospel .perf-body{--sx:4px;animation:2.2s ease-in-out infinite df-sway}.perf-gospel .arm-l{--a0:-6deg;--a1:6deg;animation:2.2s ease-in-out infinite df-swing}.perf-gospel .arm-r{--a0:6deg;--a1:-6deg;animation:2.2s ease-in-out infinite df-swing}.perf-gospel .head-pv{--a0:-3deg;--a1:3deg;animation:2.2s ease-in-out infinite df-swing}.perf-kpop .perf-body{animation:1.6s ease-in-out infinite df-two-step}.perf-kpop .arm-l{animation:3.2s ease-in-out infinite df-kpop-arm-l}.perf-kpop .arm-r{animation:3.2s ease-in-out infinite df-kpop-arm-r}.perf-kpop .head-pv{--a0:-3deg;--a1:3deg;animation:.8s ease-in-out infinite df-swing}.role-drums .perf-body{animation:none}.role-drums .arm-l{animation:.3s ease-in-out infinite df-drum-hit-l}.role-drums .arm-r{animation:.3s ease-in-out .15s infinite df-drum-hit-r}.role-drums .head-pv{--a0:-3deg;--a1:5deg;animation:.6s ease-in-out infinite df-swing}.role-guitar .perf-body{--la:2deg;animation:1.4s ease-in-out infinite df-lean}.role-guitar .arm-r{--a0:-5deg;--a1:7deg;animation:.6s ease-in-out infinite df-swing}.role-guitar .arm-l{--a0:-3deg;--a1:3deg;animation:1.4s ease-in-out infinite df-swing}.role-guitar .head-pv{--a0:-3deg;--a1:4deg;animation:.7s ease-in-out infinite df-swing}.role-bass .perf-body{--sx:3px;animation:3s ease-in-out infinite df-sway}.role-bass .arm-r{--a0:-3deg;--a1:4deg;animation:1s ease-in-out infinite df-swing}.role-bass .arm-l{--a0:-2deg;--a1:2deg;animation:2s ease-in-out infinite df-swing}.role-bass .head-pv{--a0:-3deg;--a1:3deg;animation:1s ease-in-out infinite df-swing}.role-choir .perf-body{--sx:3px;animation:2.2s ease-in-out infinite df-sway}.role-choir .arm-l{--a0:-5deg;--a1:5deg;animation:2.2s ease-in-out infinite df-swing}.role-choir .arm-r{--a0:5deg;--a1:-5deg;animation:2.2s ease-in-out infinite df-swing}.role-choir .head-pv{--a0:-2deg;--a1:2deg;animation:2.2s ease-in-out infinite df-swing}.df-crowd{background:linear-gradient(#07060f00 0%,#07060f8c 100%);height:34%;position:absolute;bottom:0;left:0;right:0}.df-crowd canvas{width:100%;height:100%;display:block}.df-cheering{--df-light:1}
