body{height:100vh}.board-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;box-shadow:0 10px 30px #0003;padding:2rem;text-align:center}.game-title{font-size:2.5rem;text-shadow:2px 2px 4px #0000004d}.game-title,.status{color:#fff;margin-bottom:1rem}.status{font-size:1.5rem;text-shadow:1px 1px 2px #0000004d}.board{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);justify-content:center}.board-row{display:contents}.square{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:700;height:100px;justify-content:center;transition:all .3s ease;width:100px}.square:hover{background:#fff3;box-shadow:0 5px 15px #0000004d;transform:scale(1.05)}.square:active{transform:scale(.95)}.square.X{color:#ff6f61}.square.O{color:#6b5b95}@keyframes winnerAnimation{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.winner{animation:winnerAnimation 1s infinite}@keyframes drawAnimation{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.draw{animation:drawAnimation 2s infinite}body{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:20px}.app-container{animation:fadeIn .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:600px;padding:2rem;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.app-title{animation:slideIn .5s ease-in-out;color:#fff;font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.game-container,.game-setup{animation:fadeIn .5s ease-in-out;margin-top:1rem}.button-group{display:flex;gap:10px;justify-content:center;margin-bottom:2rem;margin-top:1rem}.btn{animation:fadeIn .5s ease-in-out;border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .3s ease}.btn.primary{background:#6b5b95;color:#fff}.btn.secondary{background:#ff6f61;color:#fff}.btn.copy-btn{background:#4caf50;color:#fff;margin-top:10px}.btn:hover{box-shadow:0 5px 15px #0000004d;transform:scale(1.05)}.btn:active{transform:scale(.95)}.input-field{animation:fadeIn .5s ease-in-out;background:#ffffff1a;border:2px solid #fff3;border-radius:5px;color:#fff;font-size:1rem;margin-bottom:10px;max-width:300px;padding:10px;width:100%}.input-field::placeholder{color:#ffffffb3}.error-message{animation:shake .5s ease-in-out;color:#ff6f61;margin-top:1rem}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-10px)}50%{transform:translateX(10px)}75%{transform:translateX(-10px)}to{transform:translateX(0)}}.winner-message{animation:bounce .5s ease-in-out;color:#4caf50;font-size:1.5rem;margin-top:1rem}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:600px){.button-group{flex-direction:column}.input-field{width:90%}}.notification{animation:fadeIn .5s,fadeOut .5s 2.5s;background-color:#4caf50;border-radius:5px;color:#fff;margin-bottom:15px;padding:10px;text-align:center}.waiting-message{border:1px solid #dee2e6;padding:15px;text-align:center}.players-info,.waiting-message{background-color:#f8f9fa;border-radius:5px;color:#000;margin:15px 0}.players-info{display:flex;justify-content:space-around;padding:10px}.square{cursor:default}.square.clickable{background-color:#f8f9fa;cursor:pointer}.square.clickable:hover{background-color:#e9ecef}
/*# sourceMappingURL=main.35dc99a4.css.map*/