@import "https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Bangers&family=Inter:wght@400;600&display=swap";
:root{--jarvis-bg:#070712;--jarvis-panel:#0a0a148c;--jarvis-stroke:#ffd90f59;--jarvis-glow:#ffd90f2e;--jarvis-text-dim:#ffffffb3}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--jarvis-bg);color:#fff;min-height:100vh;font-family:Inter,sans-serif}@keyframes agent-breathing{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes agent-thinking-pulse{0%,to{filter:drop-shadow(0 0 5px #ffd90f4d);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #ffd90fb3);transform:scale(1.02)}}@keyframes agent-active-glow{0%,to{filter:drop-shadow(0 0 10px #7ed32166)}50%{filter:drop-shadow(0 0 30px rgba(126,211,green,.8))}}@keyframes agent-failed-pulse{0%,to{filter:drop-shadow(0 0 10px #ff505099);opacity:1}50%{filter:drop-shadow(0 0 25px #ff5050);opacity:.8}}@keyframes agent-complete-flash{0%{filter:brightness()}50%{filter:brightness(1.8)drop-shadow(0 0 30px #fff)}to{filter:brightness()}}.agent-idle{animation:4s ease-in-out infinite agent-breathing}.agent-thinking{animation:2s ease-in-out infinite agent-thinking-pulse}.agent-active{animation:1.5s ease-in-out infinite agent-active-glow}.agent-failed{animation:1.5s ease-in-out infinite agent-failed-pulse}.agent-complete{animation:1s ease-in-out agent-complete-flash}.control-room-shell{z-index:-1;background:radial-gradient(circle at 50% 30%,#1a1a2e 0%,#080810 100%);position:absolute;inset:0}.room-floor{transform-origin:bottom;background:linear-gradient(#0000,#ffd90f08) 0 0/100% 100%,repeating-linear-gradient(45deg,#ffffff03 0 1px,#0000 0 50%) 0 0/40px 40px,repeating-linear-gradient(-45deg,#ffffff03 0 1px,#0000 0 50%) 0 0/40px 40px;border-top:1px solid #ffd90f1a;height:40%;position:absolute;bottom:0;left:0;right:0;transform:perspective(500px)rotateX(20deg)}