.elementor-2299 .elementor-element.elementor-element-a42da7c{--display:flex;}/* Start custom CSS for html, class: .elementor-element-3db761b */html, body {
      margin: 0;
      padding: 0;
      background-color: #121212;
      overflow: hidden;
      font-family: Arial, sans-serif;
      touch-action: manipulation;
      color: #e0e0e0;
    }

    #ball {
      position: absolute;
      width: 6vw;
      height: 6vw;
      min-width: 30px;
      min-height: 30px;
      max-width: 60px;
      max-height: 60px;
      background-color: #7A9F35;
      border-radius: 50%;
      box-shadow: 0 0 5px #7A9F35;
    }

    #ui {
      position: absolute;
      top: 10px;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      width: 92%;
    }

    #timer, #cycles {
      font-size: 1.2vw;
      margin-top: 1vh;
    }

    #trajectory, #speedControl {
      font-size: 1.2vw;
      margin-top: 1vh;
    }

    select, button, input[type=range] {
      padding: 1vh 1.2vw;
      font-size: 1.2vw;
      margin-top: 1vh;
      border: none;
      border-radius: 5px;
    }

    select {
      background: #2c2c2c;
      color: #e0e0e0;
    }

    button {
      background-color: #7A9F35;
      color: #121212;
      font-weight: bold;
      box-shadow: 0 0 6px #7A9F35;
    }

    input[type=range] {
      width: 50%;
    }

    /* 👇 Добавлено: приглушение UI */
    .dimmed {
      opacity: 0.3;
      transition: opacity 0.5s ease;
    }/* End custom CSS */