/* Tooltips (see tip.js): one floating box, positioned in the viewport. */
.tip-box {
  position: fixed; z-index: 1000; max-width: 300px; padding: 9px 12px; border-radius: 10px;
  background: #1c2338; border: 1px solid #334060; color: var(--text); font-size: 13px; line-height: 1.45;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .5); pointer-events: none; white-space: pre-line;
  opacity: 0; transform: translateY(4px); transition: opacity var(--t-fast), transform var(--t-fast);
}
.tip-box[data-show="1"] { opacity: 1; transform: none; }
.tip-box b { color: #fff; }