/*====================================================================

 役割: アニメーションキーフレーム定義および視覚効果抑制（アクセシビリティ）の管理
 担当UI: ローディングスピナー回転アニメーション、ユーザーピンの波紋アニメーション、アニメーション減衰設定
 関連HTML: .spinner, .userMarker, prefers-reduced-motion

====================================================================*/

/*====================================================

 Animation

====================================================*/

@keyframes spin{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}



@keyframes userPulse{

    0%{

        box-shadow:

            0 0 0 0 rgba(61,174,255,.35);

    }

    70%{

        box-shadow:

            0 0 0 18px rgba(61,174,255,0);

    }

    100%{

        box-shadow:

            0 0 0 0 rgba(61,174,255,0);

    }

}



/*====================================================

 Reduce Motion

====================================================*/

@media(prefers-reduced-motion:reduce){

    *{

        animation:none!important;

        transition:none!important;

    }

}