.cell{position:relative;display:inline-block;outline:solid 1px #999;overflow:hidden;margin:0;padding:0}.cell.selectable{cursor:pointer}.cell.clear{background:rgba(0,0,0,.5)}.cell.danger{background:rgba(255,0,0,.1)}.cell.highlight{background:blue}.cell .label{position:absolute;top:-2em;left:.2em;font-size:.7em;display:block;color:#666;pointer-events:none}.cell .piece{display:inline-block;background:rgba(255,255,255,.8);color:#000;height:50%;width:50%;overflow:hidden;border-radius:50%;line-height:2em;margin-top:25%;font-weight:700}.cell .piece.black{background:black;color:#fff;outline:rgba(255,255,255,.5) solid 1px}.cell .piece.selected{background:green}.game-area{margin:0 auto;text-align:center;position:relative;display:inline-block}.game-area .turn-indicator{position:absolute;top:40%;right:-75px;border:solid 1px #999;border-radius:30px;padding:2px}.game-area .turn-indicator .black,.game-area .turn-indicator .white{width:20px;height:20px;border-radius:50%;border:solid 5px transparent}.game-area .turn-indicator .black.current,.game-area .turn-indicator .white.current{border-color:#007bff}.game-area .turn-indicator .black{background:black;margin-bottom:1em}.game-area .turn-indicator .white{background:white}.game-area .board{margin:0 auto;box-shadow:0 0 2em #0009}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width: 500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif}body{min-height:100vh}#root{width:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}