html{font-family:Inter}.card{padding:2em}.read-the-docs{color:#888}body{background-color:#22242a;height:100vh;padding:20px;display:grid;place-items:center}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.cell{background-color:#22242a;border-radius:10px;display:grid;place-items:center;padding:15px;cursor:pointer}.board{height:300px;padding:15px;border-radius:10px;background-color:#1b1e22;width:300px;gap:15px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;margin:40px 0}.stats{display:flex;justify-content:space-between;color:#fcfcfc;padding:0 20px}.stats>div{display:flex;flex-direction:column;gap:10px;color:#767676;font-weight:600}.stats>div>img{height:25px}.draw{opacity:70%}.active-player{display:flex;width:max-content;margin:0 auto;gap:10px}.active-player .player{padding:10px;background-color:#363941;aspect-ratio:1;display:grid;place-items:center;border-radius:5px;font-size:30px;font-weight:900;border:3px solid #767676;color:#767676;opacity:20%}.active-player img{width:30px}.active{border:3px solid white!important;opacity:100%!important}.O{color:#1777ff!important}.activeCell{background:#393c47!important}.player-container{position:relative}.crown{position:absolute;top:-80%;left:50%;width:50px!important;transform:translate(-50%)}button{border-radius:5px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;font-family:inherit;background-color:#1777ff;cursor:pointer;transition:border-color .25s}button:hover{background-color:#0060e6}