.pixel-particles{pointer-events:none;z-index:2;--wb-particle-light:var(--ui-accent-text);position:absolute;inset:0;overflow:hidden}.pixel-particles i{width:var(--particle-size);height:var(--particle-size);left:var(--particle-x);top:var(--particle-y);background:var(--particle-color);box-shadow:2px 2px var(--ui-shadow);pointer-events:none;opacity:0;display:block;position:absolute}.pixel-particles[data-recipe=float] i{animation:3s steps(16,end) infinite pixel-particle-float;animation-delay:var(--particle-delay)}.pixel-particles[data-recipe=burst] i{animation:.45s steps(8,end) both pixel-particle-burst;animation-delay:var(--particle-delay)}@keyframes pixel-particle-float{0%{opacity:0;transform:translateY(8px)}20%,70%{opacity:.65}to{opacity:0;transform:translate(var(--particle-dx),var(--particle-dy))}}@keyframes pixel-particle-burst{0%{opacity:0;transform:translateY(5px)}25%{opacity:.8}to{opacity:0;transform:translate(var(--particle-dx),var(--particle-dy))}}@media (prefers-reduced-motion:reduce){.pixel-particles{display:none}}