@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Rajdhani:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#eef4f6;font-synthesis:none;background:#080a0d;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{background:#080a0d;margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0}.app-shell{background:radial-gradient(circle at 48% 45%,#14202a 0,#0b1015 35%,#080a0d 72%);min-height:100vh;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.08;background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff29 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 80%,#0000);mask-image:linear-gradient(#0000,#000 18% 80%,#0000)}.topbar{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a0dbd;border-bottom:1px solid #ffffff1f;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 28px;display:grid;position:relative}.brand{letter-spacing:.12em;align-items:center;gap:10px;font-family:Rajdhani,sans-serif;font-size:17px;font-weight:700;display:flex}.brand>span:last-of-type>span{color:var(--accent)}.brand small{color:#66747d;letter-spacing:.14em;margin-left:8px;font:10px IBM Plex Mono}.brand-mark{color:var(--accent);border:1px solid var(--accent);clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%);place-items:center;width:28px;height:28px;display:grid}.top-center{letter-spacing:.12em;color:#78868f;align-items:center;gap:10px;font:10px IBM Plex Mono;display:flex}.top-center strong{color:#e7edf0;font-weight:400}.top-center i{background:#46535b;width:1px;height:14px}.top-actions{color:#94a0a7;letter-spacing:.1em;justify-self:end;align-items:center;gap:18px;font:10px IBM Plex Mono;display:flex}.top-actions span{align-items:center;gap:6px;display:flex}.synced{color:var(--accent)}.top-actions button{background:0 0;display:none}.live-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 12px var(--accent);border-radius:50%;animation:2s infinite pulse;display:inline-block}.workspace{z-index:1;grid-template-columns:260px minmax(420px,1fr) 325px;gap:10px;min-height:calc(100vh - 130px);padding:10px;display:grid;position:relative}.panel{background:#0c1116c7;border:1px solid #ffffff21;position:relative;overflow:hidden}.panel:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff09,#0000 24% 75%,#ffffff05);border:1px solid #ffffff09;position:absolute;inset:0}.panel-kicker{letter-spacing:.14em;color:#77858e;justify-content:space-between;gap:10px;font:10px IBM Plex Mono;display:flex}.panel-count,.signal-readout{color:#b3c0c6}.signal-readout{align-items:center;gap:5px;display:flex}.roster{flex-direction:column;padding:23px 16px 16px;display:flex}.roster h2{letter-spacing:.05em;margin:26px 0 28px;font:600 31px/.82 Rajdhani,sans-serif}.roster h2 em{color:#829098;font-style:normal}.roster-list{gap:7px;display:grid}.roster-item{text-align:left;color:#87939b;background:#ffffff06;border:1px solid #0000;grid-template-columns:30px 1fr auto 14px;align-items:center;gap:7px;padding:12px 9px;transition:all .35s;display:grid}.roster-item:hover,.roster-item.selected{border-color:color-mix(in srgb, var(--accent), transparent 50%);color:#eef4f6;background:linear-gradient(90deg,#8ee7ff1c,#ffffff06)}.robot-mark{text-align:center;font-size:22px}.roster-copy{gap:3px;display:grid}.roster-copy b{letter-spacing:.1em;font:600 13px Rajdhani}.roster-copy small,.status{letter-spacing:.08em;color:#687780;font:9px IBM Plex Mono}.status{color:#8f9ba1;align-items:center;gap:5px;display:flex}.status i{background:#81d29f;border-radius:50%;width:5px;height:5px}.status.locked i{background:#ff786e}.roster-item>svg{opacity:.4}.roster-footer{letter-spacing:.08em;color:#7b8991;border-top:1px solid #ffffff14;align-items:center;gap:8px;margin-top:auto;padding-top:16px;font:9px IBM Plex Mono;display:flex}.roster-footer small{color:#53616a;margin-left:auto}.stage{flex-direction:column;min-height:620px;display:flex}.stage-top{z-index:1;justify-content:space-between;padding:23px 24px 0;display:flex;position:relative}.feed-status{color:var(--accent);align-items:center;gap:7px;font:9px IBM Plex Mono;display:flex}.stage-main{flex:1;place-items:center;min-height:400px;display:grid;position:relative;overflow:hidden}.stage-main:before{content:"";clip-path:polygon(0 0,25px 0,25px 1px,calc(100% - 25px) 1px,calc(100% - 25px) 0,100% 0,100% 25px,calc(100% - 1px) 25px,calc(100% - 1px) calc(100% - 25px),100% calc(100% - 25px),100% 100%,calc(100% - 25px) 100%,calc(100% - 25px) calc(100% - 1px),25px calc(100% - 1px),25px 100%,0 100%,0 calc(100% - 25px),1px calc(100% - 25px),1px 25px,0 25px);border:1px solid #8ee7ff1f;position:absolute;inset:13% 8%}.orbit{border:1px solid color-mix(in srgb, var(--accent), transparent 65%);border-radius:50%;animation:18s linear infinite orbit;position:absolute;transform:rotate(-24deg)}.orbit:before,.orbit:after{content:"";background:var(--accent);box-shadow:0 0 12px var(--accent);position:absolute}.orbit:before{width:4px;height:4px;top:-2px;left:34%}.orbit:after{width:32px;height:2px;top:50%;right:11%}.orbit-one{width:350px;height:350px}.orbit-two{border-style:dashed;width:270px;height:270px;animation-duration:13s;animation-direction:reverse}.crosshair{color:var(--accent);opacity:.75;position:absolute}.unit-silhouette{width:170px;height:310px;filter:drop-shadow(0 0 26px color-mix(in srgb, var(--accent), transparent 50%));transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative}.unit-head{clip-path:polygon(25% 0,75% 0,100% 27%,89% 86%,50% 100%,11% 86%,0 27%);background:linear-gradient(130deg,#d6dce0,#53616b);border:1px solid #fff;width:54px;height:54px;position:absolute;top:0;left:58px}.unit-head:after{content:"";background:var(--accent);width:30px;height:4px;box-shadow:0 0 14px var(--accent);position:absolute;top:25px;left:12px}.unit-torso{clip-path:polygon(18% 0,82% 0,100% 20%,85% 100%,15% 100%,0 20%);background:linear-gradient(120deg,#aab6bb,#29343d 25%,#819098 50%,#1c252c 51%,#64727a);width:102px;height:145px;position:absolute;top:57px;left:34px}.unit-core{border:2px solid var(--accent);background:radial-gradient(circle, var(--accent), transparent 65%);width:30px;height:30px;box-shadow:0 0 22px var(--accent);clip-path:polygon(50% 0,100% 30%,82% 100%,18% 100%,0 30%);position:absolute;top:104px;left:70px}.unit-arm{clip-path:polygon(25% 0,100% 6%,75% 100%,0 89%);background:linear-gradient(90deg,#64727a,#202930);width:34px;height:130px;position:absolute;top:72px}.unit-arm.left{left:2px;transform:rotate(10deg)}.unit-arm.right{right:2px;transform:rotate(-10deg)}.unit-leg{clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);background:linear-gradient(90deg,#78858b,#1a2228);width:37px;height:120px;position:absolute;top:188px}.unit-leg.left{left:39px;transform:rotate(3deg)}.unit-leg.right{right:39px;transform:rotate(-3deg)}.hud-label{color:var(--accent);letter-spacing:.09em;font:11px IBM Plex Mono;position:absolute}.hud-label small{color:#64747d;margin-top:5px;font-size:8px;display:block}.hud-a{top:27%;left:13%}.hud-b{text-align:right;top:38%;right:12%}.hud-c{text-align:right;bottom:23%;right:16%}.stage-scan{background:var(--accent);height:1px;box-shadow:0 0 14px var(--accent);opacity:.45;animation:5s ease-in-out infinite scan;position:absolute;left:20%;right:20%}.stage-caption{border-top:1px solid #ffffff1a;justify-content:space-between;padding:21px 24px 25px;display:flex;position:relative}.eyebrow{color:var(--accent);letter-spacing:.16em;font:9px IBM Plex Mono}.stage-caption h1{letter-spacing:.08em;margin:9px 0 12px;font:600 clamp(35px,5vw,63px)/.8 Rajdhani}.stage-caption p{color:#91a0a8;text-transform:uppercase;letter-spacing:.08em;margin:0;font:11px IBM Plex Mono}.stage-caption p i{color:var(--accent);padding:0 5px;font-style:normal}.unit-id{text-align:right;color:#66747c;letter-spacing:.1em;align-self:end;gap:5px;font:9px IBM Plex Mono;display:grid}.unit-id b{color:#dce4e7;font-weight:400}.controls{flex-direction:column;padding:23px 17px 16px;display:flex}.tabs{border-bottom:1px solid #ffffff1a;gap:16px;margin:24px -17px 22px;padding:0 17px;display:flex}.tabs button{color:#63717a;letter-spacing:.08em;background:0 0;padding:0 0 12px;font:10px IBM Plex Mono;position:relative}.tabs button.active{color:var(--accent)}.tabs button.active:after{content:"";background:var(--accent);height:2px;box-shadow:0 0 8px var(--accent);position:absolute;bottom:-1px;left:0;right:0}.subhead{color:#72808a;letter-spacing:.1em;justify-content:space-between;margin-bottom:15px;font:9px IBM Plex Mono;display:flex}.subhead span:last-child{color:var(--accent)}.stat-block{margin-bottom:30px}.stat{margin:18px 0}.stat>div:first-child{color:#a9b5ba;letter-spacing:.1em;justify-content:space-between;align-items:center;font:10px IBM Plex Mono;display:flex}.stat b{color:#f0f4f5;font:18px Rajdhani}.bar{background:#283138;height:4px;margin-top:8px;position:relative}.bar i{height:100%;box-shadow:0 0 11px var(--accent);transition:width .7s cubic-bezier(.2,.8,.2,1);display:block}.skills{margin-top:4px}.skill{text-align:left;background:#ffffff06;border:1px solid #0000;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;width:100%;margin-bottom:7px;padding:10px 9px;transition:all .3s;display:grid}.skill:hover,.skill.active{border-color:color-mix(in srgb, var(--accent), transparent 45%);background:#8ee7ff14}.skill-icon{width:28px;height:28px;color:var(--accent);border:1px solid #536169;place-items:center;font-size:17px;display:grid}.skill b,.loadout-item b{letter-spacing:.1em;font:600 12px Rajdhani;display:block}.skill small,.loadout-item small{color:#708089;margin-top:3px;font:9px IBM Plex Mono;display:block}.skill-index{color:#53616a;font:9px IBM Plex Mono}.deploy-wrap{margin-top:auto;padding-top:22px}.deploy{background:var(--accent);color:#071015;letter-spacing:.12em;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);justify-content:space-between;align-items:center;width:100%;padding:15px 13px;font:700 12px Rajdhani;transition:all .3s;display:flex}.deploy:hover{filter:brightness(1.2);transform:translateY(-2px)}.deploy.verifying{color:#dbe7ea;background:#34434b}.spin{animation:1s linear infinite spin}.authorized{border:1px solid var(--accent);color:var(--accent);letter-spacing:.08em;align-items:center;gap:8px;padding:12px 10px;font:10px IBM Plex Mono;display:flex}.authorized small{color:#74838a;margin-left:auto;font-size:8px;display:block}.loadout{gap:9px;display:grid}.loadout-item{border:1px solid #ffffff1a;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:13px 9px;display:grid}.loadout-icon{color:var(--accent)}.loadout-item button{color:var(--accent);background:#8ee7ff1a;padding:7px 6px;font:9px IBM Plex Mono}.log{color:#87969e;font:10px/2.1 IBM Plex Mono;overflow:auto}.log div{border-bottom:1px solid #ffffff0f}.log span{color:#52616a;margin-right:8px}.log .current{color:var(--accent)}.telemetry{z-index:1;letter-spacing:.06em;color:#697780;background:#080a0dcc;border-top:1px solid #ffffff1f;align-items:center;gap:25px;height:60px;padding:0 23px;font:9px IBM Plex Mono;display:flex;position:relative}.telemetry span{align-items:center;gap:7px;display:flex}.telemetry svg{color:#778990;width:13px;height:13px}.telemetry b{color:#d7e0e3;font-weight:400}.telemetry .amber{color:#f2b84b}.location{margin-left:auto}.footer-mark{letter-spacing:.12em;font-family:Rajdhani;color:#b4c1c6!important}.footer-mark small{color:#596870;margin-left:6px;font:8px IBM Plex Mono}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 4px var(--accent)}}@keyframes orbit{to{transform:rotate(336deg)}}@keyframes scan{0%,to{opacity:0;transform:translateY(-150px)}20%,80%{opacity:.45}50%{opacity:.45;transform:translateY(150px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.workspace{grid-template-columns:220px minmax(360px,1fr) 285px}.top-center,.brand small{display:none}.telemetry{gap:15px}.telemetry span:nth-child(2),.telemetry span:nth-child(4){display:none}}@media (width<=800px){.topbar{grid-template-columns:1fr auto;height:62px;padding:0 16px}.top-actions button{display:block}.top-actions>span:first-child{display:none}.workspace{flex-direction:column;min-height:auto;padding:7px;display:flex}.roster{order:2;padding:17px 12px}.roster h2{margin:18px 0;font-size:24px}.roster-list{padding-bottom:3px;display:flex;overflow:auto}.roster-item{min-width:210px}.roster-footer{display:none}.stage{order:1;min-height:600px}.controls{order:3;min-height:560px}.stage-main{min-height:390px}.orbit-one{width:290px;height:290px}.orbit-two{width:220px;height:220px}.hud-a{top:24%;left:7%}.hud-b{top:33%;right:6%}.hud-c{bottom:16%;right:7%}.stage-caption{padding:18px 16px}.stage-caption p{font-size:9px}.unit-id{display:none}.telemetry{flex-wrap:wrap;gap:10px 18px;height:auto;min-height:60px;padding:12px 15px}.telemetry .location{margin-left:0}.footer-mark{order:3;width:100%}.top-actions{gap:12px}}@media (width<=450px){.brand{font-size:15px}.stage{min-height:540px}.stage-main{min-height:340px}.unit-silhouette{transform:scale(.82)}.hud-label{font-size:9px}.hud-label small{font-size:7px}.stage-caption h1{font-size:40px}.tabs{gap:11px}.tabs button{font-size:9px}.telemetry{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.robot-scene{z-index:3;pointer-events:auto;cursor:grab;position:absolute;inset:0}.robot-canvas{cursor:grab;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.robot-canvas.is-dragging{cursor:grabbing}.robot-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.runtime-loading{z-index:3;color:var(--accent);letter-spacing:.12em;font:9px IBM Plex Mono;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.model-loading{letter-spacing:.12em;color:var(--accent);opacity:.7;pointer-events:none;z-index:2;font:9px IBM Plex Mono;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.robot-scene.model-ready .model-loading{opacity:0}.robot-scene.model-switching .model-loading{opacity:1;border:1px solid color-mix(in srgb, var(--accent), transparent 75%);background:#05090dc7;padding:8px 10px}.robot-scene.model-ready~.model-fallback{opacity:0;visibility:hidden}.model-fallback{z-index:1;transition:opacity .4s,visibility .4s}.interaction-hint{z-index:4;color:#bed7e0b8;letter-spacing:.12em;white-space:nowrap;pointer-events:none;background:#05090dad;border:1px solid #8ee7ff2e;padding:7px 10px;font:8px IBM Plex Mono;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.robot-scene.model-failed .interaction-hint{display:none}.stage-main .orbit,.stage-main .crosshair,.stage-main .hud-label,.stage-main .stage-scan{z-index:5;pointer-events:none}@media (width<=800px){.interaction-hint{font-size:7px;bottom:3%}}