.robot-portrait{background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.robot-stage{width:min(100vw,78svh);margin-bottom:48px;padding-top:64px;position:relative}.robot-frames{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:#000;width:100%;display:block}.robot-green .robot-frames{filter:grayscale()sepia()saturate(4)hue-rotate(65deg)brightness(1.1)}.robot-white .robot-frames{filter:grayscale()brightness(1.08)}.robot-blue .robot-frames{filter:grayscale()sepia()saturate(5)hue-rotate(165deg)brightness(1.2)}.robot-oscilloscope{visibility:hidden;filter:drop-shadow(0 0 5px);width:70%;height:60px;position:absolute;top:0;left:15%}.robot-scanlines{pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#00000026 4px);position:absolute;inset:0}@media (orientation:landscape) and (max-height:520px){.robot-stage{width:min(64vw,65svh);margin-bottom:40px;padding-top:40px}.robot-oscilloscope{height:38px}}.robot-stage-with-activity{width:min(100vw,100svh - 200px,78svh)}.robot-tool-activity{color:#b5efc5;text-align:center;white-space:nowrap;scrollbar-width:thin;width:90%;padding:8px 3px;font:500 13px/1.4 ui-monospace,monospace;position:absolute;top:100%;left:5%;overflow-x:auto}.robot-amber .robot-tool-activity{color:#edcb88}.robot-white .robot-tool-activity{color:#dedede}.robot-blue .robot-tool-activity{color:#a4d6ff}@media (orientation:landscape) and (max-height:520px){.robot-stage-with-activity{width:min(64vw,100svh - 155px,65svh)}.robot-tool-activity{padding:3px;font-size:11px}}.robot-tearing{aspect-ratio:1;pointer-events:none;opacity:0;width:100%;animation:4.8s step-end infinite robot-tear;display:block;position:absolute;top:64px;left:0}.robot-green .robot-tearing{filter:grayscale()sepia()saturate(4)hue-rotate(65deg)brightness(1.1)}.robot-white .robot-tearing{filter:grayscale()brightness(1.08)}.robot-blue .robot-tearing{filter:grayscale()sepia()saturate(5)hue-rotate(165deg)brightness(1.2)}@keyframes robot-tear{0%,89%,95%,to{opacity:0;clip-path:inset(0 0 100%);transform:translate(0)}90%{opacity:.8;clip-path:inset(24% 0 67%);transform:translate(9px)}91%{opacity:.8;clip-path:inset(58% 0 35%);transform:translate(-11px)}92%{opacity:.65;clip-path:inset(42% 0 51%);transform:translate(6px)}93%{opacity:.7;clip-path:inset(70% 0 26%);transform:translate(-6px)}}.robot-crt{pointer-events:none;position:absolute;inset:0;overflow:hidden}.robot-static{opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:.35s steps(2,end) infinite robot-noise;position:absolute;inset:-20%}.robot-scanbeam{opacity:.18;background:linear-gradient(#0000,#dcffde8c,#0000);height:8%;animation:7s linear infinite robot-sweep;position:absolute;top:-12%;left:0;right:0}@keyframes robot-noise{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(3%,3%)}to{transform:translate(-2%,-2%)}}@keyframes robot-sweep{to{transform:translateY(1400%)}}@media (orientation:landscape) and (max-height:520px){.robot-tearing{top:40px}}@media (prefers-reduced-motion:reduce){.robot-tearing{opacity:0;animation:none}.robot-static,.robot-scanbeam{animation:none}.robot-scanbeam{display:none}}