/* ==========================================================================
   Onboarding hint                                             owner: P0-11
   A paper speech pill under the top HUD (clear of the fighter at the start), with key caps; touch screens get the touch line.
   ========================================================================== */
.hint{
  position:fixed;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top,0px) + 136px);
  width:max-content;max-width:calc(100% - 32px);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;
  padding:9px 18px 10px;border:var(--line) solid var(--ink);border-radius:999px;background:var(--g-paper);box-shadow:var(--lip),var(--drop);
  font:var(--w-strong) var(--t-body)/1.4 var(--f-ui);color:var(--ink-2);text-align:center;pointer-events:none;
  transition:opacity .8s ease;
}
.hint b{font-weight:var(--w-strong);color:var(--ink)}
.hint-touch{display:none}
@media (pointer:coarse){
  .hint-keys{display:none}
  .hint-touch{display:inline}
}
@media (max-width:600px){
  .hint{top:calc(env(safe-area-inset-top,0px) + 176px);border-radius:16px;padding:8px 12px 9px;font-size:var(--t-caption)}
  /* keep clear of the HUD's 4th button (Stats) on phones */
  .hint{left:16px;right:68px;transform:none;width:auto;max-width:none}
}

/* ---- P0-11 additions (coach marks, status glossary) go below ---- */