.scribble{color:hsl(var(--color-orange));pointer-events:none;display:block;overflow:visible}.scribble-path{--progress:clamp(0, (var(--draw,1) - var(--draw-from,0)) * var(--draw-rate,1), 1);fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:calc(1 - var(--progress));opacity:clamp(0, var(--progress) * 1000, 1)}
.gremlin{width:100%;height:auto;color:hsl(var(--color-orange));pointer-events:none;display:block;overflow:visible}.gremlin-stroke{--progress:clamp(0, (var(--draw,1) - var(--draw-from,0)) * var(--draw-rate,1), 1);fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:calc(1 - var(--progress));opacity:clamp(0, var(--progress) * 1000, 1)}.gremlin-eyes{fill:currentColor;opacity:clamp(0, (var(--draw,1) - var(--draw-from,0)) * 1000, 1);transform-box:fill-box;transform-origin:50%;animation:4.5s infinite gremlin-blink}@keyframes gremlin-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.gremlin--hanging{transform-origin:50% 0;animation:5s ease-in-out infinite gremlin-sway}@keyframes gremlin-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.gremlin--peeking{transform:translateY(calc((1 - clamp(0, (var(--draw,1) - .1) * 1.6, 1)) * 40%))}@media (prefers-reduced-motion:reduce){.gremlin-eyes,.gremlin--hanging{animation:none}}