.why-hero-anim .wha-probe{stroke-dasharray:1;stroke-dashoffset:0;opacity:.25}.why-hero-anim .wha-blocked{opacity:.35}.why-hero-anim .wha-lose1,.why-hero-anim .wha-lose2{stroke-dasharray:1;stroke-dashoffset:.45px;opacity:.25}.why-hero-anim .wha-win{stroke-dasharray:1;stroke-dashoffset:0}.why-hero-anim .wha-goal-pulse{opacity:0}.wha-labels{pointer-events:none;position:absolute;inset:0}.wha-label{white-space:nowrap;font-family:var(--font-dm-mono), ui-monospace, monospace;color:#fff;opacity:0;background:#111111e0;border-radius:999px;padding:3px 9px;font-size:11px;line-height:1.2;transition:opacity .25s;position:absolute;transform:translate(-50%,-50%)}.wha-label-goal{transform:translateY(-50%)}.wha-label-blocked{background:#d64545}.wha-label-win{background:#ea5a0b}.why-hero-anim:hover .wha-label,.why-hero-anim:focus-visible .wha-label,.why-hero-anim.is-tapped .wha-label{opacity:1}@media (prefers-reduced-motion:no-preference){.why-hero-anim .wha-probe{animation:7s ease-in-out infinite wha-probe}.why-hero-anim .wha-blocked{animation:7s ease-in-out infinite wha-blocked}.why-hero-anim .wha-lose1{animation:7s ease-in-out infinite wha-lose}.why-hero-anim .wha-lose2{animation:7s ease-in-out .12s infinite wha-lose}.why-hero-anim .wha-win{animation:7s ease-in-out infinite wha-win}.why-hero-anim .wha-goal-pulse{transform-origin:1038px 128px;animation:7s ease-out infinite wha-goal-pulse}}@keyframes wha-probe{0%{stroke-dashoffset:1px;opacity:1}12%{stroke-dashoffset:0;opacity:1}22%{stroke-dashoffset:0;opacity:1}34%{stroke-dashoffset:0;opacity:.25}92%{stroke-dashoffset:0;opacity:.25}to{stroke-dashoffset:1px;opacity:0}}@keyframes wha-blocked{0%,12%{opacity:0;transform-origin:470px 132px;transform:scale(.4)}15%{opacity:1;transform-origin:470px 132px;transform:scale(1.25)}20%{opacity:.9;transform-origin:470px 132px;transform:scale(1)}34%{opacity:.35;transform-origin:470px 132px;transform:scale(1)}92%{opacity:.35;transform-origin:470px 132px;transform:scale(1)}to{opacity:0;transform-origin:470px 132px;transform:scale(.4)}}@keyframes wha-lose{0%,20%{stroke-dashoffset:1px;opacity:1}46%{stroke-dashoffset:.45px;opacity:1}58%{stroke-dashoffset:.45px;opacity:.25}92%{stroke-dashoffset:.45px;opacity:.25}to{stroke-dashoffset:1px;opacity:0}}@keyframes wha-win{0%,20%{stroke-dashoffset:1px}46%{stroke-dashoffset:0}to{stroke-dashoffset:0}}@keyframes wha-goal-pulse{0%,44%{opacity:0;transform:scale(1)}48%{opacity:.9;transform:scale(1)}62%{opacity:0;transform:scale(2.1)}to{opacity:0;transform:scale(2.1)}}
.why-rot .wrd-block circle{opacity:.3}.why-rot .wrd-strike{opacity:.8}.why-rot .wrd-join circle{opacity:1}@media (prefers-reduced-motion:no-preference){.why-rot .wrd-block circle{animation:9s ease-in-out infinite wrd-block}.why-rot .wrd-block .wrd-strike{animation:9s ease-in-out infinite wrd-strike}.why-rot .wrd-join circle{animation:9s ease-in-out infinite wrd-join}.why-rot .wrd-d1 circle,.why-rot .wrd-d1 .wrd-strike{animation-delay:3s}.why-rot .wrd-d2 circle,.why-rot .wrd-d2 .wrd-strike{animation-delay:6s}}@keyframes wrd-block{0%,30%{opacity:1}40%,80%{opacity:.3}90%,to{opacity:1}}@keyframes wrd-strike{0%,32%{opacity:0}42%,78%{opacity:.8}88%,to{opacity:0}}@keyframes wrd-join{0%,34%{opacity:.15}46%,to{opacity:1}}
