.node-tip{--tip-tone:#d9ff66;position:fixed;z-index:1000;width:min(362px,calc(100vw - 24px));padding:23px 25px 17px;border:1px solid color-mix(in srgb,var(--tip-tone) 46%,transparent);border-radius:17px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--tip-tone) 9%,transparent),transparent 70%),linear-gradient(145deg,#24302cf5,#111b1afc 65%);box-shadow:0 20px 70px #000a,0 0 25px color-mix(in srgb,var(--tip-tone) 6%,transparent),inset 0 1px #e6f2ca25;backdrop-filter:blur(18px);color:#e8efdf;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#687655 transparent;animation:tip-appear .14s ease-out;isolation:isolate}
.node-tip:before{content:'';position:absolute;top:0;left:25px;right:25px;height:2px;background:linear-gradient(90deg,var(--tip-tone),transparent);box-shadow:0 0 14px var(--tip-tone)}
.node-tip-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b8c9a8;font-size:10px;letter-spacing:.3px}.node-tip-index{font-variant-numeric:tabular-nums;color:var(--tip-tone);font-size:10px}.node-tip-top>span:first-child:before{content:'';display:inline-block;width:5px;height:5px;background:var(--tip-tone);border-radius:50%;margin-right:7px;box-shadow:0 0 8px var(--tip-tone)}
.node-tip h3{font-size:22px;letter-spacing:-.55px;line-height:1.2;font-weight:650;margin:14px 0 12px;color:#f4f6ed}.node-tip-description{font-size:13px;line-height:1.7;color:#c1cdbf;margin:0 0 17px}.node-tip dl{border-block:1px solid #d0e0b51e;margin:0 0 15px;padding:12px 0;display:grid;grid-template-columns:58px 1fr;gap:8px 10px;font-size:11px;line-height:1.55}.node-tip dt{color:var(--tip-tone);position:relative;padding-left:11px}.node-tip dt:before{content:'›';position:absolute;left:0}.node-tip dd{margin:0;color:#bdcbb8}.node-tip .tech-list{gap:5px}.node-tip .tech-list span{font-size:10px;padding:4px 6px;border-color:#a2b78635;color:#c8d4be;background:#ffffff03}.node-tip-note{font-size:11px;line-height:1.65;color:#94a791;margin:13px 0 0}.node-tip-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff0a;margin-top:15px;padding-top:11px;font-size:9px;color:#74896f}.node-tip-footer span:first-child{color:#99ad86}.node.tip-open{border-color:var(--tip-tone,#d9ff66);outline:1px solid #d9ff6640;outline-offset:4px}.node.actor.tip-open{outline:1px solid #d9ff6640;outline-offset:7px;border-radius:10px}
@keyframes tip-appear{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}
@media(max-width:600px){.node-tip{padding:20px 21px 15px;border-radius:15px}.node-tip h3{font-size:21px}.node-tip-description{font-size:12px;line-height:1.65}.node-tip dl{font-size:11px;margin-bottom:13px}.node-tip-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.node-tip{animation:none}}
/* Packets enter under the glass nodes, keeping labels and hover targets clear. */
.map .packet,.map .packet.selected{z-index:2}
.node-tip dl{grid-template-columns:69px 1fr}.node-tip dt{white-space:nowrap}