.ambient-diagram{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:#040705;opacity:var(--diagram-reveal,0);transition:opacity .3s ease}
.ambient-diagram canvas{width:100%;height:100%;display:block}
#dc-root{position:relative;z-index:1}
#dc-root .mk-hero__bg{transition:opacity .6s ease}
.has-ambient-diagram #dc-root .mk-hero__bg{opacity:calc(1 - var(--diagram-reveal,0))}
.has-ambient-diagram #dc-root .aran-term{background:rgba(4,6,5,.94);box-shadow:0 0 70px #000b}
.has-ambient-diagram #dc-root .aran-lineage{background:rgba(4,6,5,.22)}
@media(prefers-reduced-motion:reduce){.ambient-diagram,#dc-root .mk-hero__bg{transition:none}}

.has-ambient-diagram #dc-root .aran-footer-links{background:rgba(4,6,5,.94)}
.has-ambient-diagram #dc-root header{background:rgba(4,6,5,.94)}

/* Let the diagram show through the expanded console backdrop too. */
.has-ambient-diagram #dc-root .aran-fs-backdrop--full{opacity:calc(1 - var(--diagram-reveal,0));pointer-events:none}