*{-moz-box-sizing:border-box;box-sizing:border-box}body,html{padding:0;margin:0;font-family:sans-serif;font-size:20px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:400}a{text-decoration:none}button,input{cursor:pointer;border:none;outline:none}button:focus{outline:none}body{overflow:hidden}#root{min-height:100vh;margin-top:-25px}#root,.cell{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center}.cell{font-size:4rem;background:grey;min-height:100px}.cell.closed{cursor:pointer;background:#a9a9a9}.cell.open{background:#dcdcdc}.cell.done{background:#a8db8f}.cell.failed{background:#db8f8f}.board{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-gap:2px;gap:2px}.board,.screen{width:640px;height:480px}.screen{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;cursor:pointer}.screen.green{background:#a8db8f}.screen.gray{background:#dcdcdc}.screen.red{background:#db8f8f}.screen h1{font-size:3rem}.status-line{color:grey;display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;font-size:1.5rem}.timer{margin-bottom:1rem}