.firefly-grid{--tile:44px;--tile-gap:15px;z-index:0;grid-template-columns:repeat(var(--cols,0), var(--tile));place-content:center;gap:var(--tile-gap);pointer-events:none;display:grid;position:fixed;inset:0;overflow:hidden}.firefly-tile{width:var(--tile);height:var(--tile);-webkit-mask:var(--plus-mask) center / contain no-repeat;-webkit-mask:var(--plus-mask) center / contain no-repeat;mask:var(--plus-mask) center / contain no-repeat;background:#ffffff05;position:relative}.firefly-tile:after{content:"";background:var(--color-primary);opacity:0;position:absolute;inset:0}.firefly-tile.lit{animation:firefly-glow var(--fdur) ease-in-out both}.firefly-tile.lit:after{animation:firefly-pulse var(--fdur) ease-in-out both}@keyframes firefly-pulse{0%{opacity:0}35%{opacity:var(--fmax)}65%{opacity:calc(var(--fmax) * .8)}to{opacity:0}}@keyframes firefly-glow{0%,to{filter:drop-shadow(0 0 #0000)}35%{filter:drop-shadow(0 0 16px color-mix(in srgb, var(--color-primary) 55%, transparent))}}.firefly-vignette{z-index:1;pointer-events:none;background:radial-gradient(640px 760px at 50% 52%, color-mix(in srgb, var(--color-background) 88%, transparent), transparent 72%);position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.firefly-tile.lit,.firefly-tile.lit:after{animation:none!important}}