.cross-realm-ref{--origin-color: var(--color-brand);position:relative;background:color-mix(in srgb,var(--origin-color) 4%,var(--color-bg-1));border-top:2px solid var(--origin-color);padding-block:var(--section-gap-md);padding-inline:var(--content-padding-x);width:100%;overflow:hidden}.cross-realm-ref:after{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,color-mix(in srgb,var(--origin-color) 8%,transparent) 0%,transparent 100%);pointer-events:none}.cross-realm-ref__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--space-10),6vw,var(--space-20));align-items:start;position:relative;z-index:1}.cross-realm-ref__hub{display:flex;flex-direction:column;gap:var(--space-6);background:#00000040;border:1px solid var(--color-border);padding:var(--space-6);position:relative}.cross-realm-ref__hub-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--color-text-subtle);border-bottom:1px dashed rgba(255,255,255,.08);padding-bottom:var(--space-3);user-select:none}.cross-realm-ref__hub-status{color:var(--origin-color);font-weight:var(--weight-bold);text-shadow:0 0 6px var(--origin-color)}.cross-realm-ref__nodes{display:flex;flex-direction:column;gap:var(--space-2)}.cross-realm-ref__node{--node-color: var(--color-brand);display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid transparent;transition:all var(--duration-fast) ease-out}.cross-realm-ref__node-dot{width:8px;height:8px;border-radius:50%;background:var(--color-bg-3);border:1px solid var(--color-border);transition:all var(--duration-fast) ease-out;position:relative}.cross-realm-ref__node-label{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em;transition:color var(--duration-fast) ease-out}.cross-realm-ref__node--origin{border-color:color-mix(in srgb,var(--node-color) 40%,transparent);background:color-mix(in srgb,var(--node-color) 8%,transparent)}.cross-realm-ref__node--origin .cross-realm-ref__node-dot{background:var(--node-color);border-color:var(--node-color);box-shadow:0 0 10px var(--node-color)}.cross-realm-ref__node--origin .cross-realm-ref__node-label{color:var(--color-text);font-weight:var(--weight-semibold)}.cross-realm-ref__node--target{border-color:color-mix(in srgb,var(--node-color) 50%,transparent);background:color-mix(in srgb,var(--node-color) 10%,transparent);animation:gbr-pulse-target 2s infinite ease-in-out}.cross-realm-ref__node--target .cross-realm-ref__node-dot{background:var(--node-color);border-color:var(--node-color);box-shadow:0 0 12px var(--node-color)}.cross-realm-ref__node--target .cross-realm-ref__node-label{color:var(--color-text);font-weight:var(--weight-bold)}.cross-realm-ref__node--inactive{opacity:.45}.cross-realm-ref__node--inactive:hover{opacity:.75;border-color:#ffffff14}.cross-realm-ref__vector{position:relative;height:24px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--space-4);border-top:1px dashed rgba(255,255,255,.08);margin-top:var(--space-2)}.cross-realm-ref__vector-line{position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,var(--origin-color) 0%,var(--color-border) 100%);opacity:.4}.cross-realm-ref__vector-pulse{position:absolute;top:11px;left:0;width:40px;height:2px;background:var(--origin-color);box-shadow:0 0 8px var(--origin-color);animation:gbr-vector-pulse-flow 3s infinite linear}.cross-realm-ref__vector-mark{position:relative;font-family:var(--font-identity);font-size:var(--text-xs);color:var(--origin-color);opacity:.8}.cross-realm-ref__card{display:flex;flex-direction:column;gap:var(--space-6);background:var(--color-bg-2);border:1px solid var(--color-border);padding:var(--space-6);box-shadow:0 12px 24px #0006}.cross-realm-ref__card-top{display:flex;align-items:center;gap:var(--space-5)}.cross-realm-ref__icon-frame{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-1);outline:1px solid rgba(255,255,255,.08);outline-offset:4px}.cross-realm-ref__logo{width:100%;height:auto;object-fit:contain}.cross-realm-ref__logo-fallback{font-family:var(--font-identity);font-size:var(--text-2xl);color:var(--color-brand)}.cross-realm-ref__title-area{display:flex;flex-direction:column;gap:2px}.cross-realm-ref__category-tag{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;color:var(--color-text-subtle);letter-spacing:.1em}.cross-realm-ref__name{font-family:var(--font-heading);font-size:clamp(var(--text-2xl),3.5vw,var(--text-4xl));font-weight:var(--weight-bold);color:var(--color-text);margin:0;letter-spacing:.01em;text-transform:uppercase;line-height:var(--leading-tight)}.cross-realm-ref__card-body{display:flex;flex-direction:column;gap:var(--space-4)}.cross-realm-ref__tagline{font-family:var(--font-ui);font-size:var(--text-lg);color:var(--color-text-muted);margin:0;line-height:var(--leading-snug)}.cross-realm-ref__desc{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-subtle);line-height:var(--leading-relaxed);max-width:60ch;margin:0;text-wrap:pretty}.cross-realm-ref__cta{display:inline-flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-6);border:1px solid var(--color-border);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;background:#ffffff05;transition:all var(--duration-fast) ease-out;width:fit-content}.cross-realm-ref__cta:hover{background:#ffffff0f;border-color:var(--color-text-muted)}.cross-realm-ref__cta:focus-visible{outline:2px solid var(--origin-color);outline-offset:2px}.cross-realm-ref__cta-arrow{opacity:.7;transition:transform var(--duration-fast) ease-out}.cross-realm-ref__cta:hover .cross-realm-ref__cta-arrow{transform:translate(4px);opacity:1}@keyframes gbr-pulse-target{0%,to{border-color:color-mix(in srgb,var(--node-color) 40%,transparent)}50%{border-color:var(--node-color)}}@keyframes gbr-vector-pulse-flow{0%{left:0%;opacity:0}10%,90%{opacity:1}to{left:100%;opacity:0}}@media(max-width:900px){.cross-realm-ref__inner{grid-template-columns:1fr;gap:var(--space-10)}}@media(prefers-reduced-motion:reduce){.cross-realm-ref__node--target,.cross-realm-ref__vector-pulse,.cross-realm-ref__cta,.cross-realm-ref__cta-arrow{animation:none;transition:none}}