/* Sentence Mode gets a prominent complete-phrase forecast without altering Word Mode. */
#gameArea .sentence-prediction.is-active{
  margin:14px 0 0;padding:13px 15px;
  border:1px solid var(--border);border-radius:10px;
  background:var(--surface-2);color:var(--text);font-size:13px;line-height:1.45;
}
#gameArea .sentence-forecast-label{
  display:block;font-size:10px;font-weight:800;letter-spacing:.07em;
  text-transform:uppercase;color:var(--muted);margin-bottom:7px;
}
#gameArea .sentence-forecast-words{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
#gameArea .sentence-forecast-word{
  padding:3px 6px;border-radius:5px;background:var(--surface);
  border:1px solid var(--border);color:var(--text);font-weight:650;
}
#gameArea .sentence-forecast-word.is-next{
  border-color:var(--blue);box-shadow:inset 0 -2px 0 var(--blue);
}
#gameArea .sentence-forecast-hint{
  display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:8px;
}
@media(max-width:820px),(pointer:coarse){
  #gameArea .sentence-prediction.is-active{margin-top:9px;padding:9px 11px}
  body.mobile-keyboard-active #gameArea .sentence-action-row{
    margin:3px 0 0;flex:0 0 auto;
  }
  body.mobile-keyboard-active #gameArea .sentence-accept-button{
    min-height:28px;padding:4px 10px;font-size:11px;
  }
  body.mobile-keyboard-active #gameArea .sentence-prediction.is-active{
    display:block;min-height:0;max-height:30px;overflow:auto;
    white-space:nowrap;margin:5px 0 0;padding:3px 6px;border:0;
    background:transparent;border-radius:0;
    scrollbar-width:none;
  }
  body.mobile-keyboard-active #gameArea .sentence-forecast-label,
  body.mobile-keyboard-active #gameArea .sentence-forecast-hint{display:none}
  body.mobile-keyboard-active #gameArea .sentence-forecast-words{
    flex-wrap:nowrap;gap:3px;width:max-content;
  }
  body.mobile-keyboard-active #gameArea .sentence-forecast-word{
    padding:1px 4px;font-size:11px;
  }
}

/* Accept only correct predicted words; keep a large accessible tap target. */
#gameArea .sentence-action-row{display:flex;justify-content:flex-start;margin:9px 0 0}
#gameArea .sentence-accept-button{min-height:36px;padding:7px 13px;font-size:12px}
#gameArea .sentence-accept-button[hidden]{display:none!important}