/* Blase für langes Drücken (public/js/longpress-hint.js). Eine Datei, für KISS-Klone
   übernehmbar. Kontrast Text zu Fläche über 4,5:1 in Hell und Dunkel. */
.mm-lp-hint {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483000;
  max-width: min(320px, calc(100vw - 16px));
  padding: 8px 12px;
  border-radius: 10px;
  background: #111827;
  color: #f9fafb;
  font: 500 13px/1.35 Inter, ui-sans-serif, system-ui, sans-serif;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .28);
  pointer-events: none;
  --mm-lp-arrow: 50%;
}
.mm-lp-hint[hidden] { display: none; }
.mm-lp-hint__name { display: block; font-weight: 600; }
.mm-lp-hint__text { display: block; margin-top: 2px; font-weight: 400; color: #d1d5db; }
.mm-lp-hint__text[hidden] { display: none; }
.mm-lp-hint::after {
  content: '';
  position: absolute;
  left: var(--mm-lp-arrow);
  width: 10px;
  height: 10px;
  background: inherit;
  transform: translateX(-50%) rotate(45deg);
}
.mm-lp-hint[data-side="top"]::after { bottom: -5px; }
.mm-lp-hint[data-side="bottom"]::after { top: -5px; }
html.dark .mm-lp-hint { background: #f9fafb; color: #111827; box-shadow: 0 8px 24px rgba(0, 0, 0, .5); }
html.dark .mm-lp-hint__text { color: #374151; }