/*
 * Web demo layer for ChessPrep Lab embedded on the homepage.
 * Opening + endgame training run fully in the browser.
 * Human-like sparring (engine) and opponent prep need the local
 * engine/server, so their controls are hidden here and replaced
 * with a bilingual "full version only" notice.
 */

/* Prep mode is server-only: hide its mode button. */
[data-mode-switch="prep"] {
  display: none !important;
}

/* Hide the interactive engine controls inside every engine card. */
.engine-card .engine-status,
.engine-card .engine-profiles,
.engine-card .engine-actions,
.engine-card .engine-note,
.engine-card [data-engine-badge] {
  display: none !important;
}

/* Injected lock notice shown inside each engine card. */
.demo-locked {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px dashed rgba(255, 255, 255, 0.28);
  background: rgba(120, 170, 255, 0.10);
  color: #dfe6fb;
  font-size: 13px;
  line-height: 1.55;
}

.demo-locked strong {
  display: block;
  margin-bottom: 4px;
  color: #fff;
  font-size: 13.5px;
}

.demo-locked .demo-locked__soon {
  margin-top: 6px;
  color: #a9c2ff;
}

/* Language toggling driven by the body.locale-* classes app.js sets. */
.demo-i18n-en { display: none; }
.demo-i18n-zh { display: block; }
body.locale-en .demo-i18n-en { display: block; }
body.locale-en .demo-i18n-zh { display: none; }
