/* Lobby HUB — hover tips for `[data-tooltip="Title||Body"]` controls */

.oss-data-tooltip {
  position: fixed;
  z-index: 10001;
  max-width: min(18rem, calc(100vw - 1.5rem));
  padding: 0.45rem 0.65rem;
  border: 1px solid rgba(169, 140, 255, 0.45);
  border-radius: 4px;
  background: rgba(22, 12, 43, 0.94);
  color: var(--oss-ui-white, #f5f5f5);
  font-family: var(--oss-font-ui);
  font-size: 0.82rem;
  line-height: 1.35;
  text-align: center;
  pointer-events: none;
  box-shadow:
    0 6px 22px rgba(8, 4, 18, 0.45),
    0 0 14px rgba(140, 103, 217, 0.22);
  transform: translate(-50%, -100%);
}

.oss-data-tooltip[hidden] {
  display: none !important;
}

.oss-data-tooltip__title {
  display: block;
  margin-bottom: 0.15rem;
  font-size: 0.86rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(255, 220, 140, 0.96);
}

.oss-data-tooltip__body {
  display: block;
  color: rgba(235, 225, 255, 0.92);
}