:hoverのふるまいを加えたいのはいわゆるパソコン（マウスデバイス）だけでいいので、そのあたりを判定するメディアクエリの pointer, any-pointer, hover を検証してみた。
検証に使ったのはMac（Chrome 120）、iPhone（Safari 17）, Pixel6a（Android Chrome 120）。本来はiPadやAndroidタブレットにマウスつなげた場合とそうでない場合とか、Surfaceとかでも検証するといいよね。
See the Pen media pointer, any-pointer, hover by ksk1015 (@ksk1015) on CodePen.
https://developer.mozilla.org/ja/docs/Web/CSS/@media/pointer
https://developer.mozilla.org/ja/docs/Web/CSS/@media/any-pointer
https://developer.mozilla.org/ja/docs/Web/CSS/@media/hover
まとめ
hoverのふるまいを加えたいのは、ポインタが正確かどうか（fine）ではなく、hover状態が普通にあるデバイスかどうかで判定すべきなので、主にパソコンとスマホを想定したウェブサイトでパソコンのみhoverのふるまいをさせたい場合は、(hover: hover) で判定するのがいいのかな。