figure.gcx{border:1px solid var(--stroke);border-radius:var(--r-panel);background:var(--panel);width:min(1120px,100%);box-shadow:var(--lift);isolation:isolate;font-family:var(--font-sans);color:var(--ink);margin:clamp(2.5rem,6vh,4rem) 0 0;padding:20px clamp(16px,2.4vw,26px) 22px;position:relative;overflow:hidden}.gcx:before{content:"";z-index:-1;background:radial-gradient(60% 80% at 15% 0%,#ffffff12,transparent 70%),var(--hatch);position:absolute;inset:0}.gcx-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.gcx-live{border:1px solid var(--stroke-2);font:9px var(--font-mono);letter-spacing:.14em;color:var(--white-90);border-radius:999px;align-items:center;gap:9px;padding:7px 12px;display:inline-flex}.gcx-live i{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite status-pulse}.gcx-count{font:11px var(--font-mono);color:#fff6;align-items:baseline;gap:3px;display:inline-flex;overflow:hidden}.gcx-count b{color:#fff;animation:gcx-rise .5s var(--ease-rise) both;font-weight:500;display:inline-block}.gcx-band{font:10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--white-60);align-items:baseline;gap:10px;display:flex}.gcx-band span{letter-spacing:.16em;color:#fff;font-size:11px}.gcx-band--core span{color:var(--green)}.gcx-band--core{margin-bottom:10px}.gcx-band--grid{margin-top:10px}.gcx-pairs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.gcx-pairs button{width:100%;color:inherit;font:inherit;text-align:center;background:0 0;border:0;border-radius:18px;flex-direction:column;align-items:stretch;padding:0;display:flex}.gcx-node{border:1px solid var(--stroke);letter-spacing:-.01em;color:var(--white-90);transition:background .35s ease,border-color .35s ease,color .3s ease,box-shadow .45s var(--ease-slow),transform .5s var(--ease-spring);background:#ffffff08;border-radius:16px;padding:clamp(12px,1.6vw,16px) 10px;font-size:clamp(13px,1.2vw,16px);font-weight:500;display:block}.gcx-pairs button:hover .gcx-node{border-color:var(--stroke-3)}.gcx-wire{background:#ffffff1a;border-radius:2px;align-self:center;width:2px;height:clamp(34px,5vh,52px);display:block;position:relative;overflow:hidden}.gcx-wire i{background:linear-gradient(0deg,transparent,var(--green));opacity:0;border-radius:2px;height:40%;position:absolute;bottom:-40%;left:0;right:0}.gcx-pairs .is-on .gcx-node--grid{color:#0a0a0a;background:#f4f5f2;border-color:#f4f5f2;transform:translateY(-2px)}.gcx-pairs .is-on .gcx-node--core{color:#fff;background:#3ce04b1a;border-color:#3ce04b99;transform:translateY(2px);box-shadow:0 0 0 4px #3ce04b14,0 18px 40px -20px #3ce04b80}.gcx-pairs .is-on .gcx-wire{background:#3ce04b40}.gcx-pairs .is-on .gcx-wire i{opacity:1;animation:gcx-up 1.4s var(--ease-slow) infinite}.gcx-caption{border-top:1px solid var(--stroke);min-height:3.4em;color:var(--white-60);margin-top:18px;padding-top:16px;font-size:clamp(14px,1.2vw,16px);line-height:1.6}.gcx-caption>span{animation:gcx-rise .6s var(--ease-slow) both;display:block}.gcx-caption b{color:#fff;font-weight:500}.gcx-caption i{color:var(--green);font-style:normal}@keyframes gcx-up{0%{transform:translateY(0)}to{transform:translateY(-360%)}}@keyframes gcx-rise{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:none}}@media (max-width:760px){.gcx{border-radius:22px;padding:16px 14px 18px}.gcx-band{display:none}.gcx-pairs{grid-template-columns:1fr;gap:8px}.gcx-pairs button{flex-direction:row;align-items:center}.gcx-node{flex:1;padding:12px 10px;font-size:14px}.gcx-node--grid{order:1}.gcx-wire{order:2;width:28px;height:2px}.gcx-node--core{order:3}.gcx-wire i{background:linear-gradient(90deg,transparent,var(--green));width:40%;height:auto;inset:0 auto 0 -40%}.gcx-pairs .is-on .gcx-wire i{animation-name:gcx-right}.gcx-pairs .is-on .gcx-node--grid,.gcx-pairs .is-on .gcx-node--core{transform:none}.gcx-head{margin-bottom:12px}}@keyframes gcx-right{0%{transform:translate(0)}to{transform:translate(360%)}}@media (prefers-reduced-motion:reduce){.gcx-pairs .is-on .gcx-wire i{opacity:1;height:100%;animation:none;bottom:0}.gcx-caption>span,.gcx-count b{animation:none}}
