html,body{margin:0;padding:0;background:#000;color:#fff;font-family:sans-serif;overflow:hidden}
#container{display:flex;height:100vh;width:100%}
#viz{flex:1;position:relative;background:radial-gradient(circle at 50% 50%,#111 0%,#000 80%)}
#sidebar{width:250px;background:#111;border-left:2px solid #333;padding:10px;overflow-y:auto}
#sidebar h2{font-size:1.1em;margin:.5em 0;border-bottom:1px solid #444}
#nodeDetails{font-size:.9em;line-height:1.4em;margin-bottom:1em}
#streamLog{font-size:.85em;line-height:1.4em;max-height:30vh;overflow-y:auto;border-top:1px solid #444;padding-top:.5em}
#hud{position:absolute;top:5px;left:5px;background:rgba(0,0,0,.5);padding:3px 8px;font-size:.8em;border-radius:3px}
.links .link{stroke:#888;stroke-width:1px;opacity:.8}
.node path{stroke:#fff;stroke-width:1px}