:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.dance-floor{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 80%,#1a0a2e,#0a0a0a 70%);overflow:hidden;position:relative}.stage{position:relative;display:flex;flex-direction:column;align-items:center}.stickman{width:180px;height:290px;animation:bounce .4s ease-in-out infinite alternate}.head{fill:none;stroke:#fff;stroke-width:3;transform-origin:100px 40px;animation:head-bob .4s ease-in-out infinite alternate}.limb{stroke:#fff;stroke-width:3.5;stroke-linecap:round;fill:none}.body-line{transform-origin:100px 58px;animation:body-sway .8s ease-in-out infinite alternate}.arm-group{animation:.4s ease-in-out infinite alternate}.arm-left-group{transform-origin:100px 80px;animation-name:arm-left-dance}.forearm-left-group{transform-origin:55px 120px;animation:forearm-left-dance .4s ease-in-out infinite alternate}.arm-right-group{transform-origin:100px 80px;animation-name:arm-right-dance}.forearm-right-group{transform-origin:145px 120px;animation:forearm-right-dance .4s ease-in-out infinite alternate-reverse}.leg-group{animation:.4s ease-in-out infinite alternate}.leg-left-group{transform-origin:100px 160px;animation-name:leg-left-dance}.shin-left-group{transform-origin:70px 230px;animation:shin-left-dance .4s ease-in-out infinite alternate}.leg-right-group{transform-origin:100px 160px;animation-name:leg-right-dance}.shin-right-group{transform-origin:130px 230px;animation:shin-right-dance .4s ease-in-out infinite alternate-reverse}.shadow{width:100px;height:12px;background:radial-gradient(ellipse,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;margin-top:-10px;animation:shadow-pulse .4s ease-in-out infinite alternate}.title{margin-top:2rem;font-size:2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#ff6ec7,#7873f5,#4adede,#ff6ec7);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s linear infinite}.disco-lights{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.light{position:absolute;width:8px;height:8px;border-radius:50%;opacity:0;animation:sparkle 2s ease-in-out infinite}.light-0{top:8%;left:10%;background:#ff6ec7;animation-delay:0s}.light-1{top:15%;left:80%;background:#7873f5;animation-delay:.3s}.light-2{top:25%;left:30%;background:#4adede;animation-delay:.6s}.light-3{top:10%;left:55%;background:gold;animation-delay:.9s}.light-4{top:70%;left:15%;background:#ff6ec7;animation-delay:1.2s}.light-5{top:80%;left:75%;background:#7873f5;animation-delay:.2s}.light-6{top:60%;left:90%;background:#4adede;animation-delay:.5s}.light-7{top:35%;left:5%;background:gold;animation-delay:.8s}.light-8{top:50%;left:85%;background:#ff6ec7;animation-delay:1.1s}.light-9{top:90%;left:45%;background:#7873f5;animation-delay:1.4s}.light-10{top:5%;left:40%;background:#4adede;animation-delay:.7s}.light-11{top:45%;left:65%;background:gold;animation-delay:1s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-15px)}}@keyframes head-bob{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes body-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes arm-left-dance{0%{transform:rotate(15deg)}to{transform:rotate(-35deg)}}@keyframes forearm-left-dance{0%{transform:rotate(10deg)}to{transform:rotate(-40deg)}}@keyframes arm-right-dance{0%{transform:rotate(-15deg)}to{transform:rotate(35deg)}}@keyframes forearm-right-dance{0%{transform:rotate(-10deg)}to{transform:rotate(40deg)}}@keyframes leg-left-dance{0%{transform:rotate(12deg)}to{transform:rotate(-20deg)}}@keyframes shin-left-dance{0%{transform:rotate(5deg)}to{transform:rotate(-25deg)}}@keyframes leg-right-dance{0%{transform:rotate(-12deg)}to{transform:rotate(20deg)}}@keyframes shin-right-dance{0%{transform:rotate(-5deg)}to{transform:rotate(25deg)}}@keyframes shadow-pulse{0%{transform:scaleX(1);opacity:1}to{transform:scaleX(.7);opacity:.5}}@keyframes sparkle{0%{opacity:0;transform:scale(.5)}50%{opacity:.9;transform:scale(1.8)}to{opacity:0;transform:scale(.5)}}@keyframes gradient-shift{0%{background-position:0% 50%}to{background-position:300% 50%}}
