.subtile-fade-in{opacity:0;animation:.5s linear forwards fadein;animation-delay:calc(var(--delay)*2);scale:.7}.subtile-fade-out,.subtile-cross-fade{opacity:1;animation:.5s linear forwards fadeout;animation-delay:var(--delay);scale:1}.subtile-setup{opacity:1}.subtile-flush{opacity:0}@keyframes fadein{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes fadeout{0%{opacity:1;scale:1}to{opacity:0;scale:.7}}.debug{padding:1em}
.spotlight{left:50%;top:var(--top);opacity:.8;pointer-events:none;mix-blend-mode:add;background-size:contain;width:900px;height:900px;animation:10s linear infinite spotlight-movement;position:absolute;translate:-50% -50%}.spotlight.left{left:calc(50% - 500px)}.spotlight.right{left:calc(50% + 500px)}.spotlight.yellow{background-image:url(/spot-yellow.webp)}.spotlight.blue{background-image:url(/spot-blue.webp)}.spotlight.purple{background-image:url(/spot-purple.webp)}@keyframes spotlight-movement{0%{transform:rotate(0)}to{transform:rotate(360deg)}}