/* HumanoidBehavior — Replay State Machine */
.hb-state-machine{margin-top:18px;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:rgba(8,12,24,.72);padding:16px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.hb-sm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.hb-sm-kicker{font-size:10px;letter-spacing:.16em;color:#94a3b8;font-weight:800}
.hb-sm-current{font-size:13px;font-weight:800;letter-spacing:.04em;color:#e2e8f0}
.hb-sm-current b{color:#67e8f9}
.hb-sm-track{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
.hb-sm-node{position:relative;min-height:58px;padding:10px 8px;border:1px solid rgba(148,163,184,.18);border-radius:11px;background:rgba(15,23,42,.7);color:#94a3b8;transition:.18s ease}
.hb-sm-node small{display:block;font-size:9px;letter-spacing:.1em;font-weight:800;margin-bottom:6px}
.hb-sm-node span{font-size:11px;font-weight:700;color:#cbd5e1}
.hb-sm-node.active{border-color:rgba(103,232,249,.8);background:linear-gradient(135deg,rgba(34,211,238,.14),rgba(124,58,237,.16));box-shadow:0 0 24px rgba(34,211,238,.13);transform:translateY(-2px)}
.hb-sm-node.done{border-color:rgba(52,211,153,.35)}
.hb-sm-node.active:after{content:"";position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:#67e8f9;box-shadow:0 0 10px #67e8f9}
.hb-sm-events{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.hb-sm-event{border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.55);color:#94a3b8;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;cursor:pointer}
.hb-sm-event:hover,.hb-sm-event.active{color:#e2e8f0;border-color:rgba(103,232,249,.55)}
.hb-sm-note{margin-top:10px;color:#64748b;font-size:11px}
@media(max-width:720px){.hb-sm-track{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){.hb-sm-node{transition:none}}

/* Replay Timeline Pro */
.hb-timeline-pro{position:relative;margin-top:10px;padding:12px 0 0}
.hb-timeline-pro .hb-timeline-track{position:relative;height:18px;margin:0 8px}
.hb-timeline-pro .hb-timeline-line{position:absolute;left:0;right:0;top:7px;height:4px;border-radius:99px;background:linear-gradient(90deg,rgba(34,211,238,.5),rgba(124,58,237,.55))}
.hb-timeline-pro .hb-timeline-marker{position:absolute;top:0;transform:translateX(-50%);width:10px;height:18px;border:0;padding:0;border-radius:4px;background:#67e8f9;box-shadow:0 0 10px rgba(103,232,249,.45);cursor:pointer;z-index:3}
.hb-timeline-pro .hb-timeline-marker[data-state="release"]{background:#fbbf24}.hb-timeline-pro .hb-timeline-marker[data-state="verify"]{background:#34d399}
.hb-timeline-pro .hb-timeline-marker:hover,.hb-timeline-pro .hb-timeline-marker.active{width:14px;box-shadow:0 0 16px rgba(103,232,249,.8)}
.hb-timeline-pro .hb-timeline-labels{position:relative;height:26px;margin:5px 8px 0}
.hb-timeline-pro .hb-timeline-label{position:absolute;transform:translateX(-50%);font-size:9px;font-weight:800;letter-spacing:.06em;color:#64748b;white-space:nowrap}
.hb-timeline-pro .hb-timeline-label.active{color:#e2e8f0}
.hb-timeline-pro .hb-timeline-legend{display:flex;gap:12px;flex-wrap:wrap;margin:5px 8px 0;color:#64748b;font-size:9px;font-weight:700}
.hb-timeline-pro .hb-timeline-legend span{display:inline-flex;align-items:center;gap:5px}.hb-timeline-pro .hb-timeline-legend i{width:7px;height:7px;border-radius:2px;background:#67e8f9}.hb-timeline-pro .hb-timeline-legend i.release{background:#fbbf24}.hb-timeline-pro .hb-timeline-legend i.verify{background:#34d399}
@media(max-width:600px){.hb-timeline-pro .hb-timeline-label:nth-child(even){display:none}}