/* fix716.css · Ki 7:16 PM Oct 19 2026: "the ones at the bottom on the top, I want them to DRIP — not sit and bounce up and down… a little more slimier, like the chain green."
   One real-drip component (.d716, spans added by fix716.js): a bead swells at the edge, stretches on a thin glossy neck, lets go and falls/fades,
   the neck snaps back, a new bead re-forms. Deep glossy chain green + white highlight. Used on TAP TO ENTER, the LINKS buttons, the world-title drips
   (replaces the static .kvdrop blobs) and the drip tips of the section-title art (PICK A WORLD etc.). Revert = drop this tag + fix716.js. */
.itap::before,.itap::after,#links .links a::before,#links .links a::after{content:none!important;display:none!important;animation:none!important}
.d716{--c1:#7ccf2c;--c2:#2f8c08;--c3:#145c02;--c4:#073300;position:absolute;width:24px;height:120px;margin-left:-12px;pointer-events:none;overflow:visible;
 transform:scale(var(--s,1));transform-origin:50% 0;animation:f716none 5s cubic-bezier(.45,0,.6,1) 0s infinite both;animation-name:none}
.itap .d716{top:calc(100% - 6px);z-index:-1}
.d716tap{position:absolute;z-index:1;pointer-events:none;opacity:0;animation:d716tapin .3s ease 3.2s forwards}.d716tap .d716{top:calc(100% - 12px)}
@keyframes d716tapin{to{opacity:1}}
#links .links a .d716{top:calc(100% - 6px);z-index:-1}
.d716::before{content:"";position:absolute;left:50%;top:0;width:26px;height:13px;margin-left:-13px;border-radius:0 0 50% 50%/0 0 100% 100%;
 background:radial-gradient(ellipse at 38% 30%,rgba(230,255,190,.5) 0 12%,rgba(230,255,190,0) 34%),linear-gradient(180deg,var(--c2) 0%,var(--c3) 60%,var(--c4) 100%);
 transform-origin:50% 0;animation:inherit;animation-name:f716foot}
.d716.t::before{display:none}
.d716 i{position:absolute;left:50%;top:6px;width:11px;height:44px;margin-left:-5.5px;border-radius:2px 2px 6px 6px;transform-origin:50% 0;
 background:linear-gradient(90deg,var(--c4) 0%,var(--c3) 20%,var(--c2) 34%,rgba(230,255,200,.9) 45%,var(--c2) 56%,var(--c3) 80%,var(--c4) 100%);
 animation:inherit;animation-name:f716neck}
.d716.t i{top:0}
.d716 b{position:absolute;left:50%;top:6px;width:19px;height:21px;margin-left:-9.5px;border-radius:50% 50% 50% 50%/42% 42% 58% 58%;transform-origin:50% 10%;
 background:radial-gradient(circle at 36% 30%,#fff 0 7%,rgba(255,255,255,.55) 11%,rgba(255,255,255,0) 22%),radial-gradient(circle at 50% 42%,var(--c1) 0%,var(--c2) 42%,var(--c3) 74%,var(--c4) 100%);
 box-shadow:inset 0 -3px 4px rgba(0,0,0,.4),0 2px 3px rgba(0,0,0,.45);animation:inherit;animation-name:f716bead}
.d716.t b{top:-2px}
.d716 b::after{content:"";position:absolute;left:60%;top:62%;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.4)}
.d716w{position:absolute;pointer-events:none;z-index:2}
.kvdw .kvdrop.k716{display:none!important}
/* bead: tiny at the edge → swells → stretches down on the neck → lets go and falls (fades) → re-forms */
@keyframes f716bead{
 0%{transform:translateY(0) scale(.25,.2);opacity:1}
 22%{transform:translateY(2px) scale(.7,.62);opacity:1}
 46%{transform:translateY(8px) scale(.95,.98)}
 62%{transform:translateY(22px) scale(1,1.12)}
 70%{transform:translateY(36px) scale(.94,1.22);opacity:1}
 74%{transform:translateY(46px) scale(.9,1.1)}
 86%{transform:translateY(86px) scale(.86,1.16);opacity:.85}
 93%{transform:translateY(112px) scale(.82,1.2);opacity:0}
 94%,100%{transform:translateY(0) scale(.2,.15);opacity:0}}
/* neck: grows with the bead, thins as it stretches, snaps back up when the drop lets go */
@keyframes f716neck{
 0%,18%{transform:scale(1,0)}
 46%{transform:scale(1,.22)}
 62%{transform:scale(.8,.55)}
 70%{transform:scale(.5,.86)}
 72%{transform:scale(.38,.9)}
 76%{transform:scale(.7,.3)}
 82%{transform:scale(1,.1)}
 88%{transform:scale(1,.16)}
 100%{transform:scale(1,.04)}}
/* foot: the slime gathering at the edge, sags a touch while the bead is heavy */
@keyframes f716foot{0%{transform:scale(.8,.75)}46%{transform:scale(1,1)}70%{transform:scale(.92,1.15)}78%{transform:scale(1.04,.85)}100%{transform:scale(.8,.75)}}
@media (prefers-reduced-motion:reduce){.d716 b,.d716 i,.d716::before{animation:none!important}}
/* title drips fall a shorter way before they fade (they hang over text) */
.d716.t b{animation-name:f716beadT}
@keyframes f716beadT{
 0%{transform:translateY(0) scale(.25,.2);opacity:1}
 22%{transform:translateY(2px) scale(.7,.62);opacity:1}
 46%{transform:translateY(8px) scale(.95,.98)}
 62%{transform:translateY(22px) scale(1,1.12)}
 70%{transform:translateY(36px) scale(.94,1.22);opacity:1}
 74%{transform:translateY(46px) scale(.9,1.1);opacity:.9}
 84%{transform:translateY(74px) scale(.86,1.16);opacity:0}
 85%,100%{transform:translateY(0) scale(.2,.15);opacity:0}}
/* Ki 7:20 PM: JOIN NUDY WORLD card is the button — no inner JOIN NOW */
html body #join-blk a.nw3-go.j716-hide{display:none!important}
html body #join-blk.j716{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,filter .15s ease}
html body #join-blk.j716:hover{filter:brightness(1.06)}
html body #join-blk.j716:active{transform:scale(.985)}
html body #join-blk.j716:focus-visible{outline:2px solid #5fbf1c;outline-offset:4px}
html body #join-blk.j716{justify-content:center!important;text-align:center}
html body #join-blk.j716>div{flex:1 1 auto;text-align:center;width:100%}
html body #join-blk.j716>div>*{margin-left:auto;margin-right:auto;text-align:center}