.cross-realm-ref{--origin-color:var(--color-brand);--host-color:var(--color-brand);gap:var(--space-5);width:100%;padding-block:var(--space-12);padding-inline:var(--content-padding-x);background:var(--color-bg-1);flex-direction:column;display:flex}.cross-realm-ref__title{align-items:center;gap:var(--space-2) var(--space-3);font-family:var(--font-heading);font-size:clamp(var(--text-2xl), 4vw, var(--text-5xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);flex-wrap:wrap;margin:0;display:flex}.cross-realm-ref__title-source{color:var(--origin-color)}.cross-realm-ref__title-host{color:var(--host-color)}.cross-realm-ref__x{font-family:var(--font-mono);font-weight:var(--weight-regular);color:var(--color-text-muted)}.cross-realm-ref__card{isolation:isolate;gap:var(--space-8);padding:var(--space-6);background:rgba(var(--color-bg-rgb), .55);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--color-text-rgb), .06);border-top:1.5px solid var(--origin-color);border-radius:var(--radius-md);box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--origin-color) 20%, transparent), 0 0 56px 0 color-mix(in srgb, var(--origin-color) 14%, transparent);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;display:grid;position:relative;overflow:hidden}.cross-realm-ref__grain{z-index:0;opacity:.04;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:absolute;inset:0}.cross-realm-ref__watermark{left:var(--space-4);bottom:var(--space-2);z-index:0;text-overflow:ellipsis;white-space:nowrap;max-width:55%;font-family:var(--font-heading);font-size:clamp(var(--text-6xl), 9vw, var(--text-9xl));font-weight:var(--weight-bold);line-height:var(--leading-none);text-transform:uppercase;color:rgba(var(--color-text-rgb), .08);pointer-events:none;user-select:none;position:absolute;overflow:hidden}.cross-realm-ref__info,.cross-realm-ref__shot{z-index:1;position:relative}.cross-realm-ref__info{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.cross-realm-ref__head{align-items:center;gap:var(--space-4);display:flex}.cross-realm-ref__icon-wrap{width:clamp(76px,8.5vw,96px);min-width:76px;height:clamp(76px,8.5vw,96px);min-height:76px;padding:var(--space-2);background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 0 0 1px rgba(var(--color-text-rgb), .08), 0 0 20px 0 color-mix(in oklch, var(--origin-color) 30%, transparent);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.cross-realm-ref__logo{object-fit:contain;width:100%;height:100%}.cross-realm-ref__head-text{flex-direction:column;min-width:0;display:flex}.cross-realm-ref__overline{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.cross-realm-ref__name{font-family:var(--font-heading);font-size:clamp(var(--text-3xl), 3.5vw, var(--text-5xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);text-transform:uppercase;color:var(--color-text);margin:0}.cross-realm-ref__tagline{font-family:var(--font-ui);font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--color-text);margin:0}.cross-realm-ref__desc{max-width:var(--content-max-readable);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);text-wrap:pretty;margin:0}.cross-realm-ref__shot{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 0 40px 0 rgba(var(--color-brand-rgb), .18);margin:0;overflow:hidden}.cross-realm-ref__shot img{width:100%;height:auto;display:block}@media (width<=900px){.cross-realm-ref__card{padding:var(--space-6);grid-template-columns:1fr}.cross-realm-ref__watermark{top:var(--space-2);max-width:calc(100% - var(--space-8));bottom:auto}}