/* ═══════════════════════════════════════════════════════════
   UPDATE PROMPT (DOM-186)
   A client whose code and data came apart — a cache kept one, not the other,
   or a deploy landed mid-load — gets one centred panel over everything,
   splash included: a new version is ready, refresh. Built by
   showUpdatePrompt() in js/tuning.js. Chrome Money v0.2 tokens only: the
   overlay backdrop, a centred panel (radius 22, --border-gold, the one
   modal shadow), an Anton title and the single chrome primary.
   ═══════════════════════════════════════════════════════════ */
.update-prompt {
  position: fixed; inset: 0;
  z-index: 210;                         /* above the splash (200) */
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
  background: rgba(6,6,8,.72);
}
.update-prompt-panel {
  width: 100%; max-width: 330px;
  display: flex; flex-direction: column; gap: 12px;
  padding: 22px 20px 18px;
  background: var(--overlay-fill);
  border: 1px solid var(--border-gold);
  border-radius: var(--r-panel);
  box-shadow: var(--modal-shadow);
  text-align: center;
}
.update-prompt-title {
  font-family: var(--display); font-size: 19px; letter-spacing: 2px;
  color: var(--text);
}
.update-prompt-body {
  margin: 0;
  font-family: var(--ui); font-size: 15px; line-height: 1.5;
  color: var(--body);
}
.update-prompt-go {
  align-self: stretch;
  min-height: 38px; padding: 0 18px;
  font-family: var(--display); font-size: 13px; letter-spacing: 1px;
  color: var(--ink); background: var(--gold-chrome);
  border: 0; border-radius: var(--r-pill);
  cursor: pointer;
}
.update-prompt-detail {
  margin: 0;
  font-family: var(--ui); font-size: 11px;
  color: var(--faint);
  overflow-wrap: anywhere;
}