/* Podpowiedzi dla nowego gracza: mała pigułka pod paskiem mgły */
#hintpop { position: fixed; left: 50%; bottom: 104px; transform: translate(-50%, -8px); z-index: 30; display: flex; align-items: center; gap: 10px; padding: 6px 16px 6px 10px; pointer-events: none;
  background: rgba(15,17,11,.84); border: 1px solid #6e6a56; box-shadow: 0 4px 14px rgba(0,0,0,.55);
  font: 700 14px Bahnschrift, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #e6e0c4; opacity: 0; transition: opacity .25s, transform .25s; white-space: nowrap; }
#hintpop.on { opacity: 1; transform: translate(-50%, 0); }
#hintpop .kbd { margin: 0; padding: 3px 8px; font-size: 12px; }
/* baner wydarzenia / miejsca stoi w tym samym miejscu (pod paskiem mgły) — podpowiedź ustępuje na czas jego wyświetlania */
body:has(#event-banner.visible) #hintpop { opacity: 0; }
/* otwarte okno (plecak, warsztat, zeszyt…) zasłania podpowiedź: nie prześwituje przez jego treść (przegląd końcowy N33) */
body.modal-open #hintpop { opacity: 0; }
/* pasek bossa (ui/bossbar.js, atrybut hidden) leży tuż pod podpowiedzią: podpowiedź ustępuje na czas walki z bossem */
body:has(#bossbar:not([hidden])) #hintpop { opacity: 0; }