/* the pet / fashion fusion screen (js/fusionfx.js): the mounts' fusion machine (css/summon.css serves #msummon and
   #fusionfx alike) on its own full-screen layer */
#fusionfx { position: fixed; inset: 0; z-index: 960; background: #0b0816; font-family: 'Mali', var(--thai), sans-serif; color: #fff; user-select: none; }
#fusionfx .msm-fzv { position: absolute; inset: 0; overflow: hidden; }
#fusionfx .fz10-mc.ur, #fusionfx .fz-card.ur { --gc: #ff3fd8; }
#fusionfx .fz-bulb.beat { animation: ffxBeat 0.32s ease-out; }
@keyframes ffxBeat { 0% { filter: brightness(1); } 35% { filter: brightness(1.9) drop-shadow(0 0 12px #ffe27a); } 100% { filter: brightness(1); } }
#fusionfx .fz10-over:empty { display: none; }
#fusionfx .fz10-over { position: absolute; inset: 0; z-index: 5; }
#fusionfx .fz-res { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: rgba(6, 4, 14, 0.72); }
/* the gacha hall's ⚗ buttons under each machine (js/gacha.js) */
#gacha .gc-fuse { position: absolute; z-index: 4; display: flex; align-items: center; justify-content: center; gap: 4px; height: 34px; padding: 0 12px; border-radius: 999px; cursor: pointer;
  background: linear-gradient(180deg, #5b3a8a, #2e1c4e); border: 2px solid #d9b6ff; color: #f6ecff; font: 700 16px 'Mali', sans-serif; box-shadow: 0 3px 0 #1a0f2e; }
#gacha .gc-fuse:hover { filter: brightness(1.15); }
#gacha .gc-fuse em { font-style: normal; min-width: 20px; padding: 0 5px; border-radius: 9px; background: #ff5a8a; color: #fff; font: 700 13px Fredoka, sans-serif; }
#gacha .gc-fuse em.z { background: rgba(255, 255, 255, 0.2); }

/* a duplicate's card in the ten (it went to fusion) */
#pshow .ps-card em.dup, #fshow .fs-card em.dup { background: #7a52c8; }
#pshow .ps-ihead i.dup { background: #7a52c8; font-size: 15px; }

/* the dressing room's ⚗ (js/fashionwardrobe.js) */
#fwardrobe .fw-fuse { display: flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px; border-radius: 10px; border: 2px solid #b48ae6; background: linear-gradient(180deg, #5b3a8a, #2e1c4e); color: #f6ecff; font: 800 16px 'Mali', sans-serif; cursor: pointer; }
#fwardrobe .fw-fuse:hover { border-color: #ffd257; }
#fwardrobe .fw-fuse em { font-style: normal; min-width: 22px; padding: 0 6px; border-radius: 9px; background: #ff5a8a; color: #fff; font: 700 13px Fredoka, sans-serif; }