#board{display:grid;grid-template-columns:repeat(var(--size),1fr);width:min(100vh,100vw,var(--window-height));height:min(100vh,100vw,var(--window-height));margin:auto;border:2px solid #f57f17}#board div{border-radius:100%;background-size:cover;background-repeat:no-repeat;background-position:center}#board div[data-value=ant]{background-color:#fff}#board div[data-value=anteater]{background-color:#cd4800}.overlay-container{height:0;width:100%}.overlay{background-color:rgba(255,255,255,.4);width:min(100vh,100vw,var(--window-height));height:min(100vh,100vw,var(--window-height));margin:auto;transform:translateY(-100%);display:flex;justify-content:center;align-items:center;clip-path:circle(100% at center);transition:clip-path .5s ease}.overlay button{background-color:#cd4800}.overlay.hidden{clip-path:circle(0% at center)}.score-bar{height:40px;display:flex;border:2px solid #f57f17;margin-bottom:36px;width:min(100vh,100vw,var(--window-height),100%);margin-left:auto;margin-right:auto;margin-top:36px}.score-bar span{display:block;transition:width .5s linear}.score-bar span#ants-bar{background-color:#fff}.score-bar span#ant-eaters-bar{background-color:#cd4800}