.toy-computer-screen { position: absolute; inset: 0; display: block; width: 100%; height: 100%; pointer-events: none; }
.computer-face { animation: computer-look 9s ease-in-out infinite; }
.computer-eye { transform-box: fill-box; transform-origin: center; animation: computer-blink 6.6s ease-in-out infinite; }
.computer-eye-right { animation-delay: -.06s; }
.computer-smile { transform-box: fill-box; transform-origin: center; animation: computer-smile 9s ease-in-out infinite; }
.computer-scan { animation: computer-scan 6s linear infinite; }
@keyframes computer-look { 0%,18%,55%,100% { transform: translate(0,0); } 25%,38% { transform: translate(-4px,1px); } 68%,80% { transform: translate(3px,-2px); } }
@keyframes computer-blink { 0%,30%,34%,76%,80%,100% { transform: scaleY(1); } 32%,78% { transform: scaleY(.12); } }
@keyframes computer-smile { 0%,45%,100% { transform: scale(1); } 55%,75% { transform: scale(1.1,.75); } }
@keyframes computer-scan { to { transform: translateY(110px); } }
.robot-gaze { animation: robot-look 11s ease-in-out infinite; }
.robot-eye { transform-box: fill-box; transform-origin: center; animation: robot-blink 7.3s ease-in-out infinite; }
@keyframes robot-look { 0%,12%,46%,100% { transform: translate(0,0); } 20%,33% { transform: translate(-4px,.6px); } 62%,79% { transform: translate(4px,-.6px); } }
@keyframes robot-blink { 0%,19%,23%,65%,69%,74%,78%,100% { transform: scaleY(1); } 21%,67%,76% { transform: scaleY(.1); } }
@media(prefers-reduced-motion:reduce) { .computer-face,.computer-eye,.computer-smile,.computer-scan,.robot-gaze,.robot-eye { animation: none; } }