/* Список подсказок при наборе кода (28.10.2026): общий для /play и /app.
   Подключается рядом со стилями страницы; код списка - completion_popup.js.
   Нужны переменные страницы --text, --card, --border, --brand и класс
   .codefont (шрифт кода) - они есть и там, и там. */
/* Подсказки при наборе (28.10.2026). Список лежит в <body> и стоит
   fixed: у `.editor` overflow: hidden, и список у нижней строки
   обрезался бы. Положение ставит completion_popup.js. */
.cc-list {
  position: fixed; z-index: 20; min-width: 150px;
  max-width: min(360px, calc(100vw - 16px)); max-height: 232px;
  overflow-y: auto; padding: 4px; box-sizing: border-box;
  color: var(--text); background: var(--card);
  border: 1px solid var(--border); border-radius: 10px;
  box-shadow: 0 6px 24px rgb(0 0 0 / 25%);
  font: 13px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas,
        "Liberation Mono", monospace;
}
.cc-list[hidden] { display: none; }
.cc-row {
  padding: 4px 10px; border-radius: 6px; cursor: pointer;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cc-row b { font-weight: 700; }
.cc-row.sel { color: #fff; background: var(--brand); }
/* Копия текста для замера положения слова: невидимая и вне экрана */
.cc-mirror {
  position: absolute; left: -99999px; top: 0; visibility: hidden;
  margin: 0; padding: 14px 16px; border: 0; pointer-events: none;
}
/* Касание: строки крупнее (палец), шрифт не меньше 16px */
@media (pointer: coarse) {
  .cc-list { max-height: min(264px, 40vh); font-size: 16px; }
  .cc-row { padding: 11px 14px; }
}