body {
       font-family: Arial, sans-serif;
       display: flex;
       justify-content: center;
       background-color: #f0f0f0;
       margin: 0;
       overflow: hidden;
       touch-action: manipulation;
     }
     .container {
       text-align: center;
       max-width: 100%;
       width: 100%;
       padding: 10px;
       box-sizing: border-box;
     }
     h1 {
       color: #333;
       font-size: 2em;
       margin: 10px 0;
     }
     #game-canvas {
       border: 2px solid #333;
       background-color: #fff;
       max-width: 100%;
       width: 100%;
       height: auto;
       touch-action: none;
       position: relative;
       z-index: 10;
     }
     #game-area {
       max-width: 100%;
       overflow: hidden;
     }
     #game-over {
       margin-top: 20px;
     }
     #game-over button {
       padding: 10px 20px;
       font-size: 1em;
       background-color: #333;
       color: #fff;
       border: none;
       border-radius: 5px;
       cursor: pointer;
       touch-action: manipulation;
     }
     #leaderboard {
       margin: 20px auto;
       border-collapse: collapse;
       width: 100%;
       max-width: 100%;
     }
     #leaderboard th, #leaderboard td {
       border: 1px solid #333;
       padding: 8px;
       font-size: 1em;
     }
     #leaderboard th {
       background-color: #333;
       color: #fff;
     }
     @media (max-width: 600px) {
       h1 {
         font-size: 1.5em;
       }
       #game-canvas {
         width: 100%;
         height: auto;
       }
       #game-over button {
         font-size: 0.9em;
         padding: 8px 15px;
       }
       #leaderboard th, #leaderboard td {
         font-size: 0.9em;
         padding: 5px;
       }
     }