.hub{--ae-bg: #121214;--ae-cyan: #a99bf0;--ae-aqua: #8774e1;--hub-violet: #8774e1;--hub-turn: 0deg;--ae-size: min(74vw, 520px)}.hub .ae-stage{background:radial-gradient(circle at 1px 1px,rgb(135 116 225 / .12) 1px,transparent 0) 0 0 / 26px 26px,radial-gradient(ellipse 55% 50% at 70% 50%,#241d3d 0%,var(--ae-bg) 72%)}.hub .ae-panel{background:#18181bc7;border-color:#8774e12e;border-radius:24px}.hub .ae-status span{color:var(--hub-violet)}@media(min-width:1024px){.hub .ae-scene,.hub .ae-status{left:71%}}.hub-world{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(var(--ae-open) * 58deg))}.hub-ring,.hub-core,.hub-gate{position:absolute;top:50%;left:50%}.hub-ring{width:0;height:0;transform-style:preserve-3d;transform:rotate(var(--hub-turn))}.hub-agent{position:absolute;width:0;height:0;transform-style:preserve-3d;transform:rotate(var(--a)) translate(calc(var(--ae-size) * (.32 + var(--ae-open) * .1))) rotate(calc(var(--a) * -1 - var(--hub-turn))) rotateX(calc(var(--ae-open) * -58deg))}.hub-agent img,.hub-core img{position:absolute;max-width:none;border-radius:50%;object-fit:cover;background:#222}.hub-agent img{width:calc(var(--ae-size) * .14);height:calc(var(--ae-size) * .14);margin:calc(var(--ae-size) * -.07) 0 0 calc(var(--ae-size) * -.07);border:2px solid rgb(255 255 255 / .14);filter:saturate(.75) brightness(.8);transition:filter .4s ease,border-color .4s ease,box-shadow .4s ease,transform .4s ease}.hub-agent b,.hub-core b{position:absolute;transform:translate(-50%);white-space:nowrap;font-family:var(--font-display);font-weight:700;font-size:clamp(.58rem,1.5vw,.72rem);color:#d9d4f5}.hub-agent b{top:calc(var(--ae-size) * .08)}.hub-agent[data-on] img{filter:none;border-color:var(--hub-violet);box-shadow:0 0 22px #8774e1b3;transform:scale(1.18)}.hub-link{position:absolute;left:0;top:-1px;height:2px;width:calc(var(--ae-size) * (.32 + var(--ae-open) * .1 - .18));transform-origin:left center;transform:rotate(var(--a)) translate(calc(var(--ae-size) * .11));background:linear-gradient(to right,var(--hub-violet),rgb(135 116 225 / .2));opacity:0;transition:opacity .4s ease}.hub[data-links] .hub-link{opacity:.85}.hub-core{width:0;height:0;transform:translateZ(30px) rotateX(calc(var(--ae-open) * -58deg))}.hub-core img{width:calc(var(--ae-size) * .22);height:calc(var(--ae-size) * .22);margin:calc(var(--ae-size) * -.11) 0 0 calc(var(--ae-size) * -.11);border:3px solid var(--hub-violet);box-shadow:0 0 40px #8774e18c,0 0 100px #8774e133}.hub-core b{top:calc(var(--ae-size) * .125);font-size:clamp(.7rem,1.8vw,.85rem);color:#fff}.hub-gate{width:calc(var(--ae-size) * 1.05);height:calc(var(--ae-size) * 1.05);margin:calc(var(--ae-size) * -.525) 0 0 calc(var(--ae-size) * -.525);border-radius:50%;border:2px dashed rgb(246 144 82 / .15);transition:border-color .4s ease,box-shadow .4s ease}.hub[data-gate] .hub-gate{border-color:#f69052;box-shadow:0 0 30px #f6905266}.hub[data-final] .hub-agent img{filter:none}.hub-member{display:flex;gap:1rem;align-items:flex-start}.hub-member img{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--hub-violet)}.hub-role{margin-top:.15rem;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hub-violet)}.hub-cross{color:#f69052;font-size:1rem;line-height:1.2;flex:none}@media(prefers-reduced-motion:reduce){.hub-agent img,.hub-link,.hub-gate{transition:none}}