/* v7713 home-bg: soft drifting paint splotches. Decorative only.
   Reuses existing #home::before (was faint dot grid, opacity .18 in v7702.css).
   #home::after vignette untouched. No #home>* rules. .screen has overflow:hidden so oversize is clipped. */
#home::before{
  content:"";position:absolute!important;inset:-12%!important;z-index:0!important;pointer-events:none!important;
  opacity:.55!important;filter:blur(6px)!important;
  background-image:
    radial-gradient(22% 18% at 18% 22%,#ffb38a55 0,#ffb38a22 55%,transparent 72%),
    radial-gradient(18% 22% at 82% 18%,#ff8fc455 0,#ff8fc41f 55%,transparent 72%),
    radial-gradient(26% 20% at 70% 78%,#a98bff4d 0,#a98bff1a 55%,transparent 72%),
    radial-gradient(16% 14% at 28% 80%,#7fd3ff47 0,#7fd3ff18 55%,transparent 72%),
    radial-gradient(10% 9% at 52% 46%,#fff6a855 0,transparent 70%),
    radial-gradient(6% 5% at 40% 30%,#ffffff66 0,transparent 70%),
    radial-gradient(5% 4% at 64% 60%,#ffffff55 0,transparent 70%)!important;
  background-size:100% 100%!important;background-repeat:no-repeat!important;
  will-change:transform;transform:translate3d(0,0,0);
  animation:chromaHomeDrift 48s ease-in-out infinite alternate;
}
@keyframes chromaHomeDrift{
  0%{transform:translate3d(-2%,-1.5%,0) rotate(0deg) scale(1)}
  50%{transform:translate3d(2.5%,1%,0) rotate(2deg) scale(1.04)}
  100%{transform:translate3d(-1%,2.5%,0) rotate(-1.5deg) scale(1.02)}
}
/* pause when home isn't shown (screens use display:none, so animation stops anyway) */
@media (prefers-reduced-motion:reduce){
  #home::before{animation:none!important;will-change:auto;transform:none!important}
}