body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{background-color:#000}.tic-tac-toe{font-family:Arial,sans-serif;text-align:center}h1{color:#fff;font-size:20px;margin-left:20px;position:absolute}.scores{color:#fff;display:flex;justify-content:space-between;margin:auto;padding-top:30px;width:37%}.status{color:#fff;font-size:1.5em;margin:20px 0}.board{grid-gap:10px;display:grid;grid-template-columns:repeat(3,200px);margin:20px auto}.board,.cell{justify-content:center}.cell{align-items:center;background-color:#000;border:2px solid #fefefe;color:#fff;cursor:pointer;display:flex;font-size:10em;height:200px;transition:transform .3s ease,opacity .3s ease;width:200px}.winning-cell{background-color:#4caf50;border-color:#4caf50;color:#fff;transform:scale(1.2);z-index:1}.winner-active .cell:not(.winning-cell){opacity:.3}.change-mode,.reset{background-color:#fff;cursor:pointer;font-size:1em;margin:10px;padding:10px 20px}.change-mode i{margin-right:8px}footer{color:#666;font-size:.8em;margin-top:40px}.difficulty-controls{margin:20px 0}.difficulty-controls h3{color:#fff;margin-bottom:10px}.difficulty-controls button{background-color:#f0f0f0;border:2px solid #ccc;cursor:pointer;font-size:1em;margin:5px;padding:10px 20px;transition:background-color .3s ease,border-color .3s ease}.difficulty-controls button.active{background-color:#4caf50;border-color:#4caf50;color:#fff}.difficulty-controls button:hover{background-color:#e0e0e0}@media only screen and (max-width:600px){.tic-tac-toe{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;text-align:center}.board{grid-gap:10px;display:grid;grid-template-columns:repeat(3,130px);justify-content:center;margin:20px auto}.cell{align-items:center;background-color:#000;border:2px solid #fefefe;cursor:pointer;font-size:3em;height:130px;justify-content:center;transition:transform .3s ease,opacity .3s ease;width:130px}.cell,.scores{color:#fff;display:flex}.scores{justify-content:space-between;margin:auto;padding-top:50px;width:80%}}
/*# sourceMappingURL=main.19c6baff.css.map*/