/*
Jelly block — drop-in soft-body hover.
-----------------------------------------------------------------
使い方:
1. を に
2. を読み込み
3. ホバーでゼリー化させたい要素に class="jelly" を付ける:
挙動:
マウス位置に向かって粘りながら追従し、マウス速度に応じて剪断（skew）が
かかる。マウスが離れるとバネ物理でオーバーシュートしながら定位置へ収束。
パフォーマンス:
transform プロパティを更新するだけで GPU 合成レイヤーで処理されるので
layout 再計算は発生しない。1ページに 10 個以上配置しても 60fps 維持可能。
*/
.jelly {
transform-origin: center;
will-change: transform;
}