#board{display:grid;grid-template-columns:repeat(var(--size),1fr);width:min(100vh,100vw,var(--window-height));height:min(100vh,100vw,var(--window-height));border:1px solid var(--color-border,rgba(245,127,23,.2))}#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:#e65100}.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));transform:translateY(-100%);display:flex;justify-content:center;align-items:center;clip-path:circle(100% at center);transition:clip-path .2s cubic-bezier(.2, 0, 0, 1)}.overlay button{background-color:#e65100}.overlay.hidden{clip-path:circle(0% at center)}.score-bar{height:40px;display:flex;border:1px solid var(--color-border,rgba(245,127,23,.2));margin-bottom:24px;width:min(100vh,100vw,var(--window-height),100%);margin-left:0;margin-right:auto;margin-top:24px}.score-bar span{display:block;transition:width .2s linear}.score-bar span#ants-bar{background-color:#fff}.score-bar span#ant-eaters-bar{background-color:#e65100}