/* Range inputs used to have a 44px *invisible* touch box, inherited from
   player-performance.js. Keep the actual element exactly on the visible bar. */
#settings-screen .settings-section-body .tg-precise-slider{
  position:relative!important;
  box-sizing:border-box!important;
  display:block!important;
  width:94%!important;
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  margin:12px auto!important;
  padding:0!important;
  overflow:visible!important;
}
#settings-screen .settings-section-body .tg-precise-slider.tg-precise-slider-sound{
  width:100%!important;
  margin:0 auto!important;
}
#settings-screen .settings-section-body .tg-precise-slider>input[type="range"]{
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
  touch-action:pan-y pinch-zoom!important;
}
#settings-screen .settings-section-body .tg-precise-slider-hit{
  position:absolute;
  display:block;
  box-sizing:border-box;
  inset:0;
  height:20px;
  width:100%;
  padding:0;
  margin:0;
  background:transparent;
  border:0;
  pointer-events:none;
  touch-action:pan-y pinch-zoom;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
  -webkit-user-select:none;
}
@media (pointer:coarse), (hover:none){
  #settings-screen .settings-section-body .tg-precise-slider-hit{
    pointer-events:auto!important;
  }
}
/* For mouse and keyboard the original input remains active and semantic;
   on touchscreen only the visible 20px overlay handles deliberate gestures. */