*:where(:not(iframe,canvas,img,svg,video,input[type="checkbox"]):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}:root{--cellSize: 2rem;--clr-text: rgb(251, 252, 255);--clr-background: rgb(10, 9, 8);--clr-board-background: rgb(103, 196, 129);--clr-board-background-transparent: rgba(103, 196, 129, .2);--clr-board-cells: rgb(63, 120, 79);--boardSpacing: .3rem}html,body,#root{height:100%}h1{font-size:2rem;font-weight:700;text-align:center}h2{font-size:1.5rem;font-weight:700;text-align:center}h3{text-decoration:underline;padding:.5rem}button{border:1px solid var(--clr-text);padding:.2rem;background-color:var(--clr-background)}button:hover{filter:invert(1)}button:active{transform:scale(.95)}body{background-color:var(--clr-background);color:var(--clr-text);font-family:Trebuchet MS,sans-serif;padding-top:1rem}.bP,.wP{width:80%;height:80%;border-radius:100%;pointer-events:none}.bP.new,.wP.new{animation-duration:.25s;animation-name:flip}.bP{background-color:#000}.wP{background-color:#fff}ol{list-style-type:square;text-indent:.5rem;list-style-position:inside}@keyframes flip{0%{transform:scale(1.5)}to{transform:scale(1)}}.gameContainer>*{margin:1rem auto;width:max-content}.gameContainer__board .boardControls{display:flex;gap:2rem;cursor:pointer;justify-content:center}.gameContainer__board .gameInfo{text-align:center}.gameContainer__board .boardContainer{background-color:var(--clr-board-background);pointer-events:none;position:relative}.gameContainer__board .boardContainer.active{pointer-events:all}.gameContainer__board .boardContainer #gameOverScreen,.gameContainer__board .boardContainer #gamePausedScreen{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--clr-background);opacity:.8;display:grid;justify-content:center;text-align:center}.gameContainer__board .boardContainer .board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:var(--boardSpacing);padding:var(--boardSpacing)}.gameContainer__board .boardContainer .board .cell{width:var(--cellSize);height:var(--cellSize);background-color:var(--clr-board-cells);display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}.gameContainer__board .boardContainer .board .cell>span{position:absolute;top:0;left:0;opacity:.5;pointer-events:none;background-color:#ff0}.gameContainer__board .boardContainer .board .cell.legal:after{content:"";position:absolute;top:10%;left:10%;width:80%;height:80%;border-radius:100%;border:2px solid var(--clr-board-background-transparent)}@media screen and (min-width: 768px){.gameContainer{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"score game cheat"}.gameContainer .scoreContainer{grid-area:score}.gameContainer .cheatInspector{grid-area:cheat}.gameContainer .gameContainer__board{grid-area:game}}main{display:flex;flex-wrap:wrap}main>*{flex:1 1 100%}.rules{overflow:hidden}.rules__title{cursor:pointer;width:max-content;margin:0 auto;position:absolute;top:0}.rules__content{padding-inline:1rem;max-height:0px;transition:max-height .5s ease-in-out;transition-delay:0}.rules__content p{padding-block:.3rem}.rules__content.active{max-height:1000px}.cheatInspector .prevSelector{display:flex;justify-content:space-between}.cheatInspector .prevSelector__controls{display:flex;gap:.5rem}.cheatInspector .prevSelector__controls span{border:1px solid white;height:1.5rem;aspect-ratio:1;display:flex;justify-content:center;align-items:center;background-color:var(--clr-background)}.cheatInspector .prevSelector__controls span:hover{filter:invert(1)}.cheatInspector .prev{--boardSpacing: 3px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:var(--boardSpacing);padding:var(--boardSpacing)}.cheatInspector .prev .cell{--cellSize: 20px;width:var(--cellSize);height:var(--cellSize);background-color:var(--clr-board-cells);display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}.cheatInspector .prev .cell>span{position:absolute;top:0;left:0;opacity:.5;pointer-events:none;background-color:#ff0}.cheatInspector .prev .cell.legal:after{content:"";position:absolute;top:10%;left:10%;width:80%;height:80%;border-radius:100%;border:2px solid var(--clr-board-background)}