body,html{width:100%;height:100%;margin:0}:root{user-select:none;-webkit-user-select:none;touch-action:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px}#root{width:100%;height:100%;margin:0 auto;text-align:center}#blindgrid{position:absolute;left:0;bottom:0;width:400px;background:white;border:1px solid black;border-radius:6px;opacity:.2;transition:opacity .2s ease-in-out}#blindgrid:hover,#blindgrid:active{opacity:1}#blindgrid .count{position:absolute;font-size:180px;color:#0101011a;text-align:center;width:100%;height:100%;pointer-events:none}#blindgrid .topbar{text-align:right;display:flex;justify-content:flex-end;padding-left:14px;align-items:center;margin-bottom:-8px}#blindgrid .topbar button{display:inline-block;font-size:inherit}#blindgrid svg{position:relative;stroke:#000}#blindgrid svg *{vector-effect:non-scaling-stroke}#blindgrid svg .dragline{stroke:#a0f;stroke-width:5px}#blindgrid svg .blindline{stroke:#a0f;stroke-width:5px;transition:stroke .2s ease-in-out,stroke-width .2s ease-in-out}#blindgrid svg line{stroke-linecap:round}#blindgrid svg .viscircle{transition:r .2s ease-out}#blindgrid .viscircle,#blindgrid .blindline,#blindgrid .dragline{pointer-events:none}#blindgrid svg .blind:hover .blindline{stroke:red;stroke-width:8px}#blindgrid svg .dot.whole .viscircle{r:.08px}#blindgrid svg .dot.notarget .touchcircle{pointer-events:none}#blindgrid svg .dot.notarget .viscircle{r:0}#blindgrid svg .dot.target .viscircle{r:.1px}#blindgrid svg .dot:hover .viscircle{r:.2px}