body {
     font-family: Arial, sans-serif;
     text-align: center;
     background: linear-gradient(185deg, #3b3ee3, #045610);
     margin: 0;
     min-height: 100vh;
     padding: 20px;
   }
   
   h1 {
     margin-bottom: 10px;
     color: white;
   }
   
   .board {
     display: grid;
     grid-template-columns: repeat(3, 100px);
     grid-gap: 5px;
     justify-content: center;
     margin: 20px auto;
   }
   
   .box {
     width: 100px;
     height: 100px;
     background-color: #fff;
     border: 2px solid #333;
     font-size: 2em;
     text-align: center;
     line-height: 100px;
     cursor: pointer;
     transition: transform 0.2s ease-in-out;
   }
   
   .box.taken {
     cursor: not-allowed;
   }
   
   .box.taken:hover {
     transform: none; 
   }
   
   button {
     padding: 10px 20px;
     font-size: 1em;
     margin-top: 20px;
     color: white;
     background-color: #0a9c11;
     cursor: pointer;
   }