[data-crew] { --crew-color:#b99cff; color:var(--crew-color); }
[data-crew="sentry"] { --crew-color:#79d9cf; }
[data-crew="porter"] { --crew-color:#c6c4df; }
.crew-art { display:block; width:100%; height:100%; overflow:visible; image-rendering:pixelated; }
.crew-art * { transform-box:fill-box; }
.crew-body { animation:crew-idle 4.8s steps(2,end) infinite; transform-origin:50% 100%; }
.crew-head { animation:crew-head 5.6s steps(2,end) infinite; transform-origin:50% 100%; }
.crew-eyes { animation:crew-blink 6.2s steps(1,end) infinite; transform-origin:50% 50%; }
.crew-art--porter .crew-eyes { animation-delay:1.7s; }
.crew-art--sentry .crew-body { animation-delay:-1.4s; }
.crew-art--porter .crew-body { animation-delay:-2.7s; }
.crew-lens { animation:crew-lens 6s steps(2,end) infinite; }
.crew-radar { transform-origin:50% 100%; animation:crew-radar 7s steps(4,end) infinite; }
.crew-signal { opacity:.45; animation:crew-signal 3.6s steps(1,end) infinite; }
.crew-signal-long { animation:crew-signal 3.6s steps(1,end) infinite reverse; }
.crew-art--sentry .crew-signal { animation-delay:-.9s; }
.crew-art--porter .crew-signal { animation-delay:-2.2s; }
.crew-screen { animation:crew-screen 2.8s steps(2,end) infinite; }
.crew-ping { opacity:0; }
[data-state="running"] > .crew-art .crew-ping,
[data-crew][data-state="running"] .crew-ping,
.operator-card[data-state="running"] .crew-ping { animation:crew-ping 1.4s steps(2,end) infinite; }
[data-crew][data-state="running"] .crew-arm-right,
.operator-card[data-state="running"] .crew-arm-right { animation:crew-work .75s steps(2,end) infinite; transform-origin:5% 15%; }
[data-crew][data-state="running"] .crew-screen,
.operator-card[data-state="running"] .crew-screen { animation-duration:.45s; }
[data-crew][data-state="running"] .crew-signal,
.operator-card[data-state="running"] .crew-signal { animation-duration:.65s; opacity:.9; }
@keyframes crew-idle { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-1px)} }
@keyframes crew-head { 0%,40%,100%{transform:translateY(0)} 50%,70%{transform:translateY(-1px)} }
@keyframes crew-blink { 0%,43%,47%,100%{transform:scaleY(1)} 44%,46%{transform:scaleY(.16)} }
@keyframes crew-lens { 0%,30%,100%{transform:translateX(0)} 40%,60%{transform:translateX(2px)} 70%,85%{transform:translateX(-2px)} }
@keyframes crew-radar { 0%,100%{transform:rotate(-3deg)} 50%{transform:rotate(3deg)} }
@keyframes crew-signal { 0%,23%,72%,100%{opacity:.35} 24%,45%{opacity:.9} 46%,71%{opacity:.12} }
@keyframes crew-screen { 0%,100%{opacity:1} 50%{opacity:.55} }
@keyframes crew-work { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)} }
@keyframes crew-ping { 0%,100%{opacity:.15} 50%{opacity:.8} }
html.motion-paused .crew-art *,html.motion-paused .crew-art { animation-play-state:paused!important; }
@media(prefers-reduced-motion:reduce) { .crew-art * { animation:none!important; } }