.robot-core {position:relative;cursor:pointer;transition:box-shadow .25s,transform .25s}
.ai-control.board-focused .control-brand .robot-core {display:grid;flex-shrink:0}
.robot-core:hover,.robot-core:focus-visible {box-shadow:0 0 0 3px #72e9d02e,0 0 24px #6cf2d845!important;transform:translateY(-1px);outline:2px solid #abffed;outline-offset:4px}
.robot-core::after {content:'';position:absolute;right:5px;bottom:5px;width:3px;height:3px;background:#69e2d0;box-shadow:0 0 5px #69e2d0;opacity:.55}
.robot-core[aria-busy=true]::after {animation:robot-led .6s alternate infinite}
.robot-transforming {overflow:hidden!important}
.robot-transforming #ai-guide {visibility:hidden;pointer-events:none}
.robot-reveal[hidden] {display:none!important}
.robot-reveal {position:fixed;inset:0;z-index:9000;isolation:isolate;overflow:hidden;pointer-events:auto;color:#e4fff8}
.robot-veil {position:absolute;inset:0;background:transparent}
.robot-stage {position:absolute;inset:0;overflow:hidden;pointer-events:none}
.robot-hatch {position:absolute;left:var(--hatch-x);top:calc(var(--floor) - var(--unit) * .82);width:var(--hatch-width);height:calc(var(--unit) * .82);border:2px solid #57717f;border-bottom:0;border-radius:5px 5px 0 0;background:linear-gradient(90deg,#010608,#061019 65%,#173239);box-shadow:inset 0 0 0 3px #07121a,0 0 0 1px #0a1825;overflow:hidden}
.robot-hatch::after {content:'';position:absolute;inset:3px;border:1px solid #bad3cb25;box-shadow:inset 0 0 14px #020a12;pointer-events:none}
.robot-hatch>div {position:absolute;inset:0;background:repeating-linear-gradient(0deg,#1a3042 0 7px,#102232 8px 10px,#476272 11px 12px);transform:translateY(calc(var(--open) * -100%));box-shadow:0 3px 5px #000}
.robot-hatch small {position:absolute;bottom:4px;left:5px;font:5px monospace;color:#fbd475;letter-spacing:.1em}
.robot-contact-shadow {position:absolute;height:4px;transform:translateX(-50%);background:#010912b8;border-radius:50%;filter:blur(1px);pointer-events:none;z-index:4}
.robot-unit {position:absolute;left:0;top:0;width:var(--unit);height:var(--unit);transform-origin:50% 95%;will-change:transform;z-index:5;filter:drop-shadow(0 5px 3px #0005)}
.robot-sprite {position:absolute;inset:0;background:url('/assets/robots/robot-poses.webp') 0 0/800% 100% no-repeat;image-rendering:pixelated}
.robot-speech {position:absolute;bottom:99%;left:20%;font:12px monospace;white-space:nowrap;background:#142732;color:#ffe4a1;padding:5px 9px;border:1px solid #8caaab;box-shadow:2px 3px #0007}
.robot-speech:empty {display:none}
.robot-reactor {position:absolute;border:1px solid rgb(145 236 215 / calc(.2 + var(--power) * .8));border-radius:3px;box-shadow:inset 0 0 calc(var(--power) * 18px) #67ffd744,0 0 calc(var(--power) * 24px) #67ffd73a;z-index:3;pointer-events:none}
.robot-reactor>i {position:absolute;width:12px;height:12px;transform:translate(-50%,-50%);border:2px solid #91b4bd;border-radius:50%;background:#08151d;box-shadow:inset 0 0 0 2px #1d3441,0 0 calc(var(--power) * 14px) #95ffe0}
.robot-reactor>i::after {content:'';position:absolute;inset:3px;border-radius:50%;background:#a6ffe1;opacity:calc(.2 + var(--power) * .8)}
.robot-cable,.robot-beam {position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:4}
.robot-cable path {fill:none;stroke-linecap:round}
.robot-cable-shadow {stroke:#03070a;stroke-width:9}.robot-cable-wire {stroke:#567f8b;stroke-width:5}
.robot-cable-current {stroke:#9affdf;stroke-width:2;stroke-dasharray:9 24;opacity:var(--power)}
.robot-powered .robot-cable-current {animation:robot-current .8s linear infinite}
.robot-guardian {position:absolute;right:-2%;bottom:-10%;width:min(62vw,740px);aspect-ratio:1/1;transform:translateY(105%);transform-origin:bottom center;z-index:2;filter:drop-shadow(-18px 0 35px #03111c88)}
.robot-guardian img {width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.robot-eye-flare {position:absolute;left:38.63%;top:15.37%;width:13%;height:3px;transform:translate(-50%,-50%);background:#efffff;box-shadow:0 0 8px 3px #7bffe1,0 0 22px 10px #31e5cba0;opacity:var(--power)}
.robot-beam {z-index:6;mix-blend-mode:screen}.robot-beam-edge {stroke:#c4fff4;stroke-width:2;fill:none}
.robot-scan-line {position:absolute;inset:0 0 auto;height:3px;z-index:7;background:#edfffa;box-shadow:0 0 8px 4px #61f9d7,0 0 36px 14px #48e9d877;opacity:0}
.robot-scan-line::after {content:'';position:absolute;top:3px;left:0;right:0;height:50px;background:repeating-linear-gradient(0deg,#80ffe00d 0 1px,transparent 1px 4px),linear-gradient(#72ffda4f,transparent)}
.robot-circuits {position:absolute;inset:0;background:linear-gradient(90deg,transparent 9%,#76ffdf30 9%,#76ffdf30 calc(9% + 1px),transparent calc(9% + 1px),transparent 72%,#76ffdf20 72%,#76ffdf20 calc(72% + 1px),transparent calc(72% + 1px)),repeating-linear-gradient(0deg,transparent 0 79px,#66ffde0c 80px);opacity:calc(var(--power) * .7);mask-image:linear-gradient(transparent,#000 50%,transparent);pointer-events:none}
.robot-sparks {position:absolute;z-index:8;opacity:0}.robot-sparks i {position:absolute;width:3px;height:3px;background:#edffe5;box-shadow:0 0 8px #9dffe0;animation:robot-spark .5s var(--delay) infinite ease-out}
.robot-scene-caption {position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:end;gap:22px;z-index:10;text-shadow:0 2px 8px #000}
.robot-scene-caption>div {display:grid;gap:10px}.robot-scene-caption small {font:9px monospace;letter-spacing:.2em;color:#8ac0c2}
.robot-scene-caption [role=status] {font:clamp(14px,2vw,21px)/1.4 'DM Sans',sans-serif;font-weight:500}
.robot-scene-caption button {flex-shrink:0;border:1px solid #759397;background:#0d242fdb;color:#d4eee9;padding:10px 14px;font:11px 'DM Sans',sans-serif;cursor:pointer}
@keyframes robot-current {to {stroke-dashoffset:-66}}
@keyframes robot-led {to {opacity:1}}
@keyframes robot-spark {0% {transform:rotate(var(--a)) translateX(0);opacity:1}100% {transform:rotate(var(--a)) translateX(var(--d));opacity:0}}
@media(max-width:650px) {.robot-guardian {width:100vw;right:-30%;bottom:0}.robot-scene-caption {bottom:28px;align-items:center;gap:12px}.robot-scene-caption small {font-size:7px}.robot-scene-caption button {font-size:10px;padding:9px}}
@media(prefers-reduced-motion:reduce) {.robot-core[aria-busy=true]::after {animation:none}.robot-core {transition:none}.robot-reveal {display:none!important}}

body[data-world="robots"] .board-focused .control-brand h2 {font-size:14px}
@media(max-width:420px) {body[data-world="robots"] .board-focused .control-brand h2 {font-size:12px}}

.robot-load-status {position:fixed;z-index:8500;right:20px;bottom:20px;max-width:calc(100vw - 40px);padding:12px 16px;background:#102731;border:1px solid #73bbaa;color:#ecfff7;font:12px/1.5 'DM Sans',sans-serif;box-shadow:0 4px 20px #0005}
.robot-load-status:empty {display:none}