/* The third Motion option. Full and Reduced keep their existing styles.
   Reuse existing decorative pseudo-elements; never animate filters, shadows
   or background-position. The parent controls already clip their highlights. */
@media (prefers-reduced-motion: no-preference) {
  html[data-display="standard"][data-motion="full"][data-shimmer="enhanced"] :is(.action-button, .mini-button, .quick-action-button, .location-menu-link, .record-icon-button, .claim-button, .ready-button):not(:disabled)::after,
  html[data-display="standard"][data-motion="full"][data-shimmer="enhanced"] .tab:not(:disabled)::before {
    background: linear-gradient(105deg, transparent 15%, rgba(255,241,190,.55) 45%, rgba(137,231,239,.3) 55%, transparent 85%);
    background-size: 100% 100%;
    background-position: 0 0;
    pointer-events: none;
    animation: enhancedMenuSweep 5.8s ease-in-out infinite !important;
  }
  html[data-display="standard"][data-motion="full"][data-shimmer="enhanced"] :is(.action-card:not(.activity-card), .job-codex-card, .location-player-card)::after {
    background: linear-gradient(105deg, transparent 18%, rgba(180,233,255,.25) 48%, rgba(255,232,162,.15) 56%, transparent 82%);
    background-size: 100% 100%;
    background-position: 0 0;
    animation: enhancedMenuSweep 9.2s ease-in-out infinite !important;
  }
  html[data-display="standard"][data-motion="full"][data-shimmer="enhanced"] :is(.action-card, .job-codex-card, .location-player-card):nth-child(3n)::after { animation-delay: -3s !important; }
  html[data-display="standard"][data-motion="full"][data-shimmer="enhanced"] :is(.meter.xp, .meter.viran, .activity-card .meter) i::after {
    animation: enhancedMeterSweep 4.2s linear infinite !important;
  }
}
@keyframes enhancedMenuSweep {
  0%, 100% { transform: translate3d(-110%, 0, 0); opacity: 0; }
  45% { transform: translate3d(-110%, 0, 0); opacity: 0; }
  60% { opacity: .55; }
  72% { opacity: .8; }
  85%, 99% { transform: translate3d(110%, 0, 0); opacity: 0; }
}
@keyframes enhancedMeterSweep {
  0%, 100% { transform: translate3d(-135%, 0, 0); opacity: 0; }
  20% { opacity: .5; }
  50% { transform: translate3d(74%, 0, 0); opacity: 1; }
  80%, 99% { transform: translate3d(185%, 0, 0); opacity: 0; }
}