h1{background-color:#00000080;border-radius:10px;padding:10px;text-align:center;width:100%}.container{gap:20px;justify-content:center}.container,.player{align-items:center;display:flex}.player{background-color:#fff3;border-radius:10px;box-shadow:0 4px 8px #0003;flex-direction:column;padding:20px}.player1{background-color:#f08080cc}.player2{background-color:#87cefacc}.player h2{background:#fff3;border-radius:10px;box-shadow:0 4px 8px #0003;color:#fff;font-size:1.5rem;padding:10px;text-shadow:2px 2px 4px #0000004d;transition:background-color .3s,box-shadow .3s}.player h2:hover{background-color:#fff6;box-shadow:0 6px 12px #0000004d}.cell{background-color:#fff3;transition:background-color .3s,box-shadow .3s}.cell:hover{background-color:#fff6;box-shadow:0 6px 12px #0000004d}.cell.x{color:tomato}.cell.o,.cell.x{font-size:3rem;font-weight:700;text-shadow:2px 2px 4px #0000004d}.cell.o{color:#4682b4}.status{background:#fff3;border-radius:10px;box-shadow:0 4px 8px #0003;font-size:1.5rem;padding:10px;text-align:center;transition:background-color .3s,box-shadow .3s}.status:hover{background-color:#fff6;box-shadow:0 6px 12px #0000004d}select{background-color:#fff3;border:none;border-radius:10px;box-shadow:0 4px 8px #0003;color:#000;cursor:pointer;font-size:2rem;padding:10px;text-align:center;transition:background-color .3s,box-shadow .3s;width:150px}select:hover{background-color:#fff6;box-shadow:0 6px 12px #0000004d}select option{background-color:#fff3;color:#000}select option[value=X]{color:tomato}select option[value=O]{color:#4682b4}.reset-container{margin-top:20px}.reset-button,.reset-container{display:flex;justify-content:center}.reset-button{align-items:center;background:#fff3;border:none;border-radius:10px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s,box-shadow .3s}.reset-button:hover{background:#fff6;box-shadow:0 6px 12px #0000004d}.reset-button img{height:20px;margin-right:10px;width:20px}body{align-items:center;background:linear-gradient(135deg,#f06,#4a90e2);display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0}h1{color:#fff;text-shadow:2px 2px 4px #00000080}.board{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px)}.cell{align-items:center;background-color:#f0f0f0;border-radius:10px;box-shadow:0 4px 8px #0003;cursor:pointer;display:flex;font-size:2rem;height:100px;justify-content:center;transition:background-color .3s;width:100px}.cell:hover{background-color:#ddd}.player-options,.status{color:#fff;margin-bottom:20px;text-shadow:1px 1px 2px #00000080}button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:10px 20px;transition:background-color .3s}button:hover{background-color:#357ab8}
/*# sourceMappingURL=main.704ce3f5.css.map*/