/* r7（2026-10-09）：ダブルレインボーのドッキング「ボワンッ！」の光（app.mjs の dockCombo() の共通演出、d.fusion の時だけ）。
   単体レインボーの最後の「キラーン」に合わせた、白く澄んだ光と淡いプリズム。位置・大きさ・動きは app.mjs が決める。
   どれも #fx の中で pointer-events: none（タップを妨げない）。ダブルレインボーのドッキングの間だけ動く。 */
/* 白く澄んだ光（芯は白、外へ向かってクリーム・淡い桃・淡い水色に溶ける） */
.dk-bloom { position: absolute; left: 0; top: 0; z-index: 13; border-radius: 50%; pointer-events: none; opacity: 0; will-change: transform, opacity;
  background: radial-gradient(circle, #ffffff 0 15%, #fffdf4f2 25%, #fff2f9c0 36%, #eef7ff70 50%, #f6efff26 60%, transparent 68%); }
/* プリズムの輪（淡い虹色の細い輪。色は単体レインボーの光に合わせて控えめ） */
.dk-prism { position: absolute; left: 0; top: 0; z-index: 12; border-radius: 50%; pointer-events: none; opacity: 0; will-change: transform, opacity;
  background: conic-gradient(from 0deg, #ffb6cc, #ffd9ad, #fff2a8, #c2f0d6, #b6e4ff, #cbc4ff, #f0c6ff, #ffb6cc);
  -webkit-mask: radial-gradient(circle, #0000 0 47%, #000 52% 58%, #0000 66%); mask: radial-gradient(circle, #0000 0 47%, #000 52% 58%, #0000 66%); }
/* 細い光線（中心から外へ、外側ほど薄く） */
.dk-rays { position: absolute; left: 0; top: 0; z-index: 13; border-radius: 50%; pointer-events: none; opacity: 0; will-change: transform, opacity;
  background: repeating-conic-gradient(from 0deg, #ffffffd9 0 2.5deg, #ffffff00 2.5deg 30deg);
  -webkit-mask: radial-gradient(circle, #000 0 10%, #0007 30%, #0000 56%); mask: radial-gradient(circle, #000 0 10%, #0007 30%, #0000 56%); }
/* 小さなキラキラ（4つの光の星） */
.dk-star { position: absolute; left: 0; top: 0; z-index: 14; pointer-events: none; opacity: 0; will-change: transform, opacity;
  clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%); }
@media (prefers-reduced-motion: reduce) {
  .dk-bloom, .dk-prism, .dk-rays, .dk-star { display: none; }
}