
/* Elite polish layer */

/* 6) Accessibility */
*{ -webkit-tap-highlight-color: transparent; }
button, a { min-height:44px; }

@media (prefers-reduced-motion: reduce){
  *{ animation:none!important; transition:none!important; }
}

/* 1) Guardian first impression */
.vx-guardian-first{
  animation: vxFadeIn .35s ease-out both;
}
@keyframes vxFadeIn{
  from{opacity:0; transform:translateY(6px)}
  to{opacity:1; transform:none}
}

/* 7) Skeleton loaders */
.vx-skeleton{
  background:linear-gradient(90deg,#1a2236 25%,#23304d 37%,#1a2236 63%);
  background-size:400% 100%;
  animation:skeleton 1.2s ease-in-out infinite;
  border-radius:12px;
}
@keyframes skeleton{0%{background-position:100% 0}100%{background-position:0 0}}

/* 3) Account identity headers */
.vx-title-dashboard::after{content:"Farm Status";}
.vx-title-gallery::after{content:"Collection";}
.vx-title-affiliate::after{content:"Affiliate Seed";}

/* 5) Subtle set completion toast */
.vx-toast{
  position:fixed; bottom:88px; left:50%; transform:translateX(-50%);
  background:rgba(16,24,40,.92); border:1px solid rgba(255,255,255,.12);
  padding:10px 14px; border-radius:999px; z-index:9999;
  box-shadow:0 12px 40px rgba(0,0,0,.45);
  font-size:13px;
}

.tg-perf *{animation:none!important;}
