.webgl-layer{position:absolute;inset:0;display:block;width:100%;height:100%}.webgl-layer--hero{z-index:1;cursor:grab;touch-action:none}.webgl-layer--hero.is-dragging{cursor:grabbing}.webgl-layer--portraits{z-index:4;pointer-events:none}.app__backdrop{transition:opacity .5s ease}.app--scene-ready .app__backdrop{opacity:0}.app--fallback .webgl-layer{display:none}.app--fallback .app__backdrop{opacity:1}.topbar,.stage{z-index:3}.unit{transition:width .38s cubic-bezier(.2,.8,.2,1),height .38s cubic-bezier(.2,.8,.2,1),background-color .25s ease,transform .25s ease}.unit--active{box-shadow:0 0 calc(42 * var(--u)) color-mix(in srgb,var(--robot-accent),transparent 72%)}.unit__portrait-slot{position:relative;display:block;width:calc(89 * var(--u));height:calc(95 * var(--u));overflow:hidden}.unit__portrait{position:absolute;inset:0;width:100%;height:100%;transition:opacity .35s ease}.unit__portrait-slot.is-3d-ready .unit__portrait{opacity:0}.stat__fill{transform-origin:left center;animation:stat-in .55s cubic-bezier(.2,.8,.2,1) both}.cta__face,.cta__label{transition:filter .25s ease,transform .25s ease}.cta:hover .cta__face{filter:brightness(1.18)}.cta:active .cta__label{transform:scale(.96)}.cta--charging .cta__face{animation:charge-face .75s ease-in-out infinite alternate}.cta--charging .cta__label{animation:charge-label .6s ease-in-out infinite alternate}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes stat-in{0%{transform:scaleX(0);opacity:.3}to{transform:scaleX(1);opacity:1}}@keyframes charge-face{to{filter:brightness(1.3) drop-shadow(0 0 calc(18 * var(--u)) var(--selected-accent))}}@keyframes charge-label{to{letter-spacing:calc(11 * var(--u));text-shadow:0 0 calc(16 * var(--u)) var(--selected-accent)}}@media(prefers-reduced-motion:reduce){.app__backdrop,.unit,.unit__portrait,.cta__face,.cta__label{transition:none}.stat__fill,.cta--charging .cta__face,.cta--charging .cta__label{animation:none}}@media(hover:hover)and (pointer:fine){.unit:hover{transform:translate(calc(4 * var(--u)))}}@media(orientation:landscape)and (max-height:540px){:root{--frame-block-start:6px;--u:clamp(.32px, min(100vw / var(--artboard-w), (100vh - var(--frame-block-start)) / var(--artboard-h)), .8px)}}