.curFx,.curDot,.curRing{box-sizing:border-box}
/* キラキラを描く canvas（カーソルより1枚下・クリックは通す） */
.curFx{position:fixed;inset:0;width:100%;height:100%;z-index:9997;pointer-events:none}
.curDot,.curRing{position:fixed;left:0;top:0;z-index:9998;pointer-events:none;border-radius:50%;
  opacity:0;transition:opacity .25s ease;will-change:transform}
.curDot.on,.curRing.on{opacity:1}
.curDot{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:var(--cur);
  box-shadow:0 0 10px var(--cur-glow),0 0 24px var(--cur-glow)}
.curRing{width:34px;height:34px;margin:-17px 0 0 -17px;border:1.4px solid var(--cur);
  box-shadow:0 0 14px -2px var(--glow),inset 0 0 10px -4px var(--glow);
  transition:opacity .25s ease,width .32s cubic-bezier(.16,1,.3,1),height .32s cubic-bezier(.16,1,.3,1),
    margin .32s cubic-bezier(.16,1,.3,1),background .3s ease,box-shadow .3s ease}
/* リンク・ボタン・カードの上では輪が広がって薄く色が乗る（クリックできる合図） */
.curRing.hot{width:58px;height:58px;margin:-29px 0 0 -29px;background:rgba(47,134,255,.1);
  box-shadow:0 0 30px -2px var(--cur-glow),inset 0 0 20px -6px var(--cur-glow)}
.curRing.down{width:24px;height:24px;margin:-12px 0 0 -12px;background:rgba(47,134,255,.1)}


@media(prefers-reduced-motion:reduce){
  .curRing{transition:opacity .25s ease !important}
}