.dotface{aspect-ratio:1;border-radius:50%;width:100%;position:relative;box-shadow:0 0 22px #d2f65a1a,0 6px 22px #0009}.dotface svg,.dotmono svg{width:100%;height:100%;display:block;overflow:visible}.dotface:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#0000004d 2px 3px);border-radius:50%;position:absolute;inset:0}.dotface__disc{fill:#0c0f07f5;stroke:#d2f65a33;stroke-width:.8px}.dotface__field circle{fill:#d2f65a2b}.dotface__lit circle,.dotface__eyes circle,.dotface__mouth circle{fill:var(--lime)}.dotface__lit,.dotface__eyes,.dotface__mouth{filter:drop-shadow(0 0 2.5px #d2f65abf)}.dotface__eyes{animation:df-blink var(--blink,5.6s) steps(1) infinite;animation-delay:var(--blink-delay,0s)}@keyframes df-blink{0%,93%{opacity:1}94%{opacity:.12}96%{opacity:1}97%{opacity:.12}98%{opacity:1}}[data-in] .dotface__field circle,[data-in] .dotmono__lit circle{animation:.28s steps(2,end) both df-boot;animation-delay:calc(var(--r,0) * 45ms + .12s)}@keyframes df-boot{0%{opacity:0}}.dotmono{aspect-ratio:100/118;border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 40%,#d2f65a0f,#0000 70%),#090a07;position:relative;overflow:hidden}.dotmono__field circle{fill:#f4f4ee1f}.dotmono__lit{fill:var(--lime);filter:drop-shadow(0 0 2.5px #d2f65ab3)}.dotmono__scan{pointer-events:none;background:linear-gradient(#0000,#d2f65a24,#0000);height:16%;animation:3.6s steps(14,end) infinite dm-scan;position:absolute;top:0;left:0;right:0}@keyframes dm-scan{0%{transform:translateY(-100%)}to{transform:translateY(640%)}}.dottext{width:100%;height:auto;display:block}.dottext circle{fill:#f4f4ee1a}.dottext circle.is-on{fill:var(--lime);filter:drop-shadow(0 0 3px #d2f65a99)}[data-in] .dottext circle.is-on{animation:.28s steps(2,end) both df-boot;animation-delay:calc(var(--r,0) * 45ms + .12s)}@media (prefers-reduced-motion:reduce){[data-in] .dottext circle.is-on,.dotface__eyes,.dotmono__scan,[data-in] .dotface__field circle,[data-in] .dotmono__lit circle{animation:none}.dotmono__scan{display:none}}