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