/* Stili base e font */
    body {
      font-family: 'Roboto', sans-serif;
      background: #f4f7f8;
      margin: 0;
      padding: 0;
    }
    header {
      background: #007bff;
      color: #fff;
      padding: 20px 0;
      text-align: center;
      box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }
    header h1 {
      margin: 0;
      font-size: 2.5rem;
    }
    footer {
      background: #343a40;
      color: #fff;
      text-align: center;
      padding: 15px 0;
      margin-top: 20px;
    }
    /* Schermata di Setup */
    #setupScreen {
      max-width: 600px;
      margin: 40px auto;
      padding: 20px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 7px rgba(0,0,0,0.1);
    }
    #setupScreen h2 { text-align: center; margin-bottom: 20px; }
    /* Schermata di Gioco */
    #gameScreen { display: none; margin: 20px auto; }
    /* Il canvas occupa 600x600 px (griglia 15×15, cella 40×40) */
    #boardCanvas {
      background: #fff;
      border: 2px solid #333;
      display: block;
      margin: 0 auto;
    }
    /* Pannello di controllo laterale */
    #controlPanel {
      margin-top: 20px;
      text-align: center;
    }
    #controlPanel button { margin: 5px; }
    #messagePanel {
      margin-top: 10px;
      min-height: 40px;
      text-align: left;
      max-height: 150px;
      overflow-y: auto;
    }
    /* Modal per le Istruzioni */
    .modal-header { background: #007bff; color: #fff; }