:root{--paper:#f6efe4;--ink:#3b2f3a;--dim:#7a6c78;--a:#ffc34d;--b:#ff7a59;--c:#8b7cff;--beat:.5s}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);background-image:radial-gradient(circle at 20% 15%,#ffc34d38,#0000 38%),radial-gradient(circle at 85% 80%,#8b7cff2e,#0000 42%);flex-direction:column;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:40px 20px 12px;display:flex;position:relative;overflow:hidden}.hero{text-align:center;z-index:1;position:relative}.wordmark{letter-spacing:-1px;background:linear-gradient(100deg, var(--a), var(--b) 55%, var(--c));color:#0000;filter:drop-shadow(3px 4px #3b2f3ae6);animation:pop var(--beat) ease-in-out infinite;transform-origin:50% 80%;-webkit-background-clip:text;background-clip:text;margin:0;font:800 clamp(64px,14vw,132px)/1 "Baloo 2",Fredoka,sans-serif}.squiggle{width:min(320px,70vw);height:22px;margin-top:-6px}.squiggle path{fill:none;stroke:var(--ink);stroke-width:4px;stroke-linecap:round}.tag{margin:14px 0 26px;font:600 clamp(18px,3vw,26px) Fredoka,sans-serif}.gate{justify-items:center;gap:12px;min-height:96px;display:grid}.open{color:#1a1030;border:3px solid var(--ink);background:linear-gradient(100deg, var(--a), var(--b));box-shadow:4px 5px 0 var(--ink);border-radius:999px;padding:14px 30px;font:700 18px Fredoka,sans-serif;text-decoration:none;transition:transform .12s,box-shadow .12s}.open:hover{box-shadow:6px 7px 0 var(--ink);transform:translate(-1px,-1px)}.open:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,4px)}.note{color:var(--dim);max-width:34ch;margin:0;font-size:14px}.note.deny{color:#b3402a;font-weight:600}.crew{z-index:1;width:min(760px,94vw);height:auto;position:relative}.crew g.dancer{transform-box:fill-box;transform-origin:50% 100%;animation:bounce var(--beat) ease-in-out infinite}.crew .d2{animation-delay:calc(var(--beat) * -.25)}.crew .d3{animation-delay:calc(var(--beat) * -.5)}.crew .d4{animation-delay:calc(var(--beat) * -.75)}.crew g.dancer>circle:not(.eye),.crew path{fill:none;stroke:var(--ink);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.crew .eye{fill:var(--ink);stroke:none}.crew .smile{stroke-width:3px}.crew .floor{stroke-width:4px;stroke-dasharray:2 14;opacity:.5}.notes i{color:var(--c);opacity:0;font-size:34px;font-style:normal;animation:5s linear infinite float;position:absolute}.notes i:first-child{color:var(--b);animation-delay:0s;left:12%}.notes i:nth-child(2){animation-delay:1.1s;left:28%}.notes i:nth-child(3){color:var(--a);animation-delay:2.3s;left:62%}.notes i:nth-child(4){animation-delay:.6s;left:78%}.notes i:nth-child(5){color:var(--b);animation-delay:3.2s;left:90%}.foot{text-align:center;color:var(--dim);padding:14px;font-size:13px}@keyframes bounce{0%,to{transform:translateY(0)scaleY(.96)}50%{transform:translateY(-16px)scaleY(1.03)rotate(2deg)}}@keyframes pop{0%,to{transform:scale(1)}50%{transform:scale(1.025)rotate(-.6deg)}}@keyframes float{0%{opacity:0;bottom:-40px}15%{opacity:.8}to{opacity:0;bottom:105%;transform:translate(26px)rotate(18deg)}}@media (prefers-reduced-motion:reduce){.crew g.dancer,.wordmark,.notes i{animation:none}.notes{display:none}}
