#pinchHint{position:fixed;left:50%;top:46%;transform:translate(-50%,-50%);z-index:60;pointer-events:none;display:none;text-align:center}
#pinchHint .ph{position:relative;width:150px;height:110px;margin:0 auto}
#pinchHint .f{position:absolute;top:40px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 0 0 4px rgba(126,240,160,.45),0 4px 10px rgba(0,0,0,.5)}
#pinchHint .f.a{left:58px;animation:phA 1.6s ease-in-out infinite}
#pinchHint .f.b{left:62px;animation:phB 1.6s ease-in-out infinite}
#pinchHint .ar{position:absolute;top:50px;left:0;right:0;height:10px;font:700 14px GrowLab,system-ui,sans-serif;color:#7ef0a0;display:flex;justify-content:space-between;padding:0 4px;opacity:.9}
#pinchHint .tx{display:inline-block;margin-top:4px;padding:6px 12px;border-radius:999px;background:rgba(10,24,18,.85);box-shadow:inset 0 0 0 1px rgba(126,240,160,.5);font:600 12px GrowLab,system-ui,sans-serif;color:#efe7d4}
@keyframes phA{0%,15%{transform:translate(0,0)}70%,100%{transform:translate(-44px,-22px)}}
@keyframes phB{0%,15%{transform:translate(0,0)}70%,100%{transform:translate(44px,22px)}}