.igt-annotations-note {
  position: relative;
  border-bottom: 1px dotted #9a742e;
  color: inherit;
  cursor: help;
  outline: none;
}
.igt-annotations-note:focus-visible { border-radius: 2px; outline: 2px solid #d6ae57; outline-offset: 2px; }
.igt-annotations-tooltip {
  position: fixed;
  z-index: 100000;
  left: var(--igt-tip-left, 50vw);
  top: var(--igt-tip-top, 50vh);
  display: grid;
  visibility: hidden;
  width: min(460px, calc(100vw - 24px));
  gap: .45rem;
  padding: .9rem 1rem;
  border: 1px solid rgba(214,174,87,.75);
  border-radius: 10px;
  background: #18222c;
  color: #f5f1e8;
  box-shadow: 0 16px 42px rgba(0,0,0,.38);
  font-size: .92rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, calc(-100% - 10px));
  transition: opacity .14s ease, visibility .14s ease;
}
.igt-annotations-tooltip[hidden] { display: none !important; }
.igt-annotations-tooltip strong { color: #f1cf7a; font-family: Georgia, "Times New Roman", serif; font-size: 1.08rem; }
.igt-annotations-tooltip span { color: #eee8dc; white-space: pre-line; }
.igt-annotations-tooltip span:empty { display: none; }
.igt-annotations-tooltip .igt-annotations-source { display: block; color: #d6cec0; font-size: .82rem; line-height: 1.35; }
.igt-annotations-tooltip .igt-annotations-source[hidden] { display: none !important; }
.igt-annotations-tooltip a { color: #f1cf7a; font-weight: 700; pointer-events: auto; }
.igt-annotations-tooltip a[hidden] { display: none !important; }
.igt-annotations-tooltip.is-open { visibility: visible; opacity: 1; pointer-events: auto; }
@media (prefers-reduced-motion: reduce) { .igt-annotations-tooltip { transition: none; } }