*,:before,:after{box-sizing:border-box}html,body{background:#111;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#canvas{width:100vw;height:100vh;display:block}#legend{color:#ddd;z-index:10;pointer-events:none;background:#000000a6;border-radius:6px;padding:10px 14px;font:12px/1.6 sans-serif;position:fixed;top:12px;left:12px}#legend b{color:#fff}#legend .sw{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}#legend small{color:#888}#controls{color:#ddd;z-index:10;background:#000000a6;border-radius:6px;padding:8px 12px;font:12px/1.8 sans-serif;position:fixed;bottom:16px;left:16px}#controls input{color:#eee;background:#222;border:1px solid #444;border-radius:3px;width:60px;padding:2px 4px}#controls button{color:#eee;cursor:pointer;background:#333;border:1px solid #555;border-radius:3px;margin-left:8px;padding:2px 8px}#controls button:hover{background:#444}#tooltip{color:#eee;pointer-events:none;z-index:20;white-space:pre;background:#000c;border-radius:4px;padding:6px 10px;font:12px/1.6 monospace;display:none;position:fixed}