html,body{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:2vw;background:#1a1a1a}a{color:inherit}*,*:before,*:after{box-sizing:border-box}button{background:transparent;border:0;font:inherit;color:inherit}#canvas-container{width:100vw;height:100vh}canvas{width:100%;height:100%;display:block}.panel{position:fixed;background:#4e4cb4;opacity:.9;user-select:none}#status{padding:.1em .3em;user-select:none;left:10px;right:10px;top:10px;display:flex;align-items:center;color:#cfc}.disc-count{font-size:2em;width:1.5em;padding:0;text-align:center}#info{flex-grow:1;display:flex;flex-direction:row;align-items:center}#message{flex-grow:1;display:none;font-size:2em;text-align:center}.percent{width:2.5em;font-size:2em}#black-percent{text-align:left}#white-percent{text-align:right}#bar{display:block;flex-grow:1;margin:0 1em;padding:0;height:1em;background-color:#fff}#evaluator{display:block;height:1em;width:50%;background-color:#888;border:1px solid #ffffff}.icon{font-size:3em;height:1.4em;padding:.2em;cursor:pointer;color:#fff}.icon svg{vertical-align:top}#about-button{left:10px;bottom:10px}#thinking{position:fixed;margin:0;opacity:.9;user-select:none;pointer-events:none;font-size:3em;color:#ccf;bottom:10px;left:50%;transform:translate(-50%)}#thinking svg{animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(360deg)}to{transform:rotate(0)}}#undo-button{right:10px;bottom:10px}#about-modal{display:none;height:100vh;position:fixed;top:0;width:100%;z-index:10}#about-modal.modal-enabled{display:block}#description{top:50%;left:50%;padding:1em;font-size:1.2em;position:absolute;transform:translate(-50%,-50%);width:min(90%,30em);color:#cfc}h1,p.source{text-align:center}