.tip{position:fixed;z-index:8;max-width:290px;pointer-events:none;background:rgba(3,5,8,.95);border:1px solid rgba(242,235,221,.22);padding:12px 14px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.tip.on{opacity:1;transform:none}
.tip b{display:block;font-family:var(--f-title);font-style:italic;font-weight:400;font-size:18px;color:var(--bone);margin-bottom:6px}
.tip p{margin:0;font-size:13px;line-height:1.5;color:#CFC8BA}
.tip code{font-family:var(--f-mono);font-size:.88em;color:var(--cyan)}
.tip small{display:block;margin-top:8px;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.rootmap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;margin:4px 0 18px;padding:14px;border:1px solid rgba(242,235,221,.12);background:rgba(242,235,221,.02)}
.rootmap pre{margin:0;font-family:var(--f-mono);font-size:11.5px;line-height:1.5;color:#CFC8BA;white-space:pre-wrap;overflow-wrap:anywhere}
.rootmap pre .c{color:var(--dim)}
.rootmap > span{font-family:var(--f-title);font-style:italic;font-size:16px;color:var(--bone);border:1px solid rgba(242,235,221,.3);padding:3px 10px;text-align:center;white-space:nowrap}
.rootmap > span.gl{border-color:rgba(240,160,64,.6);color:var(--amber)}
.rootmap .arrow{grid-column:1/-1;height:1px;background:rgba(242,235,221,.08)}