:root{--main-metal:#cad3c8;--dark-metal:#84817a;--light-metal:#f1f2f6;--shadow-color:#2c3e504d;--eye-color:#25ccf7;--antenna-light:#f368e0;--screen-bg:#2c3e50;--screen-glow:#48dbfb;--flame-red:#e74c3c;--flame-orange:#f39c12;--flame-yellow:#f1c40f;--explosion-color:#f1c40f}.robot-container-section{z-index:50;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.robot{pointer-events:auto;cursor:pointer;width:250px;height:450px;animation:22s ease-in-out infinite roam-around-dynamic;position:absolute}.head{background:linear-gradient(to top, var(--main-metal), var(--light-metal));border:4px solid var(--dark-metal);z-index:4;transform-origin:bottom;border-radius:40px 40px 20px 20px;width:150px;height:130px;animation:22s ease-in-out infinite head-action;position:absolute;top:0;left:50%;transform:translate(-50%)}.ear{background:var(--main-metal);border:3px solid var(--dark-metal);z-index:-1;transform-origin:bottom;border-radius:15px;width:25px;height:50px;animation:4s ease-in-out infinite ear-wiggle;position:absolute;top:40px}.ear.left{left:-20px}.ear.right{animation-delay:-2s;right:-20px}.antenna{background-color:var(--dark-metal);width:6px;height:40px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.antenna:after{content:"";background-color:var(--antenna-light);border:3px solid #fff;border-radius:50%;width:20px;height:20px;animation:1.5s infinite blink;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.eyes{justify-content:center;gap:25px;width:100%;display:flex;position:absolute;top:45px}.eye{border:3px solid var(--dark-metal);background-color:#2d3436;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;overflow:hidden}.pupil{background-color:var(--eye-color);width:15px;height:15px;box-shadow:0 0 12px var(--eye-color), 0 0 18px var(--eye-color) inset;border-radius:50%;animation:10s ease-in-out infinite scan-eyes,4s ease-in-out infinite pupil-dilate}.body{background:linear-gradient(to top, var(--dark-metal), var(--main-metal));border:4px solid var(--dark-metal);z-index:3;border-radius:25px 25px 100px 100px;width:220px;height:200px;position:absolute;top:120px;left:50%;transform:translate(-50%)}.screen{background-color:var(--screen-bg);border:3px solid var(--light-metal);width:150px;height:60px;box-shadow:0 0 15px var(--screen-glow) inset, 0 0 10px var(--screen-glow);color:var(--light-metal);text-shadow:0 0 5px var(--light-metal);border-radius:10px;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-size:24px;display:flex;position:absolute;top:30px;left:50%;transform:translate(-50%)}.arm{transform-origin:top;z-index:2;width:40px;height:150px;position:absolute;top:140px}.upper-arm{background:linear-gradient(to top, var(--dark-metal), var(--main-metal));border:4px solid var(--dark-metal);border-radius:20px 20px 0 0;width:100%;height:80px}.hand{background:var(--light-metal);border:4px solid var(--dark-metal);border-radius:50%;width:45px;height:45px;position:absolute;bottom:25px;left:-2.5px}.left-arm{animation:22s ease-in-out infinite arm-punch-left;left:-15px}.right-arm{animation:22s ease-in-out infinite arm-punch-right;right:-15px}.leg{z-index:2;transform-origin:top;width:50px;height:130px;animation:8s ease-in-out infinite leg-tuck;position:absolute;bottom:-90px}.upper-leg{background:linear-gradient(to bottom, var(--main-metal), var(--dark-metal));border:4px solid var(--dark-metal);border-radius:20px;width:100%;height:80px}.foot{background:var(--dark-metal);border-radius:10px 10px 5px 5px;width:65px;height:30px;position:absolute;bottom:20px;left:-7.5px}.left-leg{left:40px}.right-leg{right:40px}.shadow{display:none}.jet-flame{filter:blur(2px);width:100%;height:150px;animation:8s ease-in-out infinite jet-visibility;position:absolute;bottom:-150px;left:0}.flame{transform-origin:bottom;border-radius:50% 50% 0;animation:.1s infinite jet-flicker;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(-45deg)}.flame.red{background:var(--flame-red);width:40px;height:40px}.flame.orange{background:var(--flame-orange);width:30px;height:30px;animation-delay:50ms}.flame.yellow{background:var(--flame-yellow);width:15px;height:15px;animation-delay:20ms}.foot .jet-flame{bottom:-140px}.explosion{background:radial-gradient(circle, white 10%, var(--explosion-color) 50%, transparent 70%);opacity:0;border-radius:50%;width:200px;height:200px;animation:22s ease-out infinite explode-effect;position:absolute;top:50%;left:100%;transform:translate(-50%,-50%)scale(0)}.robot.clone.fading-out{pointer-events:none;animation:2s forwards fade-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes roam-around-dynamic{0%{top:20%;left:-20%;transform:scale(.4)rotate(60deg)}20%{top:10%;left:80%;transform:scale(.45)rotate(120deg)}25%{transform:scale(.45)rotate(180deg)}40%{top:65%;left:90%;transform:scale(.4)rotate(220deg)}48%{transform:scale(.42)rotate(265deg)}50%{top:70%;left:10%;transform:scale(.5)rotate(270deg)}52%{transform:scale(.48)rotate(275deg)}60%{top:60%;left:0%;transform:scale(.45)rotate(320deg)}75%{top:30%;left:20%;transform:scale(.4)rotate(360deg)}85%{top:25%;left:-10%;transform:scale(.4)rotate(380deg)}to{top:20%;left:-20%;transform:scale(.4)rotate(420deg)}}@keyframes head-action{0%,to{transform:translate(-50%)rotate(0)}25%{transform:translate(-50%)rotate(-8deg)}48%{transform:translate(-50%)rotate(10deg)translateY(-5px)}50%{transform:translate(-50%)rotate(0)translateY(20px)}52%{transform:translate(-50%)rotate(0)translateY(0)}75%{transform:translate(-50%)rotate(8deg)}}@keyframes arm-punch-left{0%,48%,52%,to{transform:rotate(15deg)}50%{transform:rotate(45deg)translate(20px)}}@keyframes arm-punch-right{0%,48%,52%,to{transform:rotate(-15deg)}50%{transform:rotate(-45deg)translate(-20px)}}@keyframes explode-effect{0%,49%,52%,to{opacity:0;transform:translate(-50%,-50%)scale(0)}50%{opacity:1;transform:translate(-50%,-50%)scale(1)}51.5%{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}@keyframes jet-visibility{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}@keyframes jet-flicker{0%,to{transform:translate(-50%)rotate(-45deg)scaleY(1)}50%{transform:translate(-50%)rotate(-45deg)scaleY(1.2)scaleX(1.1)}}@keyframes leg-tuck{0%,to{transform:rotate(0)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes blink{50%{background-color:#ff9ff3;box-shadow:0 0 15px #ff9ff3,0 0 25px #ff9ff3}}@keyframes scan-eyes{0%,to{transform:translate(0)}20%,30%{transform:translate(-18px)}60%,70%{transform:translate(18px)}}@keyframes pupil-dilate{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes ear-wiggle{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}