/* Images render as soon as decoded, independent of enhancement JavaScript. */
html body img.img-lazy{opacity:1!important;transition:none!important}
html.af-mobile-perf #main-content :is(.product-card,.game-card,.pkg-card,.glass-card,.af-service-hero,.af-service-description,.af-service-guide,#afAccountInfoSection,.profile-hero-glass,.wallet-glass){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.af-mobile-perf #main-content :is(.glass-shimmer,.profile-hero-glass)::before{animation:none!important}
@media(max-width:767px),(pointer:coarse){
 body.af-auth-ui :is(.nb,#particles){display:none!important}
 html body.af-auth-ui .page .glass-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:none!important}
}

/* Keep the short package grid at its real height when jumping to Account Info.
   Offscreen 220px placeholder cards otherwise resize above the UID after scrolling. */
html body #pkgGrid .pkg-card{content-visibility:visible!important;contain-intrinsic-size:none!important}

/* Existing controls: static edge lighting, with motion only during interaction. */
html #main-content #pkgGrid .pkg-card.selected,
html #main-content .payment-card.selected{border-color:#9870e8!important;box-shadow:inset 0 0 0 1px #b89af3,0 0 0 2px #9868de30,0 3px 13px #8b5cf629!important}
html #main-content #buyBtn:not(:disabled),
html #main-content #pipraWalletBtn:not(:disabled),
html #afLikeBuilder [data-confirm]:not(:disabled),
html body.af-auth-ui #loginBtn:not(:disabled),
html body.af-auth-ui #registerBtn:not(:disabled){box-shadow:inset 0 1px 0 #ffffff60,0 0 13px #9c78f54d,0 4px 12px #6746ad26!important;transition:transform .16s ease,box-shadow .16s ease!important}
html #main-content #buyBtn:not(:disabled):active,
html #main-content #pipraWalletBtn:not(:disabled):active,
html #afLikeBuilder [data-confirm]:not(:disabled):active,
html body.af-auth-ui #loginBtn:not(:disabled):active,
html body.af-auth-ui #registerBtn:not(:disabled):active{transform:scale(.985)!important}
html #main-content .profile-wallet .wallet-copy strong{text-shadow:0 1px 0 #ffffff38,0 0 10px #79c9ed26}
html #main-content :is(button,a[role="button"]):focus-visible,
html #afLikeBuilder button:focus-visible{outline:2px solid #a889ee;outline-offset:3px}
@media(prefers-reduced-motion:reduce){
 html #main-content #buyBtn,html #main-content #pipraWalletBtn,html #afLikeBuilder [data-confirm],html body.af-auth-ui #loginBtn,html body.af-auth-ui #registerBtn{transition:none!important;transform:none!important}
}