.robot-wrapper{position:relative;width:60px;height:100px}.robot{position:relative;width:100%;height:100%;z-index:10}.shadow{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:26px;height:6px;background:#000c;border-radius:50%;filter:blur(2px);z-index:0}.head{position:absolute;top:2px;left:50%;transform:translate(-50%);width:42px;height:38px;background:#f8fafc;border-radius:10px 6px 6px 10px;border:1px solid #cbd5e1;z-index:10}.antenna-group{position:absolute;top:-12px;left:10px;transform:rotate(-25deg);transform-origin:bottom center;z-index:1}.antenna-stem{width:2px;height:12px;background:#94a3b8;margin:0 auto}.antenna-tip{width:5px;height:5px;background:#ef4444;border-radius:50%;margin-left:-1.5px;margin-top:-2px;box-shadow:0 0 6px #ef4444;animation:blink 2s infinite}.visor-container{position:absolute;top:10px;right:-2px;width:18px;height:14px;background:#0f172a;border-radius:4px 2px 2px 4px;border-left:1px solid #334155;overflow:hidden}.eye{position:absolute;top:4px;right:4px;width:8px;height:6px;background:#06b6d4;border-radius:2px;box-shadow:0 0 10px #06b6d4}.ear-detail{position:absolute;top:12px;left:6px;width:6px;height:12px;background:#e2e8f0;border-radius:2px;border-right:1px solid #cbd5e1}.neck{position:absolute;top:38px;left:50%;transform:translate(-50%);width:14px;height:6px;background:#64748b;z-index:5}.body{position:absolute;top:42px;left:50%;transform:translate(-50%);width:32px;height:32px;background:#f8fafc;border-radius:8px;border:1px solid #cbd5e1;z-index:8}.backpack{position:absolute;top:4px;left:-8px;width:10px;height:22px;background:#e2e8f0;border-radius:4px 0 0 4px;border:1px solid #cbd5e1;z-index:7}.backpack-light{width:4px;height:4px;background:#06b6d4;margin:4px auto;border-radius:50%;opacity:.5}.chest-panel{position:absolute;inset:6px;background:#f1f5f9;border-radius:4px;border:1px solid #e2e8f0}.chest-detail{position:absolute;top:4px;right:4px;width:4px;height:4px;background:#0ea5e9;border-radius:50%}.arm-pivot{position:absolute;top:45px;left:50%;transform:translate(-50%);width:0;height:0;z-index:9}.arm{position:absolute;top:0;left:-5px;width:10px;height:24px;background:#cbd5e1;border-radius:4px;border:1px solid #94a3b8;transform-origin:top center}.shoulder-cap{position:absolute;top:-2px;left:-2px;width:14px;height:8px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px}.hand{position:absolute;bottom:-6px;left:0;width:12px;height:8px;background:#64748b;border-radius:2px}.finger{width:3px;height:4px;background:#475569;display:inline-block;margin:0 1px}.wheel-system{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:34px;height:34px;z-index:6}.fender{position:absolute;top:2px;left:-2px;width:38px;height:18px;border-top:4px solid #cbd5e1;background:transparent;border-radius:20px 20px 0 0}.wheel{position:absolute;bottom:0;left:2px;width:30px;height:30px;border-radius:50%;background:#0f172a;border:2px solid #cbd5e1;overflow:hidden}.wheel-rim{position:absolute;inset:3px;border:2px dashed #06b6d4;border-radius:50%;opacity:.8}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#06b6d4;border-radius:50%;box-shadow:0 0 8px #06b6d4}.robot.idle .head{animation:idleHead 3.5s ease-in-out infinite}.robot.idle .body{animation:idleBody 4s ease-in-out infinite}.robot.idle .arm{animation:idleArm 4.2s ease-in-out infinite}.robot.idle .chest-detail{animation:idleChest 3s ease-in-out infinite}@keyframes idleHead{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-2px)}}@keyframes idleBody{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%,-1px) scale(1.02)}}@keyframes idleArm{0%,to{transform:rotate(1deg)}50%{transform:rotate(-2deg)}}@keyframes idleChest{0%,to{box-shadow:0 0 #0ea5e9;opacity:.8}50%{box-shadow:0 0 5px #0ea5e9;opacity:1}}.robot.run .body{transform:translate(-50%) rotate(5deg)}.robot.run .head{transform:translate(-55%) rotate(-5deg)}.robot.run .arm{animation:runArm .6s linear infinite}.robot.run .wheel-rim{animation:spin .3s linear infinite}@keyframes runArm{0%{transform:rotate(-30deg)}50%{transform:rotate(30deg)}to{transform:rotate(-30deg)}}@keyframes spin{to{transform:rotate(360deg)}}.robot.success .eye{background:#10b981;box-shadow:0 0 15px #10b981}.robot.error .eye{background:#ef4444;box-shadow:0 0 15px #ef4444}@keyframes blink{0%,90%{opacity:1}95%{opacity:0}to{opacity:1}}