/* Optional automatic language detection for Classroom Car Race and Tug of War.
   Manual GLN keyboard layouts are the default. */
.game-auto-language[hidden]{display:none!important}
/* Share the existing Quiz-like Tug keyboard UI with the Car Race. */
.race-keyboard-toolbar[hidden]{display:none!important}
.race-keyboard-toolbar{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:12px; padding:12px 16px 10px;
  border-top:1px solid #dce6f2; background:#fbfdff;
}
.race-keyboard-toolbar>span{color:#687f98;font-size:.73rem;font-weight:900;letter-spacing:.035em}
body.theme-rgb .race-keyboard-toolbar{border-color:#284766;background:#0d1b31}
body.theme-rgb .race-keyboard-toolbar>span{color:#a9bfd7}
.tug-keyboard-switch button[data-tug-keyboard="auto"],
.tug-keyboard-switch button[data-race-keyboard="auto"]{font-weight:800}
.tug-keyboard-switch button[data-tug-keyboard="auto"].active,
.tug-keyboard-switch button[data-race-keyboard="auto"].active{box-shadow:0 0 0 1px rgba(81,203,224,.42) inset}
.game-auto-host-option{display:flex!important;align-items:center;gap:9px;line-height:1.45;cursor:pointer;font-size:.84rem}
.game-auto-host-option input[type="checkbox"]{width:17px;height:17px;flex:0 0 17px;accent-color:#1687d6}
#tugCreateForm .game-auto-host-option{grid-column:1/-1}
@media(max-width:680px){
  .tug-keyboard-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:460px;width:100%}
  .race-keyboard-toolbar{padding:10px 9px}
  .race-keyboard-toolbar>span{width:100%;text-align:center}
  .race-keyboard-toolbar .tug-keyboard-switch button{padding:0 4px;font-size:.73rem}
}
/* Match the host's new Car Race language dropdown to existing form controls. */
#raceHostLanguage {
  display:block;width:100%;box-sizing:border-box;margin-top:5px;
  padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;
  background:#fff;color:#17233b;font:600 .94rem Inter,ui-sans-serif,sans-serif;
}
body.theme-rgb #raceHostLanguage {
  border-color:#395675;background:#102a45;color:#e0f1ff;
}
#raceHostAuto {margin:0}
#tugHostAuto {margin:0}