/* vk-gifts-sparkle-20261026c.css (Vickerey, staged 2026-10-26, NOT published). Calm GOLD fade version (b + gold).
   Three fixed-size 4-point sparkles around GIFTS; they only fade in/out (opacity, no zoom, no turn).
   Scope: #vkh #vkh-t-gifts only (>=1024px header). Word never moves; pointer-events:none; pure CSS.
   Colour = soft gold #b08d57 (--vk-sparkle below). Delete that line to follow the label colour instead.
   reduced-motion: no sparkles. */
#vkh #vkh-t-gifts{
  position:relative;
  --vk-sparkle:#b08d57;
  --vk-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0Q13 11 24 12Q13 13 12 24Q11 13 0 12Q11 11 12 0Z'/%3E%3C/svg%3E");
  --vk-c:var(--vk-sparkle,currentColor);
}
#vkh #vkh-t-gifts::before,#vkh #vkh-t-gifts::after{
  content:"";position:absolute;pointer-events:none;opacity:.85;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
/* ::before = sparkle 1 (upper-left) + sparkle 3 (under F-T); each is lit by its own band of the fill */
#vkh #vkh-t-gifts::before{
  left:-10px;right:-10px;top:-8px;height:36px;
  -webkit-mask-image:var(--vk-star),var(--vk-star);mask-image:var(--vk-star),var(--vk-star);
  -webkit-mask-size:7px 7px,6px 6px;mask-size:7px 7px,6px 6px;
  -webkit-mask-position:7.5px 10.5px,58% 30px;mask-position:7.5px 10.5px,58% 30px;
  box-shadow:inset 0 24px 0 0 transparent,inset 0 -12px 0 0 transparent;
  animation:vk-gs-a 6.6s ease-in-out .5s infinite both;
}
/* ::after = sparkle 2 (upper-right, past the S) */
#vkh #vkh-t-gifts::after{
  width:7px;height:7px;right:-1px;top:2px;background:var(--vk-c);
  -webkit-mask-image:var(--vk-star);mask-image:var(--vk-star);
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  animation:vk-gs-b 6.6s ease-in-out 2.6s infinite both;
}
/* 6.6 s loop: each star ~1.2 s up + 1.2 s down; 1 at 0-2.4 s, 2 at 2.1-4.5 s, 3 at 4.2-6.6 s */
@keyframes vk-gs-a{
  0%,36.4%,63.6%{box-shadow:inset 0 24px 0 0 transparent,inset 0 -12px 0 0 transparent}
  18.2%{box-shadow:inset 0 24px 0 0 var(--vk-c),inset 0 -12px 0 0 transparent}
  81.8%{box-shadow:inset 0 24px 0 0 transparent,inset 0 -12px 0 0 var(--vk-c)}
  100%{box-shadow:inset 0 24px 0 0 transparent,inset 0 -12px 0 0 transparent}
}
@keyframes vk-gs-b{0%,36.4%,100%{opacity:0}18.2%{opacity:.85}}
@media (prefers-reduced-motion:reduce){
  #vkh #vkh-t-gifts::before,#vkh #vkh-t-gifts::after{animation:none;display:none}
}