body{margin:0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}canvas{display:block}.debug{position:absolute;top:60px;left:0;z-index:99}.debug a{display:block;font-size:10px;background:rgba(255,255,255,.6);padding:.3em .6em;cursor:pointer;margin-bottom:10px}.topbar{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column}.controls{margin-top:1em;display:flex;justify-content:center;align-items:center;color:#888;font-size:14px}.controls div{width:30px;height:30px;border-radius:99px;float:left;margin:0 10px;border:solid 3px transparent;cursor:pointer}.controls div.active{border-color:#eee}.controls span.radio{display:inline-block;text-transform:uppercase;font-size:10px;border:solid 1px #888;padding:.2em .6em;margin-left:1em;cursor:pointer}.controls span.radio.active{background:#888;color:#000}