* { box-sizing: border-box; margin: 0; padding: 0; }

    body{
      font-family: Arial, sans-serif;
      background: #f2f6fa;
      display:flex;
      justify-content:center;
      padding:20px;
    }

    /* Simula el contenedor del layout de ListeningWeb */
    .game-wrapper{
      width:100%;
      max-width:800px;
      background:#fff;
      border-radius:12px;
      padding:16px;
      box-shadow:0 6px 18px rgba(0,0,0,0.10);
    }

    /* Canvas con proporción 4:3 */
    .canvas-container{
      position:relative;
      width:100%;
      padding-top:75%; /* 4:3 */
      background:#dbefff;
      border-radius:10px;
      overflow:hidden;
    }

    canvas{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      background:#ffffff;
      display:block;
    }

    .debug-info{
      margin-top:12px;
      font-size:14px;
      color:#555;
      text-align:center;
      line-height:1.35;
    }