.hive-figure{position:relative;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:radial-gradient(circle at 50% 48%,rgba(27,117,188,.18),transparent 34%),linear-gradient(145deg,rgba(11,35,65,.82),rgba(4,17,38,.92));box-shadow:0 28px 80px rgba(0,0,0,.3);isolation:isolate}.hive-figure:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:28px 28px;mask-image:radial-gradient(circle at center,#000,transparent 76%);pointer-events:none}.hive-caption{position:relative;z-index:3;display:grid;gap:.28rem;padding:1.2rem 1.35rem 0}.hive-caption strong{color:#fff;font-size:1.08rem;letter-spacing:-.015em}.hive-caption>span:last-child{max-width:440px;color:#9fb2c9;font-size:.76rem;line-height:1.45}.hive-scene{--hive-tilt-x:0deg;--hive-tilt-y:0deg;position:relative;width:100%;aspect-ratio:1.12/1;min-height:430px;perspective:900px}.hive-canvas,.hive-labels{position:absolute;inset:0;width:100%;height:100%;transform:rotateX(var(--hive-tilt-x)) rotateY(var(--hive-tilt-y));transform-style:preserve-3d;transition:transform .22s ease-out}.hive-labels{z-index:2}.hive-node-label{position:absolute;display:flex;width:108px;min-height:64px;align-items:center;justify-content:center;flex-direction:column;transform:translate(-50%,-50%) translateZ(12px);border:1px solid rgba(78,159,219,.5);clip-path:polygon(25% 4%,75% 4%,98% 50%,75% 96%,25% 96%,2% 50%);background:linear-gradient(145deg,rgba(9,38,72,.94),rgba(5,21,42,.96));color:#dceaf7;padding:.55rem .7rem;text-align:center;font-size:.68rem;font-weight:750;line-height:1.2;letter-spacing:.015em;text-wrap:balance;transition:color .18s,filter .18s,transform .18s,background .18s}.hive-node-label:before{content:"";position:absolute;inset:5px;clip-path:inherit;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent);pointer-events:none}.hive-node-label.active,.hive-node-label:focus-visible,.hive-node-label:hover{border-color:var(--gold-300);background:linear-gradient(145deg,rgba(111,78,11,.9),rgba(36,31,22,.96));color:#fff;filter:drop-shadow(0 0 12px rgba(239,211,136,.28));transform:translate(-50%,-50%) translateZ(24px) scale(1.05)}.hive-node-label.center{width:124px;min-height:74px;border-color:var(--gold-500);background:linear-gradient(145deg,rgba(151,103,12,.94),rgba(73,48,7,.96));color:#fff;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;filter:drop-shadow(0 0 18px rgba(215,169,69,.24))}.hive-status{position:relative;z-index:3;display:flex;min-height:42px;align-items:center;gap:.55rem;border-top:1px solid rgba(255,255,255,.1);padding:.65rem 1.35rem;color:#b9c8d9;font-size:.74rem}.hive-status-light{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#79dcba;box-shadow:0 0 0 5px rgba(121,220,186,.09),0 0 14px rgba(121,220,186,.45)}@media (max-width:1040px){.hive-figure{max-width:680px}}@media (max-width:560px){.hive-caption{padding:1rem 1rem 0}.hive-caption>span:last-child{font-size:.72rem}.hive-scene{min-height:340px}.hive-node-label{width:82px;min-height:52px;padding:.35rem;font-size:.56rem}.hive-node-label.center{width:94px;min-height:60px;font-size:.66rem}.hive-status{padding-inline:1rem}}@media (prefers-reduced-motion:reduce){.hive-canvas,.hive-labels,.hive-node-label{transition:none}}