body{background-color:#0ff}h1{text-align:center;color:purple;margin:0;font-size:min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem));font-weight:700}#restartButton{margin-right:calc(clamp(32px,(min(100vw,100svh - min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem)) - min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem)) - 20px) - 2*max(8px,env(safe-area-inset-left),env(safe-area-inset-right)))/8,100px)/2);background-color:#e6e6fa;border-radius:8px;font-size:min(clamp(.75rem,.5rem + 1.5vw,1rem),clamp(.75rem,.5rem + 1.5vh,1rem));font-weight:700}#checkerBoard{width:calc(8*clamp(32px,(min(100vw,100svh - min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem)) - min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem)) - 20px) - 2*max(8px,env(safe-area-inset-left),env(safe-area-inset-right)))/8,100px));aspect-ratio:1;margin:0 auto;position:relative}#secondHeading{width:calc(clamp(32px,(min(100vw,100svh - min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem)) - min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem)) - 20px) - 2*max(8px,env(safe-area-inset-left),env(safe-area-inset-right)))/8,100px)*8);justify-content:space-between;align-items:center;margin:auto;display:flex}#playerTurnHeader{text-align:center;flex-grow:1;margin:0 0 4px;font-size:min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem))}.board-row{display:flex}.black-square,.red-square,.checker{width:clamp(32px,(min(100vw,100svh - min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem)) - min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem)) - 20px) - 2*max(8px,env(safe-area-inset-left),env(safe-area-inset-right)))/8,100px);aspect-ratio:1}.black-square{background-color:#000}.red-square{background-color:red}.checker{top:calc(var(--y,0)*clamp(32px,(min(100vw,100svh - min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem)) - min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem)) - 20px) - 2*max(8px,env(safe-area-inset-left),env(safe-area-inset-right)))/8,100px));left:calc(var(--x,0)*clamp(32px,(min(100vw,100svh - min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem)) - min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem)) - 20px) - 2*max(8px,env(safe-area-inset-left),env(safe-area-inset-right)))/8,100px));position:absolute}.moveMarker{width:calc(clamp(32px,(min(100vw,100svh - min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem)) - min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem)) - 20px) - 2*max(8px,env(safe-area-inset-left),env(safe-area-inset-right)))/8,100px)/2);height:calc(clamp(32px,(min(100vw,100svh - min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem)) - min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem)) - 20px) - 2*max(8px,env(safe-area-inset-left),env(safe-area-inset-right)))/8,100px)/2);top:calc(var(--y,0)*clamp(32px,(min(100vw,100svh - min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem)) - min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem)) - 20px) - 2*max(8px,env(safe-area-inset-left),env(safe-area-inset-right)))/8,100px) + (clamp(32px,(min(100vw,100svh - min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem)) - min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem)) - 20px) - 2*max(8px,env(safe-area-inset-left),env(safe-area-inset-right)))/8,100px) - clamp(32px,(min(100vw,100svh - min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem)) - min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem)) - 20px) - 2*max(8px,env(safe-area-inset-left),env(safe-area-inset-right)))/8,100px)/2)/2);left:calc(var(--x,0)*clamp(32px,(min(100vw,100svh - min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem)) - min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem)) - 20px) - 2*max(8px,env(safe-area-inset-left),env(safe-area-inset-right)))/8,100px) + (clamp(32px,(min(100vw,100svh - min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem)) - min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem)) - 20px) - 2*max(8px,env(safe-area-inset-left),env(safe-area-inset-right)))/8,100px) - clamp(32px,(min(100vw,100svh - min(clamp(2rem,1rem + 5vw,3.5rem),clamp(2rem,1rem + 5vh,3.5rem)) - min(clamp(1.25rem,.875rem + 3vw,2.25rem),clamp(1.25rem,.875rem + 3vh,2.25rem)) - 20px) - 2*max(8px,env(safe-area-inset-left),env(safe-area-inset-right)))/8,100px)/2)/2);background-color:#bbb;border-radius:50%;position:absolute}
/*# sourceMappingURL=index.5e7713a7.css.map */