body {
           font-family: 'Segoe UI', sans-serif;
           background: #f7fafc;
           color: #333;
           text-align: center;
           margin: 0;
           padding: 0;
           padding-bottom: 80px;
       }

       h1 {
           background-color: #2e86c1;
           color: white;
           padding: 1rem;
           margin: 0;
           margin-bottom: 10px;
       }

       .boite {
           margin-top: 10px auto;
           font-weight: bold;
           margin: 10px auto;
           padding: 1rem;
           max-width: 600px;
           background: white;
           border-radius: 8px;
           box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
       }

       canvas {
           background: white;
           border: 1px solid #2e86c1;
           border-radius: 8px;
           box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
           width: 100%;
           height: auto;
           max-width: 600px;
           /* largeur max pour desktop */
           border: 1px solid black;
           touch-action: none;
           /* utile pour le tactile */
           touch-action: none;
           cursor: crosshair;
       }

       #instruction {
           font-weight: bold;
           margin: 15px auto;
       }

       #feedback {
           margin: 10px 0;
           font-weight: bold;
       }

       button {
           margin: 10px;
           padding: 10px 15px;
       }

       .victoire {
           position: fixed;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           background: white;
           border: 4px solid green;
           border-radius: 15px;
           padding: 30px;
           text-align: center;
           z-index: 1000;
           box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
       }