/* ── Tip Overlays (§6) ───────────────────────────────────── */
.tip-overlay {
  position: fixed; inset: 0; z-index: 160;
  background: rgba(0,0,0,0.65);
  display: flex; align-items: center; justify-content: center;
}
.tip-overlay--hidden { display: none; }
.tip-modal {
  background: #1A1E3A; border: 2px solid #FFD700;
  border-radius: 4px; max-width: 320px; width: 90%;
  padding: 20px; box-shadow: 6px 6px 0 #000;
  font-family: var(--font-main);
}
.tip-modal__text {
  font-size: 0.7rem; color: var(--text-primary);
  line-height: 1.6; margin-bottom: 16px;
}
.tip-modal__actions {
  display: flex; gap: 10px; justify-content: flex-end;
}
.tip-btn {
  font-family: var(--font-main); font-size: 0.58rem;
  padding: 8px 14px; border-radius: 2px; cursor: pointer;
  box-shadow: 2px 2px 0 #000; border: 2px solid transparent;
}
.tip-btn:active { transform: translate(1px,1px); box-shadow: 1px 1px 0 #000; }
.tip-btn--primary { background: var(--accent-green); color: #fff; }
.tip-btn--secondary {
  background: transparent; color: var(--text-secondary);
  border-color: var(--panel-border);
}
.tip-btn--secondary:hover { border-color: var(--text-secondary); }