/* Napis kroku dla miny z linką (ui/triphint.js): mały pasek nad środkiem ekranu, bez klikania */
#triphint {
  position: absolute;
  left: 50%;
  top: 24%;
  transform: translateX(-50%);
  display: none;
  padding: 6px 12px;
  border-radius: 4px;
  background: rgba(12, 14, 10, 0.72);
  border: 1px solid rgba(0, 0, 0, 0.6);
  color: #d8d2bc;
  font: 600 14px/1.2 system-ui, sans-serif;
  letter-spacing: 0.02em;
  white-space: nowrap;
  pointer-events: none;
}
#triphint.on { display: block; }
#triphint.tp-short { color: #f0913a; }
#triphint.tp-ready { color: #8fe3b5; }
#triphint.tp-warn, #triphint.tp-auto { color: #e0543a; }