.rainbow{animation:rainbowShift 6s linear infinite}.primary{animation:buttonPulse 3s ease-in-out infinite}.hero-logo{animation:logoFloat 5.5s ease-in-out infinite}.logo-stage:before{animation:ringSpin 18s linear infinite}.logo-stage:after{animation:ringSpin 24s linear infinite reverse}.caret{animation:blink .75s steps(1) infinite}.card,.case,.tile{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover,.case:hover,.tile:hover{transform:translateY(-5px);box-shadow:0 18px 44px #0006;border-color:#1bc9ef66}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.on{opacity:1;transform:none}@keyframes rainbowShift{to{background-position:300% 0}}@keyframes buttonPulse{0%,100%{box-shadow:0 0 0 #ffc92800}50%{box-shadow:0 0 28px #ffc92835}}@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rainbow,.primary,.hero-logo,.logo-stage:before,.logo-stage:after,.caret{animation:none}.reveal{opacity:1;transform:none;transition:none}.card,.case,.tile,.btn{transition:none}}

.light-bar i:nth-child(odd){animation-name:bulbBlink}
.light-bar i:nth-child(even){animation-name:bulbBlinkAlt}
.b1{animation:ballFloat1 6s ease-in-out infinite}
.b2{animation:ballFloat2 5s ease-in-out infinite}
.b3{animation:ballFloat3 7s ease-in-out infinite}
.b4{animation:ballFloat1 4.8s ease-in-out infinite reverse}
.b5{animation:ballFloat2 6.8s ease-in-out infinite reverse}
@keyframes bulbBlink{0%,100%{opacity:.65;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-2px) scale(1.08);filter:brightness(1.2)}}
@keyframes bulbBlinkAlt{0%,100%{opacity:1;transform:translateY(-2px) scale(1.08)}50%{opacity:.55;transform:translateY(0) scale(.98)}}
@keyframes ballFloat1{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-16px) translateX(6px)}}
@keyframes ballFloat2{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(12px) translateX(-5px)}}
@keyframes ballFloat3{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-12px) translateX(-7px)}}
@keyframes pulseRing{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.04);opacity:1}}