.ripple-stage{cursor:pointer;background:#000;flex:1;justify-content:center;align-items:center;min-height:60vh;margin:0 -20px;display:flex;position:relative;overflow:hidden}.ripple-canvas{touch-action:manipulation;width:100%;height:100%;display:block}.ripple-hint{letter-spacing:.2em;text-transform:uppercase;color:#ffffff8c;pointer-events:none;mix-blend-mode:difference;font-family:Geist Pixel Square,monospace;font-size:10px;transition:opacity .6s;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.ripple-hint[data-visible=false]{opacity:0}.ripple-counter{letter-spacing:.15em;color:#fff6;pointer-events:none;mix-blend-mode:difference;font-family:Geist Pixel Square,monospace;font-size:10px;position:absolute;top:18px;right:22px}